yetty 0.0.1 → 0.1.0

data/lib/yetty/site/static/js/nyan/threex.nyancat.js

@@ -0,0 +1,193 @@
+var THREEx	= THREEx || {};
+
+/**
+ * from original webgl anonymous demo 
+ */
+THREEx.NyanCat	= function(){
+	var container	= new THREE.Object3D()
+	this.container	= container
+	//POPTART
+	var poptart	= new THREE.Object3D();
+	this.poptart	= poptart
+	//		object	   x    y    z    w    h    d	  color
+	helper(	poptart,   0,  -2,  -1,  21,  14,   3, 0x222222);
+	helper(	poptart,   1,  -1,  -1,  19,  16,   3, 0x222222);
+	helper(	poptart,   2,   0,  -1,  17,  18,   3, 0x222222);
+	
+	helper(	poptart,   1,  -2,-1.5,  19,  14,   4, 0xffcc99);
+	helper(	poptart,   2,  -1,-1.5,  17,  16,   4, 0xffcc99);
+	
+	helper(	poptart,   2,  -4,   2,  17,  10,  .6, 0xff99ff);
+	helper(	poptart,   3,  -3,   2,  15,  12,  .6, 0xff99ff);
+	helper(	poptart,   4,  -2,   2,  13,  14,  .6, 0xff99ff);
+	
+	helper(	poptart,   4,  -4,   2,   1,   1,  .7, 0xff3399);
+	helper(	poptart,   9,  -3,   2,   1,   1,  .7, 0xff3399);
+	helper(	poptart,  12,  -3,   2,   1,   1,  .7, 0xff3399);
+	helper(	poptart,  16,  -5,   2,   1,   1,  .7, 0xff3399);
+	helper(	poptart,   8,  -7,   2,   1,   1,  .7, 0xff3399);
+	helper(	poptart,   5,  -9,   2,   1,   1,  .7, 0xff3399);
+	helper(	poptart,   9, -10,   2,   1,   1,  .7, 0xff3399);
+	helper(	poptart,   3, -11,   2,   1,   1,  .7, 0xff3399);
+	helper(	poptart,   7, -13,   2,   1,   1,  .7, 0xff3399);
+	helper(	poptart,   4, -14,   2,   1,   1,  .7, 0xff3399);
+	
+	poptart.position.x=-10.5;
+	poptart.position.y=9;
+	container.add( poptart );
+	
+	//FEET
+	var feet	= new THREE.Object3D();
+	this.feet	= feet
+	helper(	feet,   0,  -2, .49,  3,  3,   1, 0x222222);
+	helper(	feet,   1,  -1, .49,  3,  3,   1, 0x222222);
+	helper(	feet,   1,  -2,-.01,  2,  2,   2, 0x999999);
+	helper(	feet,   2,  -1,-.01,  2,  2,   2, 0x999999);
+	
+	helper(	feet,   6,  -2, -.5,  3,  3,   1, 0x222222);
+	helper(	feet,   6,  -2, -.5,  4,  2,   1, 0x222222);
+	helper(	feet,   7,  -2,-.99,  2,  2,   2, 0x999999);
+	
+	helper(	feet,   16, -3, .49,  3,  2,   1, 0x222222);
+	helper(	feet,   15, -2, .49,  3,  2,   1, 0x222222);
+	helper(	feet,   15, -2,-.01,  2,  1,   2, 0x999999);
+	helper(	feet,   16, -3,-.01,  2,  1,   2, 0x999999);
+	
+	helper(	feet,   21, -3, -.5,  3,  2,   1, 0x222222);
+	helper(	feet,   20, -2, -.5,  3,  2,   1, 0x222222);
+	helper(	feet,   20, -2,-.99,  2,  1,   2, 0x999999);
+	helper(	feet,   21, -3,-.99,  2,  1,   2, 0x999999);
+	
+	feet.position.x=-12.5;
+	feet.position.y=-6;
+	container.add( feet );
+	
+	//TAIL
+	var tail	= new THREE.Object3D();
+	this.tail	= tail
+	helper(	tail,   0,  0,-.25,  4,  3, 1.5, 0x222222);
+	helper(	tail,   1, -1,-.25,  4,  3, 1.5, 0x222222);
+	helper(	tail,   2, -2,-.25,  4,  3, 1.5, 0x222222);
+	helper(	tail,   3, -3,-.25,  4,  3, 1.5, 0x222222);
+	helper(	tail,   1, -1, -.5,  2,  1,   2, 0x999999);
+	helper(	tail,   2, -2, -.5,  2,  1,   2, 0x999999);
+	helper(	tail,   3, -3, -.5,  2,  1,   2, 0x999999);
+	helper(	tail,   4, -4, -.5,  2,  1,   2, 0x999999);
+	
+	tail.position.x=-16.5;
+	tail.position.y=2;
+	container.add( tail );
+	
+	//FACE
+	var face	= new THREE.Object3D();
+	this.face	= face;
+	helper(	   face,   2,  -3,  -3,  12,   9,   4, 0x222222);
+	helper(	   face,   0,  -5,   0,  16,   5,   1, 0x222222);
+	helper(	   face,   1,  -1,   0,   4,  10,   1, 0x222222);
+	helper(	   face,  11,  -1,   0,   4,  10,   1, 0x222222);
+	helper(	   face,   3, -11,   0,  10,   2,   1, 0x222222);
+	helper(	   face,   2,   0,   0,   2,   2,   1, 0x222222);
+	helper(	   face,   4,  -2,   0,   2,   2,   1, 0x222222);
+	helper(	   face,  12,   0,   0,   2,   2,   1, 0x222222);
+	helper(	   face,  10,  -2,   0,   2,   2,   1, 0x222222);
+	
+	helper(	   face,   1, -5,   .5,  14,   5,   1, 0x999999);
+	helper(	   face,   3, -4,   .5,  10,   8,   1, 0x999999);
+	helper(	   face,   2, -1,   .5,   2,  10,   1, 0x999999);
+	helper(	   face,  12, -1,   .5,   2,  10,   1, 0x999999);
+	helper(	   face,   4, -2,   .5,   1,   2,   1, 0x999999);
+	helper(	   face,   5, -3,   .5,   1,   1,   1, 0x999999);
+	helper(	   face,  11, -2,   .5,   1,   2,   1, 0x999999);
+	helper(	   face,  10, -3,   .5,   1,   1,   1, 0x999999);
+	//Eyes
+	helper(	   face,   4,  -6,  .6,   2,   2,   1, 0x222222);
+	helper(	   face,  11,  -6,  .6,   2,   2,   1, 0x222222);
+	helper(	   face,3.99,-5.99, .6,1.01,1.01,1.01, 0xffffff);
+	helper(	  face,10.99,-5.99, .6,1.01,1.01,1.01, 0xffffff);
+	//MOUTH
+	helper(	   face,   5, -10,  .6,   7,   1,   1, 0x222222);
+	helper(	   face,   5,  -9,  .6,   1,   2,   1, 0x222222);
+	helper(	   face,   8,  -9,  .6,   1,   2,   1, 0x222222);
+	helper(	   face,  11,  -9,  .6,   1,   2,   1, 0x222222);
+	//CHEEKS
+	helper(	   face,   2,  -8,  .6,   2,   2, .91, 0xff9999);
+	helper(	   face,  13,  -8,  .6,   2,   2, .91, 0xff9999);
+	
+	face.position.x=-.5;
+	face.position.y=4;
+	face.position.z=4;
+	container.add(face);
+	return;
+	
+	function helper(o, x, y, z, w, h, d, c){
+		var material = new THREE.MeshLambertMaterial( { color: c} );
+		var geometry = new THREE.CubeGeometry(w, h, d, 1, 1, 1);
+		var mesh = new THREE.Mesh( geometry, material );
+		mesh.position.x=x+(w/2);
+		mesh.position.y=y-(h/2);
+		mesh.position.z=z+(d/2);
+		o.add( mesh );
+	}
+}
+
+THREEx.NyanCat.prototype.update = function(delta, now){
+	var past	= now - delta;
+	// compute the frameIdx for present time
+	var nFrames	= 12
+	var animSpeed	= 10
+	var frameIdxOld	= Math.floor((past*animSpeed) % nFrames)
+	var frameIdxNow	= Math.floor((now *animSpeed) % nFrames)
+	// if it is the same as last time, do nothing
+	if( frameIdxNow === frameIdxOld )	return;
+	// else move the object
+	switch(frameIdxNow){
+		case 0://2nd frame
+			this.face.position.x++;
+			this.feet.position.x++;
+			break;
+		case 1:
+			this.face.position.y--;
+			this.feet.position.x++;
+			this.feet.position.y--;
+			this.poptart.position.y--;
+			break;
+		case 2:
+			this.feet.position.x--;
+			break;
+		case 3:
+			this.face.position.x--;
+			this.feet.position.x--;
+			break;
+		case 4:
+			this.face.position.y++;
+			break;
+		case 5:
+			this.poptart.position.y++;
+			this.feet.position.y++;
+			break;
+		case 6://8th frame
+			this.face.position.x++;
+			this.feet.position.x++;
+			break;
+		case 7:
+			this.poptart.position.y--;
+			this.face.position.y--;
+			this.feet.position.x++;
+			this.feet.position.y--;
+			break;
+		case 8:
+			this.feet.position.x--;
+			break;
+		case 9:
+			this.face.position.x--;
+			this.feet.position.x--;
+			break;
+		case 10:
+			this.face.position.y++;
+			break;
+		case 11://1st frame
+			this.poptart.position.y++;
+			this.feet.position.y++;
+			break;
+	}
+}

