🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

The jQuery viewRecorder plugin tracks user activities/interactions (mouse position, click event, etc) on your webpage and replays the record when needed.

User-Activity

Documentation

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

You May Also Like