Mouse Recorder

by jakie8

HTML

<script src="http://jakiestfu.com/creepr.js"></script>
<input type="button" value="Record" id="rec">
<input type="button" value="Stop" id="stop">
<input type="button" value="Play" id="play">


<div id="replay"></div>

CSS

#replay{
    width:15px;
    height:20px;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAUCAYAAABSx2cSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTA5MTQxNzk0NjZBMTFFMUFCMTFDNUUyMUI2NjREODQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTA5MTQxN0E0NjZBMTFFMUFCMTFDNUUyMUI2NjREODQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MDkxNDE3NzQ2NkExMUUxQUIxMUM1RTIxQjY2NEQ4NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MDkxNDE3ODQ2NkExMUUxQUIxMUM1RTIxQjY2NEQ4NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqUhGuEAAAEXSURBVHjajJQ9bgIxEIVtswkLRAlRAoiCAgoOkjJXgIqSiirH4wDcBvEvBMuzeLOaSOu1R/rkn9V7Y3s9tsYYCxxbHwW4s41GBjoFA/038KLMguFI0w+stQb6HbotmtqYuCFiZbBNMZC9Znoy1cCFXFMMXN2eYgYudqJ1Bi7lX4YMksQhg6jY3xuB462Is5DAZ1JZV2gOYEfKaIMRr6Zc0T8Zq7kpGIIPkPstZ6oYJOMS3U3Fgk7MfgY30fgDGNB9BsZgAhYV2d95nct4BV3wC3rgE3x5kwrxNyvuX0nmXEGLZjmN5oUKjPv8/jxIhVH7dzTytf3DpR7BGuzB1dSUm1RakzQouJCbiRS7VY+FVc9T+UQ9BBgA2WqQEFR5iEcAAAAASUVORK5CYII=);
    position:fixed;
}

JavaScript

$('#rec').click(creepr.listen);
$('#stop').click(creepr.stop);
$('#play').click(creepr.play);