data/lib/yetty/site/static/js/nyan/threex.nyancatrainbow.js

@@ -0,0 +1,89 @@
+var THREEx	= THREEx || {};
+
+/**
+ * from original webgl anonymous demo 
+ */
+THREEx.NyanCatRainbow	= function(){
+	var container	= new THREE.Object3D()
+	this.container	= container
+
+	var numRainChunks=30;	
+	//RAINBOW
+	var rainbow	= new THREE.Object3D();
+	this.rainbow	= rainbow
+
+	for(var c=0;c<numRainChunks-1;c++){
+		var yOffset=8;
+		if(c%2==1) yOffset=7;
+		var xOffset=(-c*8)-16.5;
+		helper( rainbow,xOffset,yOffset,    0, 8, 3, 1, 0xff0000);
+		helper( rainbow,xOffset,yOffset-3,  0, 8, 3, 1, 0xff9900);
+		helper( rainbow,xOffset,yOffset-6,  0, 8, 3, 1, 0xffff00);
+		helper( rainbow,xOffset,yOffset-9,  0, 8, 3, 1, 0x33ff00);
+		helper( rainbow,xOffset,yOffset-12, 0, 8, 3, 1, 0x0099ff);
+		helper( rainbow,xOffset,yOffset-15, 0, 8, 3, 1, 0x6633ff);
+	}
+	container.add( rainbow );
+	
+	var rainChunk	= new THREE.Object3D();
+	this.rainChunk	= rainChunk
+	helper( rainChunk, -16.5,  7,  0, 8,  3,   1, 0xff0000);
+	helper( rainChunk, -16.5,  4,  0, 8,  3,   1, 0xff9900);
+	helper( rainChunk, -16.5,  1,  0, 8,  3,   1, 0xffff00);
+	helper( rainChunk, -16.5, -2,  0, 8,  3,   1, 0x33ff00);
+	helper( rainChunk, -16.5, -5,  0, 8,  3,   1, 0x0099ff);
+	helper( rainChunk, -16.5, -8,  0, 8,  3,   1, 0x6633ff);
+	rainChunk.position.x-=(8*(numRainChunks-1));
+	container.add( rainChunk );
+	return
+
+	function helper(o, x, y, z, w, h, d, c){
+		var material = new THREE.MeshLambertMaterial( { color: c} );
+		var geometry = new THREE.CubeGeometry(w, h, d, 1, 1, 1);
+		var mesh = new THREE.Mesh( geometry, material );
+		mesh.position.x=x+(w/2);
+		mesh.position.y=y-(h/2);
+		mesh.position.z=z+(d/2);
+		o.add( mesh );
+	}
+}
+
+
+THREEx.NyanCatRainbow.prototype.update = function(delta, now){
+	var past	= now - delta;
+	// compute the frameIdx for present time
+	var nFrames	= 12
+	var animSpeed	= 10
+	var frameIdxOld	= Math.floor((past*animSpeed) % nFrames)
+	var frameIdxNow	= Math.floor((now *animSpeed) % nFrames)
+	// if it is the same as last time, do nothing
+	if( frameIdxNow === frameIdxOld )	return;
+	// else move the object
+	var numRainChunks=30;
+	switch(frameIdxNow){
+		case 1:
+			this.rainbow.position.x-=9;
+			this.rainChunk.position.x+=(8*(numRainChunks-1))-1;
+			break;
+		case 3:
+			this.rainbow.position.x+=9;
+			this.rainChunk.position.x-=(8*(numRainChunks-1))-1;
+			break;
+		case 5:
+			this.rainbow.position.x-=9;
+			this.rainChunk.position.x+=(8*(numRainChunks-1))-1;
+			break;
+		case 7:
+			this.rainbow.position.x+=9;
+			this.rainChunk.position.x-=(8*(numRainChunks-1))-1;
+			break;
+		case 9:
+			this.rainbow.position.x-=9;
+			this.rainChunk.position.x+=(8*(numRainChunks-1))-1;
+			break;
+		case 11://1st frame
+			this.rainbow.position.x+=9;
+			this.rainChunk.position.x-=(8*(numRainChunks-1))-1;
+			break;
+	}
+}

data/lib/yetty/site/static/js/nyan/threex.nyancatsound.js

@@ -0,0 +1,33 @@
+var THREEx	= THREEx || {};
+
+/**
+ * from original webgl anonymous demo 
+ */
+THREEx.NyanCatSound	= function(){
+	var songPaused	= document.createElement('audio');
+	var soundUrl	= THREEx.NyanCatSound.baseUrl+'sounds/nyanslow.mp3'
+	this.songPaused	= songPaused
+	songPaused.setAttribute('src', soundUrl);
+	songPaused.setAttribute('loop', 'true');
+
+	var songRunning	= document.createElement('audio')
+	var soundUrl	= THREEx.NyanCatSound.baseUrl+'sounds/nyanlooped.mp3'
+	this.songRunning= songRunning
+	songRunning.setAttribute('src', soundUrl);
+	songRunning.setAttribute('loop', 'true');
+	songRunning.play();
+
+	var running	= true
+	this.toggle	= function(){
+		running	= running ? false : true;
+		if(running){
+			songRunning.play();
+			songPaused.pause();
+		}else{
+			songRunning.pause();
+			songPaused.play();
+		}
+	}.bind(this);
+}
+
+THREEx.NyanCatSound.baseUrl	= '../'

