viewRecorder

ImageLife is Jquery Plugin purpose for recording activity when user visit a website

Live Demo

http://rockman84.github.io/viewRecorder/

Usage

add script link inside header tag

<script language="javascript" href="view_recorder.js"></script>  

add style script

<style> .vr-mark{ 	width:30px; 	height:30px; 	border:1px solid #000; 	z-index:5000; } #vr-pointer{ 	background:url('mouse.png'); 	height:27px; 	width:15px; 	z-index:5000; } </style> 

and

// set configure var recorder = viewRec({interval:500});   // start record recorder.startRecord();   // stop record recorder.stopRecord();   // play record recorder.play();  

Config

• interval (default: 500) milisecond
• mark_classname (default: vr-mark)
• pointer_idname (default: vr-pointer)
• target (default: window)

var recorder = viewRec({ 	interval: 200, 	mark_classname: 'vr-mark' }); 

Method

Start Record

recorder.startRecord(); 

Stop Record

recorder.stopRecord(); 

Play

recorder.play(); 

Stop Play

recorder.stop(); 

Clear data record

recorder.clearData(); 

Get data record

recorder.getData(); 

Set data record

var data = []; recorder.setData(data); 

Clear Mark Click

recorder.clearMark(); 

Event

recorder.on('event_name',function(){ 	// event do }); 

Event available

• recording
• stop_record
• play
• stop