data/lib/yetty/site/static/js/nyan/threex.nyancatstars.js

@@ -0,0 +1,116 @@
+var THREEx	= THREEx || {};
+
+/**
+ * from original webgl anonymous demo 
+ */
+THREEx.NyanCatStars	= function(){
+	var container	= new THREE.Object3D()
+	this.container	= container
+	var numStars	= 10
+	this.numStars	= numStars
+
+	var stars	= new Array();
+	this.stars	= stars
+	for(var state=0;state<6;state++){
+		stars.push(new Array());
+		for(var c=0;c<numStars;c++){
+			var star = new THREE.Object3D();
+			star.position.x=Math.random() * 200 - 100;
+			star.position.y=Math.random() * 200 - 100;
+			star.position.z=Math.random() * 200 - 100;
+			buildStar(star, state);
+			container.add( star );
+			stars[state].push(star);
+		}
+	}
+
+	function buildStar(star, state) {
+		switch(state){
+			case 0:
+				helper( star, 0, 0, 0, 1, 1, 1, 0xffffff);
+				break;
+			case 1:
+				helper( star, 1, 0, 0, 1, 1, 1, 0xffffff);
+				helper( star,-1, 0, 0, 1, 1, 1, 0xffffff);
+				helper( star, 0, 1, 0, 1, 1, 1, 0xffffff);
+				helper( star, 0,-1, 0, 1, 1, 1, 0xffffff);
+				break;
+			case 2:
+				helper( star, 1, 0, 0, 2, 1, 1, 0xffffff);
+				helper( star,-2, 0, 0, 2, 1, 1, 0xffffff);
+				helper( star, 0, 2, 0, 1, 2, 1, 0xffffff);
+				helper( star, 0,-1, 0, 1, 2, 1, 0xffffff);
+				break;
+			case 3:
+				helper( star, 0, 0, 0, 1, 1, 1, 0xffffff);
+				helper( star, 2, 0, 0, 2, 1, 1, 0xffffff);
+				helper( star,-3, 0, 0, 2, 1, 1, 0xffffff);
+				helper( star, 0, 3, 0, 1, 2, 1, 0xffffff);
+				helper( star, 0,-2, 0, 1, 2, 1, 0xffffff);
+				break;
+			case 4:
+				helper( star, 0, 3, 0, 1, 1, 1, 0xffffff);
+				helper( star, 2, 2, 0, 1, 1, 1, 0xffffff);
+				helper( star, 3, 0, 0, 1, 1, 1, 0xffffff);
+				helper( star, 2,-2, 0, 1, 1, 1, 0xffffff);
+				helper( star, 0,-3, 0, 1, 1, 1, 0xffffff);
+				helper( star,-2,-2, 0, 1, 1, 1, 0xffffff);
+				helper( star,-3, 0, 0, 1, 1, 1, 0xffffff);
+				helper( star,-2, 2, 0, 1, 1, 1, 0xffffff);
+				break;
+			case 5:
+				helper( star, 2, 0, 0, 1, 1, 1, 0xffffff);
+				helper( star,-2, 0, 0, 1, 1, 1, 0xffffff);
+				helper( star, 0, 2, 0, 1, 1, 1, 0xffffff);
+				helper( star, 0,-2, 0, 1, 1, 1, 0xffffff);
+				break;
+		}
+	}
+	function helper(o, x, y, z, w, h, d, c){
+		var material = new THREE.MeshLambertMaterial( { color: c} );
+		var geometry = new THREE.CubeGeometry(w, h, d, 1, 1, 1);
+		var mesh = new THREE.Mesh( geometry, material );
+		mesh.position.x=x+(w/2);
+		mesh.position.y=y-(h/2);
+		mesh.position.z=z+(d/2);
+		o.add( mesh );
+	}
+}
+
+
+THREEx.NyanCatStars.prototype.update = function(delta, now){
+	var numStars	= this.numStars
+	// compute the frameIdx for present time
+	var nFrames	= 6
+	var animSpeed	= 7
+	var past	= now - delta;
+	var frameIdxOld	= Math.floor((past*animSpeed) % nFrames)
+	var frameIdxNow	= Math.floor((now *animSpeed) % nFrames)
+	// if it is the same as last time, do nothing
+	if( frameIdxNow === frameIdxOld )	return;
+	// else move the object
+	var stars	= this.stars
+	for(var c = 0;c < numStars ;c++){
+		var tempX	= stars[5][c].position.x
+		var tempY	= stars[5][c].position.y
+		var tempZ	= stars[5][c].position.z
+
+		for(var state=5;state>0;state--){
+			var star	= stars[state  ][c];
+			var star2	= stars[state-1][c];
+
+			star.position.x	= star2.position.x-8;
+			star.position.y	= star2.position.y;
+			star.position.z	= star2.position.z;
+			
+			if( star.position.x < -100 ){
+				star.position.x+=200;
+				star.position.y = Math.random() * 200 - 100;
+				star.position.z = Math.random() * 200 - 100;
+			}
+		}
+		stars[0][c].position.x=tempX;
+		stars[0][c].position.y=tempY;
+		stars[0][c].position.z=tempZ;
+	}
+}

data/lib/yetty/site/static/js/player/fd-slider.min.js

@@ -0,0 +1,2 @@
+/*! Unobtrusive Slider Control / HTML5 Input Range polyfill - MIT/GPL2 @freqdec */
+var fdSlider=function(){function ut(n){function nf(n){n=!!n,n!=ft&&(ft=n,pt(kt()))}function nu(){if(!p||d=="select")return;var n=g(e);if(n.min==tt&&n.max==st&&n.step==nt)return;tt=+n.min,st=+n.max,ut=tt,it=st,nt=+n.step,ir=Math.abs(st-tt),li=nt*2,bi=Math.ceil(ir/nt),ft=!1,ar(tt,st)}function gr(n){if(oi&&!n)return;try{di(l,-1),i(l,"focus",fu),i(l,"blur",su),o?i(l,"keypress",yi):(i(l,"keydown",yi),i(l,"keypress",ou)),i(a,"mouseover",br),i(a,"mouseout",sr),i(a,"mousedown",fi),i(a,"touchstart",fi),c&&(window.addEventListener&&!window.devicePixelRatio?window.removeEventListener("DOMMouseScroll",at,!1):(i(document,"mousewheel",at),i(window,"mousewheel",at)))}catch(t){}u(v,"fd-slider-focused"),u(v,"fd-slider-active"),f(v,"fd-slider-disabled"),a.setAttribute("aria-disabled",!0),e.disabled=oi=!0,clearTimeout(ht),n||ot("disable")}function hu(n){if(!oi&&!n)return;di(l,0),t(l,"focus",fu),t(l,"blur",su),o?t(l,"keypress",yi):(t(l,"keydown",yi),t(l,"keypress",ou)),t(a,"touchstart",fi),t(a,"mousedown",fi),t(a,"mouseover",br),t(a,"mouseout",sr),u(v,"fd-slider-disabled"),a.setAttribute("aria-disabled",!1),e.disabled=oi=gt=!1,n||ot("enable")}function ku(){clearTimeout(ht),ri=vt=l=a=v=ht=null,ot("destroy"),ki=null}function ii(){wr();try{var t=a.offsetWidth,n=a.offsetHeight,r=l.offsetWidth,i=l.offsetHeight,o=vt.offsetHeight,s=vt.offsetWidth,u=b?n-i:t-r;ct=u/bi,ni=Math.max(et?er(tr(ut)):Math.abs((ut-tt)/nt)*ct,0),bt=Math.min(et?er(tr(it)):Math.abs((it-tt)/nt)*ct,Math.floor(b?n-i:t-r)),ru=t,dr=n,pt(nr?kt():d=="select"?e.selectedIndex:parseFloat(e.value),!1)}catch(f){}ot("redraw")}function ot(n){var r,i,u,t;if(wt){if(n.match(/^(blur|focus|change)$/i))if(typeof document.createEvent!="undefined")t=document.createEvent("HTMLEvents"),t.initEvent(n,!0,!0),e.dispatchEvent(t);else if(typeof document.createEventObject!="undefined")try{t=document.createEventObject(),e.fireEvent("on"+n.toLowerCase(),t)}catch(f){}}else if(ki.hasOwnProperty(n))for(r={userSet:ft,disabled:oi,elem:e,value:d=="select"?e.options[e.selectedIndex].value:e.value},i=0;u=ki[n][i];i++)u.call(e,r)}function fu(){return f(v,"fd-slider-focused"),h.onfocus&&(ft=!0,pt(kt())),c&&(t(window,"DOMMouseScroll",at),t(document,"mousewheel",at),o||t(window,"mousewheel",at)),ot("focus"),!0}function su(){u(v,"fd-slider-focused"),c&&(i(document,"mousewheel",at),i(window,"DOMMouseScroll",at),o||i(window,"mousewheel",at)),lt=!0,ot("blur")}function at(n){if(!lt)return;n=n||window.event;var t=0,i;n.wheelDelta?(t=n.wheelDelta/120,o&&window.opera.version()<9.2&&(t=-t)):n.detail&&(t=-n.detail/3),b&&(t=-t),t&&(i=kt(),i+=t<0?-nt:nt,ft=!0,pt(hi(i))),s(n)}function ou(n){return n=n||window.event,n.keyCode>=33&&n.keyCode<=40||!lt||n.keyCode==45||n.keyCode==46?k(n):!0}function yi(n){if(!lt)return!0;n=n||window.event;var t=n.keyCode!==null?n.keyCode:n.charCode,i;if(t<33||t>40&&t!=45&&t!=46)return!0;i=kt(),t==37||t==40||t==46||t==34?i-=n.ctrlKey||t==34?+li:+nt:t==39||t==38||t==45||t==33?i+=n.ctrlKey||t==33?+li:+nt:t==35?i=it:t==36&&(i=ut),ft=!0,pt(hi(i)),ot("update"),s(n)}function br(){f(v,"fd-slider-hover")}function sr(){u(v,"fd-slider-hover")}function fi(n){var u,r;n=n||window.event,s(n),n.target?u=n.target:n.srcElement&&(u=n.srcElement),u&&u.nodeType==3&&(u=u.parentNode);if(n.touches){if(n.targetTouches&&n.targetTouches.length!=1)return!1;n=n.touches[0],gt=!0}return clearTimeout(ht),ht=null,lt=!1,ft=!0,u.className.search("fd-slider-handle")!=-1?(rr=b?n.clientY:n.clientX,tu=parseInt(b?l.offsetTop:l.offsetLeft)||0,ci(n),gt?(t(document,"touchmove",ci),t(document,"touchend",vi),i(a,"mousedown",fi)):(t(document,"mousemove",ci),t(document,"mouseup",vi)),f(v,"fd-slider-active"),f(document.body,"fd-slider-drag-"+(b?"vertical":"horizontal")),ot("dragstart")):(wr(),r=0,n.pageX||n.pageY?r=b?n.pageY:n.pageX:(n.clientX||n.clientY)&&(r=b?n.clientY+document.body.scrollTop+document.documentElement.scrollTop:n.clientX+document.body.scrollLeft+document.documentElement.scrollLeft),r-=b?hr+Math.round(l.offsetHeight/2):iu+Math.round(l.offsetWidth/2),r=pi(r),pr=="tween"?(f(v,"fd-slider-active"),bu(r)):pr=="timed"?(f(v,"fd-slider-active"),t(document,gt?"touchend":"mouseup",cr),ui=r,yr()):ai(r)),!1}function cr(n){return n=n||window.event,s(n),i(document,gt?"touchend":"mouseup",cr),u(v,"fd-slider-active"),clearTimeout(ht),ht=null,lt=!0,!1}function vi(n){return n=n||window.event,s(n),gt?(i(document,"touchmove",ci),i(document,"touchend",vi)):(i(document,"mousemove",ci),i(document,"mouseup",vi)),lt=!0,u(document.body,"fd-slider-drag-"+(b?"vertical":"horizontal")),u(v,"fd-slider-active"),ot("dragend"),!1}function ci(n){n=n||window.event,s(n);if(n.touches){if(n.targetTouches&&n.targetTouches.length!=1)return!1;n=n.touches[0]}return ai(pi(tu+(b?n.clientY-rr:n.clientX-rr))),!1}function ei(n){var t=kt();ft=!0,t+=n*nt,pt(hi(t))}function wr(){var i=0,t=0,n=a;try{do i+=n.offsetLeft,t+=n.offsetTop;while(n=n.offsetParent)}catch(r){}iu=i,hr=t}function yr(){var n=parseInt(b?l.offsetTop:l.offsetLeft,10);n=Math.round(ui<n?Math.max(ui,Math.floor(n-ct)):Math.min(ui,Math.ceil(n+ct))),ai(pi(n)),n!=ui?ht=setTimeout(yr,bi>20?50:100):(lt=!0,u(v,"fd-slider-active"),ot("finalise"))}function bu(n){lt=!1,or=parseInt(n,10),fr=parseInt(b?l.offsetTop:l.offsetLeft,10),uu=or-fr,lu=20,ur=0,ht||(ht=setTimeout(gi,20))}function si(n){return isNaN(n)||n===""||typeof n=="undefined"?(ft=!1,yt):n<Math.min(ut,it)?(ft=!1,Math.min(ut,it)):n>Math.max(ut,it)?(ft=!1,Math.max(ut,it)):(ft=!0,n)}function kt(){return hi(d=="input"?parseFloat(e.value):e.selectedIndex)}function hi(n){return isNaN(n)||n===""||typeof n=="undefined"?yt:Math.min(Math.max(n,Math.min(ut,it)),Math.max(ut,it))}function ai(n){var t=hi(et?du(tf(n)):b?st-Math.round(n/ct)*nt:tt+Math.round(n/ct)*nt);l.style[b?"top":"left"]=(n||0)+"px",lr(),vr(d=="select"||nt==1?Math.round(t):t)}function pt(n,t){var r=!1,i;(typeof n=="undefined"||isNaN(n)||n==="")&&d=="input"&&!nr?(i=yt,r=!0,ft=!1):i=si(n),l.style[b?"top":"left"]=(et?er(tr(i)):b?Math.round((st-i)/nt*ct):Math.round((i-tt)/nt*ct))+"px",lr(),!0&&vr(r?"":i)}function pi(n){if(et)return Math.max(Math.min(bt,n),ni);var t=n%ct;return t&&t>=ct/2?n+=ct-t:n-=t,n<Math.min(Math.abs(ni),Math.abs(bt))?n=Math.min(Math.abs(ni),Math.abs(bt)):n>Math.max(Math.abs(ni),Math.abs(bt))&&(n=Math.max(Math.abs(ni),Math.abs(bt))),Math.min(Math.max(n,0),bt)}function du(n){var i=0,r=tt,u,t;for(t in et){if(!et.hasOwnProperty(t))continue;n<i||n>+t||(u=r+(n-i)*(+et[t]-r)/(+t-i)),i=+t,r=+et[t]}return u}function tr(n){var r=0,i=tt,u=0,t;for(t in et){if(!et.hasOwnProperty(t))continue;n<i||n>+et[t]||(u=r+(n-i)*(+t-r)/(+et[t]-i)),r=+t,i=+et[t]}return u}function er(n){return(a[b?"offsetHeight":"offsetWidth"]-l[b?"offsetHeight":"offsetWidth"])/100*n}function tf(n){return n/((a[b?"offsetHeight":"offsetWidth"]-a[l?"offsetHeight":"offsetWidth"])/100)}function vr(n){ot("update"),ft?u(v,"fd-slider-no-value"):f(v,"fd-slider-no-value");if(d=="select")try{n=parseInt(n,10);if(e.selectedIndex===n){dt();return}e.options[n].selected=!0}catch(t){}else{n===""||wi||(n=(tt+Math.round((+n-tt)/nt)*nt).toFixed(yu));if(e.value===n){dt();return}e.value=n}dt(),ot("change")}function ar(n,t){ut>it?(n=Math.min(tt,Math.max(n,t)),t=Math.max(st,Math.min(n,t)),ut=Math.max(n,t),it=Math.min(n,t)):(n=Math.max(tt,Math.min(n,t)),t=Math.min(st,Math.max(n,t)),ut=Math.min(n,t),it=Math.max(n,t)),yt<Math.min(ut,it)?yt=Math.min(ut,it):yt>Math.max(ut,it)&&(yt=Math.max(ut,it)),l.setAttribute("aria-valuemin",ut),l.setAttribute("aria-valuemax",it),si(d=="input"?parseFloat(e.value):e.selectedIndex),ii()}function lr(){if(y)return;b?ti.style.height=Math.max(1,vt.offsetHeight-l.offsetTop)+"px":ti.style.width=Math.max(1,l.offsetLeft)+"px"}function cu(){for(var t=!1,r=document.getElementsByTagName("label"),n,i=0;n=r[i];i++)if(n.htmlFor&&n.htmlFor==e.id||n.getAttribute("for")==e.id){t=n;break}return t&&!t.id&&(t.id=e.id+"_label"),t}function dt(){var n=d=="select"?e.options[e.selectedIndex].value:e.value,t=kr?kr(n):d=="select"?e.options[e.selectedIndex].text?e.options[e.selectedIndex].text:n:n;l.setAttribute("aria-valuenow",n),l.setAttribute("aria-valuetext",t)}function wu(){ft=!0,wi=gu,pt(d=="input"?parseFloat(e.value):e.selectedIndex),dt(),wi=!1}function pu(){d=="input"?e.value=e.defaultValue:e.selectedIndex=au,si(d=="select"?e.options[e.selectedIndex].value:e.value),ii(),dt()}function di(n,t){n.setAttribute("tabIndex",t),n.tabIndex=t}var e=n.inp,oi=!1,d=e.tagName.toLowerCase(),tt=+n.min,st=+n.max,ut=+n.min,it=+n.max,ir=Math.abs(st-tt),nt=d=="select"?1:+n.step,li=n.maxStep?+n.maxStep:nt*2,yu=n.precision||0,bi=Math.ceil(ir/nt),et=n.scale||!1,rf=!!n.hideInput,pr=n.animation||"",b=!!n.vertical,ki=n.callbacks||{},vu=n.classNames||"",wt=!!n.html5Shim,yt=st<tt?tt:tt+(st-tt)/2,au=d=="select"?e.selectedIndex:e.defaultValue||yt,nr=wt||!!n.forceValue,eu=wt&&b&&"inpHeight"in n?n.inpHeight:!1,kr=!wt&&n.ariaFormat?n.ariaFormat:!1,gu=!wt&&!(d=="select")&&"userSnap"in n?!!n.userSnap:!1,wi=!1,ht=null,lt=!0,ff=d=="select"?e.selectedIndex:e.value,dr=0,ru=0,or=0,fr=0,uu=0,lu=0,ur=0,iu=0,hr=0,bt=0,ni=0,tu=0,ui=0,rr=0,ct=0,ft=!1,gt=!1,a,v,ri,l,ti,vt,gi;return d=="input"&&nr&&!e.defaultValue&&(e.defaultValue=kt()),st<tt&&(nt=-Math.abs(nt),li=-Math.abs(li)),et&&(et[100]=st),gi=function(){ur++;var r=uu,n=20,t=ur,i=fr,f=Math.ceil(t==n?i+r:r*(-Math.pow(2,-10*t/n)+1)+i);ai(t==n?or:f),t!=n?(ot("move"),ht=setTimeout(gi,20)):(clearTimeout(ht),ht=null,lt=!0,u(v,"fd-slider-focused"),u(v,"fd-slider-active"),ot("finalise"))},(function(){if(wt||rf){f(e,"fd-form-element-hidden");try{e.type!="range"&&r(e,"type")=="range"&&document.defaultView.getComputedStyle(e,null).getPropertyValue("display")=="inline-block"&&(e.type="number")}catch(i){}}else t(e,"change",wu);wt&&(e.setAttribute("fd-range-enabled",1),e.stepUp=function(n){ei(n||1)},e.stepDown=function(n){ei(n||-1)},p&&t(e,typeof e.onpropertychange=="object"?"propertychange":"DOMAttrModified",nu)),a=document.createElement("span"),a.className="fd-slider"+(b?"-vertical ":" ")+vu,a.id="fd-slider-"+e.id,b&&eu&&(a.style.height=eu+"px"),v=document.createElement("span"),v.className="fd-slider-wrapper"+(wt?"":" fd-slider-no-value"),ri=document.createElement("span"),ri.className="fd-slider-inner",vt=document.createElement("span"),vt.className="fd-slider-bar",rt?l=document.createElement("span"):(l=document.createElement("a"),l.setAttribute("href","#"),t(l,"click",k)),di(l,0),l.className="fd-slider-handle",l.appendChild(document.createTextNode(String.fromCharCode(160))),v.appendChild(ri),y||(ti=document.createElement("span"),ti.className="fd-slider-range",v.appendChild(ti)),v.appendChild(vt),v.appendChild(l),a.appendChild(v),e.parentNode.insertBefore(a,e),o&&(l.unselectable="on",vt.unselectable="on",ri.unselectable="on",a.unselectable="on",v.unselectable="on",y||(ti.unselectable="on")),a.setAttribute("role","application"),l.setAttribute("role","slider"),l.setAttribute("aria-valuemin",d=="select"?e.options[0].value:tt),l.setAttribute("aria-valuemax",d=="select"?e.options[e.options.length-1].value:st);var n=cu();if(n){l.setAttribute("aria-labelledby",n.id),l.id="fd-slider-handle-"+e.id;/*@if(@_win32)n.setAttribute("htmlFor",l.id);@else@*/n.setAttribute("for",l.id);/*@end@*/}document.getElementById(w)&&l.setAttribute("aria-describedby",w),e.getAttribute("disabled")==!0||e.getAttribute("disabled")=="disabled"?gr(!0):hu(!0),h.onvalue&&(ft=!0,si(d=="input"?parseFloat(e.value):e.selectedIndex)),e.form&&t(e.form,"reset",pu),dt(),ot("create"),ii()})(),{onResize:function(){(a.offsetHeight!=dr||a.offsetWidth!=ru)&&ii()},destroy:function(){ku()},reset:function(){pt(d=="input"?parseFloat(e.value):e.selectedIndex)},stepUp:function(n){ei(Math.abs(n)||1)},stepDown:function(n){ei(-Math.abs(n)||-1)},increment:function(n){ei(n)},disable:function(){gr()},enable:function(){hu()},setRange:function(n,t){ar(n,t)},getValueSet:function(){return!!ft},setValueSet:function(n){nf(n)},rescan:function(){nu()},checkValue:function(){h.onvalue&&(ft=!0,si(d=="input"?parseFloat(e.value):e.selectedIndex)),dt(),ii()}}}var n={},lt=0,c=!0,rt=!0,w="fd-slider-describedby",h={onfocus:!0,onvalue:!0},y=!1,ft="jump",p=!1,o=Object.prototype.toString.call(window.opera)==="[object Opera]",v=/^([\-]{0,1}[0-9]+(\.[0-9]+){0,1})$/,b=/^([0-9]+(\.[0-9]+){0,1})$/,ot=function(n){if(typeof n!="string"||n==="")return{};try{if(typeof JSON=="object"&&typeof JSON.parse=="function")return JSON.parse(n);if(/mousewheelenabled|fullaria|describedby|norangebar|html5animation|varsetrules/.test(n.toLowerCase())){var t=Function(["var document,top,self,window,parent,Number,Date,Object,Function,","Array,String,Math,RegExp,Image,ActiveXObject;","return (",n.replace(/<\!--.+-->/gim,"").replace(/\bfunction\b/g,"function-"),");"].join(""));return t()}}catch(i){}return{err:"Could not parse the JSON object"}},it=function(n){if(typeof n!="object")return;for(var t in n){value=n[t];switch(t.toLowerCase()){case"mousewheelenabled":c=!!value;break;case"fullaria":rt=!!value;break;case"describedby":w=String(value);break;case"norangebar":y=!!value;break;case"html5animation":ft=String(value).search(/^(jump|tween|timed)$/i)!=-1?String(value).toLowerCase():"jump";break;case"watchattributes":p=!!value;break;case"varsetrules":"onfocus"in value&&(h.onfocus=!!value.onfocus),"onvalue"in value&&(h.onvalue=!!value.onvalue)}}},t=function(n,t,i){n.addEventListener?n.addEventListener(t,i,!0):n.attachEvent&&n.attachEvent("on"+t,i)},i=function(n,t,i){try{n.removeEventListener?n.removeEventListener(t,i,!0):n.detachEvent&&n.detachEvent("on"+t,i)}catch(r){}},k=function(n){n=n||window.event,n.stopPropagation&&(n.stopPropagation(),n.preventDefault());/*@cc_on@if(@_win32)n.cancelBubble=!0,n.returnValue=!1;@end@*/return!1},s=function(n){n=n||window.event;if(n.preventDefault){n.preventDefault();return}n.returnValue=!1},f=function(n,t){if(new RegExp("(^|\\s)"+t+"(\\s|$)").test(n.className))return;n.className+=(n.className?" ":"")+t},u=function(n,t){n.className=t?n.className.replace(new RegExp("(^|\\s)"+t+"(\\s|$)")," ").replace(/^\s\s*/,"").replace(/\s\s*$/,""):""},ct=function(){var i={},t;for(t in n)i[t]=n[t].getValueSet();return i},st=function(t,i){n[t].setValueSet(!!i)},e=function(t){return!!(t in n&&n.hasOwnProperty(t))},vt=function(t){if(!t||!t.inp||!t.inp.tagName||t.inp.tagName.search(/^input|select/i)==-1)return!1;t.html5Shim=!1;if(t.inp.tagName.toLowerCase()=="select"){if(t.inp.options.length<2)return!1;t.min=0,t.max=t.inp.options.length-1,t.step=1,t.precision=0,t.scale=!1,t.forceValue=!0}else{if(String(t.inp.type).search(/^(text|range)$/i)==-1)return!1;t.min=t.min&&String(t.min).search(v)!=-1?+t.min:0,t.max=t.max&&String(t.max).search(v)!=-1?+t.max:100,t.step=t.step&&String(t.step).search(b)!=-1?t.step:1,t.precision=t.precision&&String(t.precision).search(/^[0-9]+$/)!=-1?t.precision:String(t.step).search(/\.([0-9]+)$/)!=-1?String(t.step).match(/\.([0-9]+)$/)[1].length:0,t.scale=t.scale||!1,t.forceValue="forceValue"in t?!!t.forceValue:!1,t.userSnap="userSnap"in t?!!t.userSnap:!1}return t.ariaFormat="ariaFormat"in t&&typeof t.ariaFormat=="function"?t.ariaFormat:!1,t.maxStep=t.maxStep&&String(t.maxStep).search(b)!=-1?+t.maxStep:+t.step*2,t.classNames=t.classNames||"",t.callbacks=t.callbacks||!1,a(t.inp.id),n[t.inp.id]=new ut(t),!0},r=function(n,t){return n.getAttribute(t)||""},l=function(){for(var e=document.getElementsByTagName("input"),i,u,t,f=0;t=e[f];f++)if(t.tagName.toLowerCase()=="input"&&r(t,"type")&&r(t,"type").toLowerCase()=="range"&&(r(t,"min")&&r(t,"min").search(v)!=-1||r(t,"max")&&r(t,"max").search(v)!=-1||r(t,"step")&&r(t,"step").search(/^(any|([0-9]+(\.[0-9]+){0,1}))$/i)!=-1)){if(t.id&&document.getElementById("fd-slider-"+t.id))continue;else t.id&&!document.getElementById("fd-slider-"+t.id)&&a(t.id);t.id||(t.id="fd-slider-form-elem-"+lt++),i={inp:t,callbacks:[],animation:ft,vertical:r(t,"data-fd-slider-vertical")?!0:t.offsetHeight>t.offsetWidth,classNames:r(t,"data-fd-slider-vertical"),html5Shim:!0},i.vertical&&!r(t,"data-fd-slider-vertical")&&(i.inpHeight=t.offsetHeight),u=g(t),i.min=u.min,i.max=u.max,i.step=u.step,i.precision=String(i.step).search(/\.([0-9]+)$/)!=-1?String(i.step).match(/\.([0-9]+)$/)[1].length:0,i.maxStep=i.step*2,a(i.inp.id),n[i.inp.id]=new ut(i)}return!0},g=function(n){return{min:+(r(n,"min")||0),max:+(r(n,"max")||100),step:+(r(n,"step").search(b)!=-1?n.getAttribute("step"):1)}},a=function(t){return t in n&&n.hasOwnProperty(t)?(n[t].destroy(),delete n[t],!0):!1},tt=function(){for(var i in n)n.hasOwnProperty(i)&&n[i].destroy();n=[]},at=function(){tt(),n=null},d=function(){for(var i in n)n.hasOwnProperty(i)&&n[i].onResize()},et=function(){for(var t in n)n.hasOwnProperty(t)&&n[t].rescan()},ht=function(){nt(),l()},nt=function(){i(window,"load",l)};t(window,"load",l),t(window,"load",function(){setTimeout(function(){var t;for(t in n)n[t].checkValue()},0)}),t(window,"resize",d),t(window,"unload",at),(function(){var t=document.getElementsByTagName("script"),n=ot(String(t[t.length-1].innerHTML).replace(/[\n\r\s\t]+/g," ").replace(/^\s+/,"").replace(/\s+$/,""));typeof n!="object"||"err"in n||it(n)})();/*@if(@_jscript_version<9)f(document.documentElement,"oldie");@end@*/return{rescanDocument:l,createSlider:function(n){return vt(n)},onDomReady:function(){ht()},destroyAll:function(){tt()},destroySlider:function(n){return a(n)},redrawAll:function(){d()},addEvent:t,removeEvent:i,stopEvent:k,increment:function(t,i){if(!e(t))return!1;n[t].increment(i)},stepUp:function(t,i){if(!e(t))return!1;n[t].stepUp(Math.abs(i)||1)},stepDown:function(t,i){if(!e(t))return!1;n[t].stepDown(-Math.abs(i)||-1)},setRange:function(t,i,r){if(!e(t))return!1;n[t].setRange(i,r)},updateSlider:function(t){if(!e(t))return!1;n[t].onResize(),n[t].reset()},disable:function(t){if(!e(t))return!1;n[t].disable()},enable:function(t){if(!e(t))return!1;n[t].enable()},getValueSet:function(){return ct()},setValueSet:function(n,t){if(!e(id))return!1;st(n,t)},setGlobalVariables:function(n){it(n)},removeOnload:function(){nt()},rescanAttributes:et}}()

data/lib/yetty/site/static/js/player/player.js

@@ -0,0 +1,371 @@
+"use strict;"
+
+if (window) {
+  window.VT = (typeof VT === 'undefined' ? {} : window.VT);
+} else {
+  var VT = {};
+}
+
+VT.Player = function(term) {
+  this.term    = term;
+  this.data    = null;
+  this.timing  = null;
+  this.element = document.getElementById('player');
+  this.el      = $(this.element);
+  this.speedup = 1;
+
+  this.currentFrame = 0;
+  this.calculateTermSize();
+  this.initSpeedControl();
+  this.initOverlay();
+  this.initTermContainer();
+  this.initHeader();
+  this.initProgress();
+  this.initControls();
+  this.initCmdline();
+  this.initExtraTools();
+}
+
+VT.Player.prototype.spinerOptions = {
+  lines: 12,  // The number of lines to draw
+  length: 23, // The length of each line
+  width: 7,   // The line thickness
+  radius: 40, // The radius of the inner circle
+  rotate: 44, // The rotation offset
+  color: '#fff', // #rgb or #rrggbb
+  speed: 0.7, // Rounds per second
+  trail: 50, // Afterglow percentage
+  shadow: false, // Whether to render a shadow
+  hwaccel: false, // Whether to use hardware acceleration
+  zIndex: 2e9 // The z-index (defaults to 2000000000)
+}
+
+VT.Player.prototype.initSpeedControl = function() {
+  var speed = jQuery('.speed');
+  var player = this;
+  fdSlider.createSlider({
+    inp: document.getElementsByClassName("speed")[0],
+    value: 2.5,
+    step:0.5,
+    maxStep:1,
+    min:1,
+    max:10,
+    animation: 'tween',
+    hideInput: true,
+    forceValue: true,
+    callbacks: {
+      update: [function (update) {
+        player.speedup = update.value;
+      }]
+    }
+  });
+}
+
+VT.Player.prototype.jumpTo = function(percent) {
+  var player = this;
+  var i;
+
+  this.term.reset();
+
+  this.setProgress(percent);
+  for (i = 0; i < percent; i++) {
+    if (this.framesByPercent[i]) {
+      this.framesByPercent[i].forEach(function(frameNumber) {
+        player.term.write(player.frames[frameNumber][1]);
+        player.currentFrame = frameNumber;
+      })
+    }
+  }
+}
+
+VT.Player.prototype.percentToFrameNumber = function(percent) {
+  return this.framesByPercent[percent];
+}
+
+VT.Player.prototype.initProgress = function() {
+  var player = this;
+  this.progress = this.el.find('.progress');
+  this.progressBar = this.progress.find('.bar');
+
+  this.progress.click(function(e) {
+    var pixPosition = e.pageX - this.offsetLeft;
+    var percentPix = $(this).width() / 100;
+    var percent = pixPosition / percentPix;
+    player.jumpTo(percent);
+  })
+
+  this.progress.prop('max', 100);
+  this.setProgress(0);
+}
+
+VT.Player.prototype.initControls = function() {
+//  this.controls = this.element.getElementsByClassName('controls')[0];
+//  this.controls.setAttribute("style", "width:" + this.termWidth + "px");
+}
+
+VT.Player.prototype.initCmdline = function() {
+  this.cmdline = this.element.getElementsByClassName('cmdline')[0];
+  this.cmdline.setAttribute("style", "width:" + (this.termWidth - 6) + "px");
+  this.cmdline.addEventListener('click', function(e) {
+    e.target.select()
+  }, true)
+}
+
+VT.Player.prototype.calculateTermSize = function() {
+  this.termWidth = (this.term.cols * 7);
+  this.termHeight = (this.term.rows * 13);
+  this.element.setAttribute("style", "width:" + this.termWidth + "px");
+}
+
+VT.Player.prototype.initHeader = function() {
+  this.header = this.element.getElementsByClassName('header')[0];
+  this.header.setAttribute("style", "width:" + this.termWidth + "px");
+}
+
+VT.Player.prototype.initTermContainer = function() {
+  var term = document.getElementById('term');
+  term.setAttribute("style", "width:" + this.termWidth + "px");
+}
+
+VT.Player.prototype.load = function(path) {
+  var player = this;
+
+  this.overlayLoading()
+
+  jQuery.get(path).success(function(resp){
+    player.record = resp;
+    player.setTiming(player.record.timing);
+    player.setData(player.record.typescript);
+    player.prepareFrames();
+    player.calculateTotalTime();
+    player.mapFrameToPercents();
+    player.enableButtons();
+    player.overlayHide();
+  }).error(function (resp) {
+    player.onError();
+    console.log("Error downloading record:", resp)
+  });
+}
+
+VT.Player.prototype.setTiming = function(data) {
+  var timing = [];
+  data.split("\n").forEach(function(line){
+    var timeBytes = line.split(" ");
+    timeBytes = [parseFloat(timeBytes[0]), parseInt(timeBytes[1])];
+    if (!isNaN(timeBytes[0]) && !isNaN(timeBytes[1])) {
+      timing.push(timeBytes);
+    }
+  })
+  this.timing = timing;
+}
+
+VT.Player.prototype.setData = function(data) {
+  var dArr  = data.split("\n");
+  // drop first and last strings
+  this.data = dArr.slice(1, dArr.length - 2).join("\n");
+  this.data = "\r\n" + this.data + "\n";
+}
+
+
+VT.Player.prototype.calculateTotalTime = function() {
+  var totalTime = 0;
+  var onePercentTime;
+
+  // Calculating full time and time of 1%
+  this.frames.forEach(function(frame) {
+    totalTime += frame[0];
+  });
+  this.totalTime = totalTime;
+  this.onePercentTime = totalTime / 100;
+
+  // console.log('total time', this.totalTime);
+  // console.log('one percent time', this.onePercentTime);
+}
+
+VT.Player.prototype.mapFrameToPercents = function() {
+  // Moving all frames to object { percent: [ .. frame numbers .. ] }
+  var framesByPercent = {};
+  var player = this;
+  var frameNumber = 0;
+  var currentFrameAtPercent;
+  var currentTotalTime = 0;
+  this.frames.forEach(function(frame) {
+    currentTotalTime += frame[0];
+    currentFrameAtPercent = Math.floor(currentTotalTime / player.onePercentTime);
+    if (!framesByPercent[currentFrameAtPercent]) {
+      framesByPercent[currentFrameAtPercent] = [];
+    }
+    frame.push(currentFrameAtPercent);
+    framesByPercent[currentFrameAtPercent].push(frameNumber);
+    frameNumber  += 1;
+  });
+  this.framesByPercent = framesByPercent;
+}
+
+VT.Player.prototype.prepareFrames = function(data) {
+  var frames = [];
+  var data = this.data;
+  var bOffset = 0;
+
+  this.timing.forEach(function(chunk) {
+    var bytes = data.slice(bOffset, bOffset += chunk[1]);
+    frames.push([chunk[0] * 1000, bytes]);
+  })
+
+  this.frames = frames;
+}
+
+VT.Player.prototype.enableButtons = function(data) {
+  var button;
+  var player = this;
+  this.buttons = this.element.getElementsByClassName('sc-button');
+  for (var i = 0; i < this.buttons.length; i++) {
+    button = this.buttons[i];
+    button.addEventListener('click', function(ev){
+      var action = ev.currentTarget.getAttribute('data-action');
+      if (action) player[action]();
+    }, true);
+    button.removeAttribute('disabled');
+  }
+}
+
+VT.Player.prototype.play = function() {
+  var player = this;
+  var button = jQuery('.action-toggle')
+  button.children('span').removeClass('glyphicon-play')
+  button.children('span').addClass('glyphicon-pause')
+  button.attr('data-action', 'pause');
+
+  player.overlayHide();
+
+  if (player.playing) return;
+  if (player.currentFrame == 0) player.term.reset();
+
+  player.playing = true;
+
+  function scheduleChunked(frames) {
+    var chunk = frames[player.currentFrame];
+    var debug = 0;
+    if (chunk && player.playing) {
+      player.term.write(chunk[1])
+      setTimeout(function() {
+        player.currentFrame += 1
+        player.setProgress(chunk[2]);
+        scheduleChunked(frames);
+      }, (chunk[0] / player.speedup));
+    } else {
+      if (!player.playing) {
+        // console.log('paused')
+      } else {
+        player.currentFrame = 0;
+        player.pause();
+      }
+      player.overlayShow();
+    }
+  }
+  scheduleChunked(player.frames);
+}
+
+VT.Player.prototype.pause = function() {
+  var button = jQuery('.action-toggle')
+  button.children('span').removeClass('glyphicon-pause')
+  button.children('span').addClass('glyphicon-play')
+  button.attr('data-action', 'play');
+  this.playing = false;
+  this.overlayShow();
+}
+
+VT.Player.prototype.toggle = function() {
+  this.playing ? this.pause() : this.play();
+}
+
+VT.Player.prototype.settings = function() {
+  this.cmdline.classList[this.cmdline.classList.contains('hidden') ? 'remove' : 'add']('hidden');
+}
+
+VT.Player.prototype.updateTimelinePosition = function(val) {
+  this.currentFrame = this.currentFrame + val;
+  // TODO: frame -> percent
+  // this.progressBar.css("width", ((100.0 / this.frames.length) * this.currentFrame) + '%' );
+}
+
+VT.Player.prototype.setProgress = function(val) {
+  // this.currentFrame = val; // FIXME percent -> frame
+  this.progress.prop('value', val);
+  this.progressBar.css("width", val + '%' );
+}
+
+VT.Player.prototype.initExtraTools = function() {
+  // Setup widths for comments and everything below terminal screen
+  $('.extra-tools, .comments, h2.comm, .comment-form, .embed-area, .embed-code')
+    .css('width', this.termWidth);
+  $('.comment-form .markItUpEditor').css('width', this.termWidth - 60);
+  $('.comment-form .markItUp').css('width', this.termWidth).css('border', 0);
+
+  // Embed and Share buttons
+  $('button.embed').click(function(ev) {
+    $('.embed-area').toggle().toggleClass('hidden');
+  });
+}
+
+VT.Player.prototype.initOverlay = function(content) {
+  var player  = this
+  var termEl  = this.el.find('#term')
+
+  this.overlay = $('<div/>')
+  this.el.append(this.overlay)
+
+  termEl.mouseleave(function(ev) {
+    console.log(ev)
+    if (!player.playing) {
+      player.overlayShow()
+    } else {
+      ev.stopPropagation()
+    }
+  })
+
+  this.overlay.mouseenter(function(ev) {
+    if (!player.playing) player.overlayHide()
+  })
+}
+
+VT.Player.prototype.overlayShow = function(content) {
+  var offsets = this.el.find('#term').offset()
+
+  this.overlay.removeClass('disabled').css({
+    position: 'absolute',
+    top: offsets.top + 'px',
+    left: offsets.left + 'px',
+    width: this.termWidth,
+    height: this.termHeight
+  })
+
+  this.overlay.attr('id', 'player-overlay')
+    .addClass('enabled')
+    .html(content).show()
+}
+
+VT.Player.prototype.overlayHide = function() {
+  this.overlay.removeClass('enabled').addClass('disabled')
+    .html('').css({width: 0, height: 0})
+}
+
+VT.Player.prototype.overlayLoading = function () {
+  var spinOptions = $.extend({
+    top: (player.termHeight / 2) - player.spinerOptions.radius * 2,
+    left: (player.termWidth / 2) - player.spinerOptions.radius * 2
+  }, player.spinerOptions)
+
+//  this.overlayShow($('<div>').spin(spinOptions))
+}
+
+VT.Player.prototype.onError = function() {
+  this.pause()
+  this.term.reset()
+  this.overlay.addClass('error')
+  this.overlayHide = function() {};
+  this.overlayShow("<br/><div class='img'>" +
+                 "<img src='/assets/harakiri.png' alt='So sorry...'/></div>切腹" +
+                 "<p>Something went wrong.<br/>" +
+                 "Try commandline client instead!<br/>")
+}