diff --git a/build/CommentCoreLibrary.js b/build/CommentCoreLibrary.js
index 3fc24ad..567e786 100644
--- a/build/CommentCoreLibrary.js
+++ b/build/CommentCoreLibrary.js
@@ -117,10 +117,10 @@ function CommentFilter(){
 }
 
 /** 
-Comment Space Allocators Classes
-Licensed Under MIT License
-You may create your own.
-**/
+  Comment Space Allocators Classes
+  Licensed Under MIT License
+  You may create your own.
+ **/
 function CommentSpaceAllocator(w,h){
 	this.width = w;
 	this.height = h;
@@ -156,24 +156,26 @@ function CommentSpaceAllocator(w,h){
 	};
 	this.setY = function(cmt,index){
 		if(!index)
-			var index = 0;
+		  var index = 0;
 		cmt = this.validateCmt(cmt);
 		if(this.pools.length <= index){
 			this.pools.push([]);
 		}
 		this.pool = this.pools[index];
 		if(this.pool.length == 0){
+			cmt.cindex=index;
 			this.pool.push(cmt);	
 			return 0;
 		}
 		else if(this.vCheck(0,cmt)){
 			this.pool.binsert(cmt,function(a,b){
-					if(a.bottom < b.bottom){
-						return -1;
-					}else if (a.bottom == b.bottom){
-						return 0;
-					}else{return 1;}
-				});
+				if(a.bottom < b.bottom){
+					return -1;
+				}else if (a.bottom == b.bottom){
+					return 0;
+				}else{return 1;}
+			});
+			cmt.cindex=index;
 			return cmt.y;
 		}
 		var y=0;
@@ -190,6 +192,7 @@ function CommentSpaceAllocator(w,h){
 						return 0;
 					}else{return 1;}
 				});
+				cmt.cindex=index;
 				return cmt.y;
 			}
 		}
@@ -202,12 +205,12 @@ function CommentSpaceAllocator(w,h){
 		for(var i=0;i<this.pool.length;i++){
 			this.pool[i] = this.validateCmt(this.pool[i]);
 			if(this.pool[i].y > bottom || this.pool[i].bottom < y)
-				continue;
+			  continue;
 			else if(this.pool[i].right < cmt.x || this.pool[i].x > right){
 				if(this.getEnd(this.pool[i]) < this.getMiddle(cmt))
-					continue;
+				  continue;
 				else
-					return false;
+				  return false;
 			}else{
 				return false;}
 		}
@@ -222,6 +225,37 @@ function CommentSpaceAllocator(w,h){
 		return cmt.stime + (cmt.ttl / 2);
 	};
 }
+function ScrollCommentSpaceAllocator(w,h){
+	var csa = new CommentSpaceAllocator(w,h);
+	csa.add = function(cmt){
+		if(cmt.height >= this.height){
+			cmt.cindex = this.pools.indexOf(this.pool);
+			cmt.totop = 0;
+		}else{
+			cmt.cindex = this.pools.indexOf(this.pool);
+			cmt.totop = 0;
+			cmt.totop = this.setY(cmt);
+		}
+	};  
+	csa.validateCmt = function(cmt){
+		cmt.offsetTop=cmt.totop;
+		cmt.offsetHeight=cmt.height;
+		cmt.offsetWidth=cmt.width;
+		cmt.offsetLeft=cmt.left;
+		cmt.bottom = cmt.offsetTop + cmt.offsetHeight;
+		cmt.y = cmt.offsetTop;
+		cmt.x = cmt.offsetLeft;
+		cmt.right = cmt.offsetLeft + cmt.offsetWidth;
+		if(!cmt.width || !cmt.height){
+			cmt.height = cmt.offsetHeight;
+			cmt.width = cmt.offsetWidth;
+		}
+		cmt.top = cmt.offsetTop;
+		cmt.left = cmt.offsetLeft;
+		return cmt;
+	}; 
+	return csa;
+}
 function TopCommentSpaceAllocator(w,h){
 	var csa = new CommentSpaceAllocator(w,h);
 	csa.add = function (cmt){
@@ -306,12 +340,12 @@ function ReverseCommentSpaceAllocator(w,h){
 		for(var i=0;i<this.pool.length;i++){
 			var c = this.validateCmt(this.pool[i]);
 			if(c.y > bottom || c.bottom < y)
-				continue;
+			  continue;
 			else if(c.x > right || c.right < cmt.x){
 				if(this.getEnd(c) < this.getMiddle(cmt))
-					continue;
+				  continue;
 				else
-					return false;
+				  return false;
 			}else{
 				return false;}
 		}
@@ -355,16 +389,16 @@ function BottomScrollCommentSpaceAllocator(w,h){
 }
 
 /******
-* Comment Core For HTML5 VideoPlayers
-* Author : Jim Chen
-* Licensing : MIT License
-******/
+ * Comment Core For HTML5 VideoPlayers
+ * Author : Jim Chen
+ * Licensing : MIT License
+ ******/
 Array.prototype.remove = function(obj){
 	for(var a = 0; a < this.length;a++)
-		if(this[a] == obj){
-			this.splice(a,1);
-			break;
-		}
+	  if(this[a] == obj){
+		  this.splice(a,1);
+		  break;
+	  }
 };
 Array.prototype.bsearch = function(what,how){
 	if(this.length == 0) return 0;
@@ -384,7 +418,7 @@ Array.prototype.bsearch = function(what,how){
 		}else if(how(what,this[i])>=0){
 			low = i;
 		}else
-			console.error('Program Error');
+		  console.error('Program Error');
 		if(count > 1500) console.error('Too many run cycles.');
 	}
 	return -1;
@@ -410,7 +444,7 @@ function CommentManager(stageObject){
 	this.limiter = 0;
 	this.filter = null;
 	this.csa = {
-		scroll: new CommentSpaceAllocator(0,0),
+		scroll: new  ScrollCommentSpaceAllocator(0,0),
 		top:new TopCommentSpaceAllocator(0,0),
 		bottom:new BottomCommentSpaceAllocator(0,0),
 		reverse:new ReverseCommentSpaceAllocator(0,0),
@@ -419,35 +453,65 @@ function CommentManager(stageObject){
 	/** Precompute the offset width **/
 	this.stage.width = this.stage.offsetWidth;
 	this.stage.height= this.stage.offsetHeight;
+	//Main Canvas
+	this.canvas = document.createElement("canvas");
+	this.canvas.width = this.stage.width;
+	this.stage.height = this.stage.height;
+	this.stage.appendChild(this.canvas);
+	this.ctx = this.canvas.getContext('2d');
+	this.onplay=false;
+	this.requestfresh=false;
+	requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame ||window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
+	//ctxbuffer
+	this.bctx=[];
+	//Get the buffer id.	
+	this.getbufferid = function(){
+		for(var i=0 ; i<this.bctx.length ; i++)
+		  if(this.bctx[i].inuse===false)
+			break;
+		if(i===this.bctx.length){
+			can=document.createElement("canvas");
+			ctx=can.getContext('2d');
+			ctx.inuse=true;
+			ctx.can=can;
+			this.bctx.push(ctx);
+		}
+		this.bctx[i].inuse=true;
+		return i;
+	}
+	_CMthis=this;
 	/** Private **/
 	this.initCmt = function(cmt,data){
 		cmt.className = 'cmt';
 		cmt.stime = data.stime;
 		cmt.mode = data.mode;
 		cmt.data = data;
+		if(cmt.mode === 1){
+			return cmt;
+		}
 		if(cmt.mode === 17){
-			
+
 		}else{
 			cmt.appendChild(document.createTextNode(data.text));
 			cmt.innerText = data.text;
 			cmt.style.fontSize = data.size + "px";
 		}
 		if(data.font != null && data.font != '')
-			cmt.style.fontFamily = data.font;
+		  cmt.style.fontFamily = data.font;
 		if(data.shadow === false)
-			cmt.className = 'cmt noshadow';
+		  cmt.className = 'cmt noshadow';
 		if(data.color == "#000000" && (data.shadow || data.shadow == null))
-			cmt.className += ' rshadow';
+		  cmt.className += ' rshadow';
 		if(data.margin != null)
-			cmt.style.margin = data.margin;
+		  cmt.style.margin = data.margin;
 		if(data.color != null)
-			cmt.style.color = data.color;
+		  cmt.style.color = data.color;
 		if(this.def.opacity != 1 && data.mode == 1)
-			cmt.style.opacity = this.def.opacity;
+		  cmt.style.opacity = this.def.opacity;
 		if(data.alphaFrom != null)
-			cmt.style.opacity = data.alphaFrom;
+		  cmt.style.opacity = data.alphaFrom;
 		if(data.border)
-			cmt.style.border = "1px solid #00ffff";
+		  cmt.style.border = "1px solid #00ffff";
 		cmt.ttl = Math.round(4000 * this.def.globalScale);
 		cmt.dur = cmt.ttl;
 		if(cmt.mode === 1 || cmt.mode === 6 || cmt.mode === 2){
@@ -458,7 +522,8 @@ function CommentManager(stageObject){
 	};
 	this.startTimer = function(){
 		if(__timer > 0)
-			return;
+		  return;
+		this.onplay=true;
 		var lastTPos = new Date().getTime();
 		var cmMgr = this;
 		__timer = window.setInterval(function(){
@@ -468,11 +533,27 @@ function CommentManager(stageObject){
 		},10);
 	};
 	this.stopTimer = function(){
+		this.onplay=false;
 		window.clearInterval(__timer);
 		__timer = 0;
 	};
+	this.onDraw = function(){
+		if(_CMthis.onplay||_CMthis.requestfresh){
+			_CMthis.ctx.clearRect(0,0,_CMthis.canvas.offsetWidth,_CMthis.canvas.offsetHeight);
+			for(i=0;i<_CMthis.runline.length;i++){
+				cmt=_CMthis.runline[i];
+				if(cmt.mode==1){
+					if(_CMthis.bctx[cmt.bufferid].inuse===true)
+					  _CMthis.ctx.drawImage(_CMthis.bctx[cmt.bufferid].can,cmt.left,cmt.totop);
+				}
+			}
+			_CMthis.requestfresh=false;
+		}
+		requestAnimationFrame(_CMthis.onDraw);
+	}
+	requestAnimationFrame(_CMthis.onDraw);
 }
-	
+
 /** Public **/
 CommentManager.prototype.seek = function(time){
 	this.position = this.timeline.bsearch(time,function(a,b){
@@ -483,7 +564,7 @@ CommentManager.prototype.seek = function(time){
 };
 CommentManager.prototype.validate = function(cmt){
 	if(cmt == null)
-		return false;
+	  return false;
 	return this.filter.doValidate(cmt);
 };
 CommentManager.prototype.load = function(a){
@@ -499,16 +580,48 @@ CommentManager.prototype.load = function(a){
 				else if(a.dbid < b.dbid) return -1;
 				return 0;
 			}else
-				return 0;
+		return 0;
 		}
 	});
 };
+
+CommentManager.prototype.preload = function (cmt)
+{
+	if(cmt.mode!==1)return;	
+	cmt.ctxfont = cmt.size + "px " + "SimHei";
+	if(cmt.font != null && cmt.font != '')
+	  cmt.ctxfont = cmt.size + "px " + cmt.font;
+	//caculate width and height
+	this.ctx.font=cmt.ctxfont;
+	text = cmt.text.split('\n');
+	if(text.length < 3){
+		cmt.height=cmt.size+3;
+		cmt.width=this.ctx.measureText(text[0]).width;
+	}else{
+		cmt.height=(cmt.size+3)*text.length;
+		cmt.multiline=true;
+		cmt.multitext=text;
+		cmt.textlength = 0;
+		for(var p = 0; p < text.length; p++ ){
+			if(this.ctx.measureText(text[p]).width > cmt.textlength){
+				cmt.textlength = this.ctx.measureText(text[p]).width;
+			}
+		}
+		cmt.width = cmt.textlength;
+	}
+	cmt.hold = 0;
+}
+
 CommentManager.prototype.clear = function(){
 	for(var i=0;i<this.runline.length;i++){
 		this.finish(this.runline[i]);
-		this.stage.removeChild(this.runline[i]);
+		if(this.runline[i].mode !==1 )
+		  this.stage.removeChild(this.runline[i]);
+		else
+		  this.bctx[this.runline[i].bufferid].inuse=false;
 	}
 	this.runline = [];
+
 };
 CommentManager.prototype.setBounds = function(){
 	for(var comAlloc in this.csa){
@@ -519,19 +632,22 @@ CommentManager.prototype.setBounds = function(){
 	// Update 3d perspective
 	this.stage.style.perspective = this.stage.width * Math.tan(40 * Math.PI/180) / 2 + "px";
 	this.stage.style.webkitPerspective = this.stage.width * Math.tan(40 * Math.PI/180) / 2 + "px";
+	this.canvas.width = this.stage.offsetWidth;
+	this.canvas.height = this.stage.offsetHeight;
+	this.requestfresh=true;
 };
 CommentManager.prototype.init = function(){
 	this.setBounds();
 	if(this.filter == null)
-		this.filter = new CommentFilter(); //Only create a filter if none exist
+	  this.filter = new CommentFilter(); //Only create a filter if none exist
 };
 CommentManager.prototype.time = function(time){
 	time = time - 1;
-	if(this.position >= this.timeline.length || Math.abs(this.lastPos - time) >= 2000){
+	if(this.position >= this.timeline.length || Math.abs(this.lastPos - time) >= 500){
 		this.seek(time);
 		this.lastPos = time;
 		if(this.timeline.length <= this.position)
-			return;
+		  return;
 	}else{
 		this.lastPos = time;
 	}
@@ -546,15 +662,15 @@ CommentManager.prototype.time = function(time){
 		}
 	}
 	if(doFlush)
-		this.flush();
+	  this.flush();
 };
 CommentManager.prototype.buffer = function(){
 	if(!this.buffered)
-		this.buffered = [];
+	  this.buffered = [];
 };
 CommentManager.prototype.flush = function(){
 	if(!this.buffered)
-		return;
+	  return;
 	var fragment = document.createDocumentFragment();
 	for(var i = 0; i < this.buffered.length; i++){
 		this.buffered[i].style.visibility = "hidden";
@@ -563,7 +679,7 @@ CommentManager.prototype.flush = function(){
 	this.stage.appendChild(fragment);
 	for(var i = 0; i < this.buffered.length; i++){
 		this.buffered[i].width = this.buffered[i].offsetWidth;
-		this.buffered[i].height = this.buffered[i].offsetWidth;
+		this.buffered[i].height = this.buffered[i].offsetHeight;
 		this.allocate(this.buffered[i]);
 		this.buffered[i].style.visibility = "visible";
 	}
@@ -579,7 +695,7 @@ CommentManager.prototype.allocate = function(cmt){
 	var data = cmt.data;
 	switch(cmt.mode){
 		default:
-		case 1:{this.csa.scroll.add(cmt);}break;
+		case 1: break;
 		case 2:{this.csa.scrollbtm.add(cmt);}break;
 		case 4:{this.csa.bottom.add(cmt);}break;
 		case 5:{this.csa.top.add(cmt);}break;
@@ -609,7 +725,7 @@ CommentManager.prototype.allocate = function(cmt){
 						(-SIN(zr))           , COS(zr)               , 0        , 0, 
 						(-SIN(yr) * COS(zr)) , (-SIN(yr) * SIN(zr))  , COS(yr)  , 0,
 						0                    , 0                     , 0        , 1
-					];
+							];
 					// CSS does not recognize scientific notation (e.g. 1e-6), truncating it.
 					for(var i = 0; i < matrix.length;i++){
 						if(Math.abs(matrix[i]) < 0.000001){
@@ -641,6 +757,40 @@ CommentManager.prototype.sendComment = function(data){
 		}
 		return;
 	}
+	if(data.mode === 1){
+		this.preload(data);
+		cmt=data;
+		cmt.ttl = Math.round(4000 * this.def.globalScale);
+		cmt.dur = cmt.ttl;
+		cmt.ttl *= this.def.scrollScale;
+		cmt.dur = cmt.ttl;
+		cmt.left = this.stage.width;
+		cmt.bufferid=this.getbufferid();
+		i=cmt.bufferid;
+		this.bctx[i].can.width=cmt.width+2;
+		this.bctx[i].can.height=cmt.height+2;
+		this.bctx[i].textBaseline = "top";
+		//_CMthis.pctx.shadowBlur=2;
+		//_CMthis.pctx.shadowColor="black";
+		this.bctx[i].font=cmt.ctxfont;
+		this.bctx[i].fillStyle=cmt.color;
+		if(cmt.border||true){
+			this.bctx[i].lineWidth = 2;
+			this.bctx[i].strokeStyle="#000000";
+			this.bctx[i].strokeText(cmt.text,1,1);
+		}
+		if(cmt.multiline===true){
+			for(var k=0;k<cmt.multitext.length;k++){
+				this.bctx[i].strokeText(cmt.multitext[k],1,1+k*cmt.height/cmt.multitext.length);
+				this.bctx[i].fillText(cmt.multitext[k],1,1+k*cmt.height/cmt.multitext.length);
+			}
+		}else
+		  this.bctx[i].fillText(cmt.text,1,1);
+		this.csa.scroll.add(cmt);
+		this.runline.push(cmt);
+		return;
+	}
+
 	var cmt = document.createElement('div');
 	if(this.filter != null){
 		data = this.filter.doModify(data);
@@ -648,7 +798,7 @@ CommentManager.prototype.sendComment = function(data){
 	}
 	cmt = this.initCmt(cmt,data);
 	cmt.style.left = this.stage.width + "px";
-	
+
 	this.runline.push(cmt);
 	if(this.buffered && this.allowBuffer){
 		this.buffered.push(cmt);
@@ -666,12 +816,12 @@ CommentManager.prototype.sendComment = function(data){
 		}
 		this.allocate(cmt);
 	}
-	
+
 };
 CommentManager.prototype.finish = function(cmt){
 	switch(cmt.mode){
 		default:
-		case 1:{this.csa.scroll.remove(cmt);}break;
+		case 1:{this.bctx[cmt.bufferid].inuse=false;this.csa.scroll.remove(cmt);}break;
 		case 2:{this.csa.scrollbtm.remove(cmt);}break;
 		case 4:{this.csa.bottom.remove(cmt);}break;
 		case 5:{this.csa.top.remove(cmt);}break;
@@ -688,21 +838,23 @@ CommentManager.prototype.onTimerEvent = function(timePassed,cmObj,norender){
 		}
 		cmt.ttl -= timePassed;
 		if(norender)
-			continue;
-		if(cmt.mode == 1 || cmt.mode == 2) {
-			cmt.style.left = (cmt.ttl / cmt.dur) * (cmObj.stage.width + cmt.width) - cmt.width + "px";
+		  continue;
+		if(cmt.mode == 1){
+			cmt.left = (cmt.ttl / cmt.dur) * (cmObj.stage.width + cmt.width) - cmt.width ;
+		}else if(cmt.mode == 2) {
+			cmt.left = (cmt.ttl / cmt.dur) * (cmObj.stage.width + cmt.width) - cmt.width + "px";
 		}else if(cmt.mode == 6) {
 			cmt.style.left = (1 - cmt.ttl / cmt.dur) * (cmObj.stage.width + cmt.width) - cmt.width + "px";
 		}else if(cmt.mode == 4 || cmt.mode == 5 || cmt.mode >= 7){
 			if(cmt.dur == null)
-				cmt.dur = 4000;
+			  cmt.dur = 4000;
 			if(cmt.data.alphaFrom != null && cmt.data.alphaTo != null){
 				cmt.style.opacity = (cmt.data.alphaFrom - cmt.data.alphaTo) * 
 					(cmt.ttl/cmt.dur) + cmt.data.alphaTo;
 			}
 			if(cmt.mode == 7 && cmt.data.movable){
 				var posT = Math.min(Math.max(cmt.dur - cmt.data.moveDelay - cmt.ttl,0),
-					cmt.data.moveDuration) / cmt.data.moveDuration;
+							cmt.data.moveDuration) / cmt.data.moveDuration;
 				if(cmt.data.position !== "relative"){
 					cmt.style.top = ((cmt.data.toY - cmt.data.y) * posT + cmt.data.y) + "px";
 					cmt.style.left= ((cmt.data.toX - cmt.data.x) * posT + cmt.data.x) + "px";
@@ -716,7 +868,8 @@ CommentManager.prototype.onTimerEvent = function(timePassed,cmObj,norender){
 			cmt = cmObj.filter.runtimeFilter(cmt);
 		}
 		if(cmt.ttl <= 0){
-			cmObj.stage.removeChild(cmt);
+			if(cmt.mode !== 1 )
+			  cmObj.stage.removeChild(cmt);
 			cmObj.runline.splice(i,1);//remove the comment
 			cmObj.finish(cmt);
 		}
diff --git a/build/CommentCoreLibrary.min.js b/build/CommentCoreLibrary.min.js
index 6515177..949eb68 100644
--- a/build/CommentCoreLibrary.min.js
+++ b/build/CommentCoreLibrary.min.js
@@ -1 +1 @@
-/*!Copyright(c) CommentCoreLibrary (//github.com/jabbany/CommentCoreLibrary) - Licensed under the MIT License */function CommentFilter(){this.rulebook={all:[]},this.modifiers=[],this.runtime=null,this.allowTypes={1:!0,4:!0,5:!0,6:!0,7:!0,8:!0,17:!0},this.doModify=function(a){for(var b=0;b<this.modifiers.length;b++)a=this.modifiers[b](a);return a},this.isMatchRule=function(a,b){switch(b.operator){case"==":if(a[b.subject]==b.value)return!1;break;case">":if(a[b.subject]>b.value)return!1;break;case"<":if(a[b.subject]<b.value)return!1;break;case"range":if(a[b.subject]>b.value.min&&a[b.subject]<b.value.max)return!1;break;case"!=":if(a[b.subject]!=b.value)return!1;break;case"~":if(new RegExp(b.value).test(a[b[subject]]))return!1;break;case"!~":if(!new RegExp(b.value).test(a[b[subject]]))return!1}return!0},this.beforeSend=function(a){var b=a.data.mode;if(null!=this.rulebook[b]){for(var c=0;c<this.rulebook[b].length;c++)if("width"==this.rulebook[b][c].subject||"height"==this.rulebook[b][c].subject)if("width"==this.rulebook[b][c].subject)switch(this.rulebook[b][c].operator){case">":if(this.rulebook[b][c].value<a.offsetWidth)return!1;break;case"<":if(this.rulebook[b][c].value>a.offsetWidth)return!1;break;case"range":if(this.rulebook[b][c].value.max>a.offsetWidth&&this.rulebook[b][c].min<a.offsetWidth)return!1;break;case"==":if(this.rulebook[b][c].value==a.offsetWidth)return!1}else switch(this.rulebook[b][c].operator){case">":if(this.rulebook[b][c].value<a.offsetHeight)return!1;break;case"<":if(this.rulebook[b][c].value>a.offsetHeight)return!1;break;case"range":if(this.rulebook[b][c].value.max>a.offsetHeight&&this.rulebook[b][c].min<a.offsetHeight)return!1;break;case"==":if(this.rulebook[b][c].value==a.offsetHeight)return!1}return!0}return!0},this.doValidate=function(a){if(!this.allowTypes[a.mode])return!1;var b={text:a.text,mode:a.mode,color:a.color,size:a.size,stime:a.stime,hash:a.hash};if(null!=this.rulebook[a.mode]&&this.rulebook[a.mode].length>0)for(var c=0;c<this.rulebook[a.mode];c++)if(!this.isMatchRule(b,this.rulebook[a.mode][c]))return!1;for(var c=0;c<this.rulebook[a.mode];c++)if(!this.isMatchRule(b,this.rulebook[a.mode][c]))return!1;return!0},this.addRule=function(a){switch(null==this.rulebook[a.mode+""]&&(this.rulebook[a.mode+""]=[]),a.operator){case"eq":case"equals":case"=":a.operator="==";break;case"ineq":a.operator="!=";break;case"regex":case"matches":a.operator="~";break;case"notmatch":case"iregex":a.operator="!~"}return this.rulebook[a.mode].push(a),this.rulebook[a.mode].length-1},this.addModifier=function(a){this.modifiers.push(a)},this.runtimeFilter=function(a){return null==this.runtime?a:this.runtime(a)},this.setRuntimeFilter=function(a){this.runtime=a}}function CommentSpaceAllocator(a,b){this.width=a,this.height=b,this.dur=4e3,this.pools=[[]],this.pool=this.pools[0],this.setBounds=function(a,b){this.width=a,this.height=b},this.add=function(a){a.height>=this.height?(a.cindex=this.pools.indexOf(this.pool),a.style.top="0px"):(a.cindex=this.pools.indexOf(this.pool),a.style.top=this.setY(a)+"px")},this.remove=function(a){var b=this.pools[a.cindex];b.remove(a)},this.validateCmt=function(a){return a.bottom=a.offsetTop+a.offsetHeight,a.y=a.offsetTop,a.x=a.offsetLeft,a.right=a.offsetLeft+a.offsetWidth,a.width&&a.height||(a.height=a.offsetHeight,a.width=a.offsetWidth),a.top=a.offsetTop,a.left=a.offsetLeft,a},this.setY=function(a,b){if(!b)var b=0;if(a=this.validateCmt(a),this.pools.length<=b&&this.pools.push([]),this.pool=this.pools[b],0==this.pool.length)return this.pool.push(a),0;if(this.vCheck(0,a))return this.pool.binsert(a,function(a,b){return a.bottom<b.bottom?-1:a.bottom==b.bottom?0:1}),a.y;for(var c=0,d=0;d<this.pool.length&&(c=this.pool[d].bottom+1,!(c+a.offsetHeight>this.height));d++)if(this.vCheck(c,a))return this.pool.binsert(a,function(a,b){return a.bottom<b.bottom?-1:a.bottom==b.bottom?0:1}),a.y;return this.setY(a,b+1)},this.vCheck=function(a,b){var c=a+b.height,d=b.x+b.width;this.validateCmt(b);for(var e=0;e<this.pool.length;e++)if(this.pool[e]=this.validateCmt(this.pool[e]),!(this.pool[e].y>c||this.pool[e].bottom<a)){if(this.pool[e].right<b.x||this.pool[e].x>d){if(this.getEnd(this.pool[e])<this.getMiddle(b))continue;return!1}return!1}return b.y=a,b.bottom=b.height+a,!0},this.getEnd=function(a){return a.stime+a.ttl},this.getMiddle=function(a){return a.stime+a.ttl/2}}function TopCommentSpaceAllocator(a,b){var c=new CommentSpaceAllocator(a,b);c.add=function(a){c.validateCmt(a),a.style.left=(c.width-a.width)/2+"px",a.height>=c.height?(a.cindex=c.pools.indexOf(c.pool),a.style.top="0px"):(a.cindex=c.pools.indexOf(c.pool),a.style.top=c.setY(a)+"px")},c.vCheck=function(a,b){for(var d=a+b.height,e=0;e<c.pool.length;e++){var f=c.validateCmt(c.pool[e]);if(!(f.y>d||f.bottom<a))return!1}return b.y=a,b.bottom=b.bottom+a,!0},this.setBounds=function(a,b){c.setBounds(a,b)},this.add=function(a){c.add(a)},this.remove=function(a){c.remove(a)}}function BottomCommentSpaceAllocator(a,b){var c=new CommentSpaceAllocator(a,b);c.add=function(a){a.style.top="",a.style.bottom="0px",c.validateCmt(a),a.style.left=(c.width-a.width)/2+"px",a.height>=c.height?(a.cindex=c.pools.indexOf(c.pool),a.style.bottom="0px"):(a.cindex=c.pools.indexOf(c.pool),a.style.bottom=c.setY(a)+"px")},c.validateCmt=function(a){return a.y=c.height-(a.offsetTop+a.offsetHeight),a.bottom=a.y+a.offsetHeight,a.x=a.offsetLeft,a.right=a.offsetLeft+a.offsetWidth,a.height=a.offsetHeight,a.width=a.offsetWidth,a.top=a.y,a.left=a.offsetLeft,a},c.vCheck=function(a,b){for(var d=a+b.height,e=0;e<c.pool.length;e++){var f=c.validateCmt(c.pool[e]);if(!(f.y>d||f.bottom<a))return!1}return b.y=a,b.bottom=b.bottom+a,!0},this.setBounds=function(a,b){c.setBounds(a,b)},this.add=function(a){c.add(a)},this.remove=function(a){c.remove(a)}}function ReverseCommentSpaceAllocator(a,b){var c=new CommentSpaceAllocator(a,b);c.vCheck=function(a,b){var c=a+b.height,d=b.x+b.width;this.validateCmt(b);for(var e=0;e<this.pool.length;e++){var f=this.validateCmt(this.pool[e]);if(!(f.y>c||f.bottom<a)){if(f.x>d||f.right<b.x){if(this.getEnd(f)<this.getMiddle(b))continue;return!1}return!1}}return b.y=a,b.bottom=b.height+a,!0},this.setBounds=function(a,b){c.setBounds(a,b)},this.add=function(a){c.add(a)},this.remove=function(a){c.remove(a)}}function BottomScrollCommentSpaceAllocator(a,b){var c=new CommentSpaceAllocator(a,b);c.validateCmt=function(a){return a.y=c.height-(a.offsetTop+a.offsetHeight),a.bottom=a.y+a.offsetHeight,a.x=a.offsetLeft,a.right=a.offsetLeft+a.offsetWidth,a.height=a.offsetHeight,a.width=a.offsetWidth,a.top=a.y,a.left=a.offsetLeft,a},c.add=function(a){a.style.top="",a.style.bottom="0px",c.validateCmt(a),a.style.left=c.width+"px",a.height>=c.height?(a.cindex=c.pools.indexOf(c.pool),a.style.bottom="0px"):(a.cindex=c.pools.indexOf(c.pool),a.style.bottom=c.setY(a)+"px")},this.setBounds=function(a,b){c.setBounds(a,b)},this.add=function(a){c.add(a)},this.remove=function(a){c.remove(a)}}function CommentManager(a){var b=0;this.stage=a,this.def={opacity:1,globalScale:1,scrollScale:1},this.timeline=[],this.runline=[],this.allowBuffer=!0,this.buffered=null,this.render=!1,this.position=0,this.limiter=0,this.filter=null,this.csa={scroll:new CommentSpaceAllocator(0,0),top:new TopCommentSpaceAllocator(0,0),bottom:new BottomCommentSpaceAllocator(0,0),reverse:new ReverseCommentSpaceAllocator(0,0),scrollbtm:new BottomScrollCommentSpaceAllocator(0,0)},this.stage.width=this.stage.offsetWidth,this.stage.height=this.stage.offsetHeight,this.initCmt=function(a,b){return a.className="cmt",a.stime=b.stime,a.mode=b.mode,a.data=b,17===a.mode||(a.appendChild(document.createTextNode(b.text)),a.innerText=b.text,a.style.fontSize=b.size+"px"),null!=b.font&&""!=b.font&&(a.style.fontFamily=b.font),b.shadow===!1&&(a.className="cmt noshadow"),"#000000"!=b.color||!b.shadow&&null!=b.shadow||(a.className+=" rshadow"),null!=b.margin&&(a.style.margin=b.margin),null!=b.color&&(a.style.color=b.color),1!=this.def.opacity&&1==b.mode&&(a.style.opacity=this.def.opacity),null!=b.alphaFrom&&(a.style.opacity=b.alphaFrom),b.border&&(a.style.border="1px solid #00ffff"),a.ttl=Math.round(4e3*this.def.globalScale),a.dur=a.ttl,(1===a.mode||6===a.mode||2===a.mode)&&(a.ttl*=this.def.scrollScale,a.dur=a.ttl),a},this.startTimer=function(){if(!(b>0)){var a=(new Date).getTime(),c=this;b=window.setInterval(function(){var b=(new Date).getTime()-a;a=(new Date).getTime(),c.onTimerEvent(b,c,this.buffered?!0:!1)},10)}},this.stopTimer=function(){window.clearInterval(b),b=0}}function AcfunParser(a){function b(a){for(;a.length<6;)a="0"+a;return a}var c=[];try{var d=JSON.parse(a)}catch(e){return console.log("Error: Could not parse json list!"),[]}for(var f=0;f<d.length;f++){var g={},h=d[f].c.split(",");if(h.length>0){if(g.stime=1e3*parseFloat(h[0]),g.color="#"+b(parseInt(h[1]).toString(16)),g.mode=parseInt(h[2]),g.size=parseInt(h[3]),g.hash=h[4],g.date=parseInt(h[5]),g.position="relative",7!=g.mode?(g.text=d[f].m.replace(/(\/n|\\n|\n|\r\n|\\r)/g,"\n"),g.text=g.text.replace(/\r/g,"\n"),g.text=g.text.replace(/\s/g," ")):g.text=d[f].m,7==g.mode){try{var i=JSON.parse(g.text)}catch(e){console.log("[Err] Error parsing internal data for comment"),console.log("[Dbg] "+g.text);continue}g.text=i.n,g.text=g.text.replace(/\ /g," "),console.log(g.text),null!=i.p?(g.x=i.p.x/1e3,g.y=i.p.y/1e3):(g.x=0,g.y=0),g.shadow=i.b,g.duration=4e3,null!=i.l&&(g.moveDelay=1e3*i.l),null!=i.z&&i.z.length>0&&(g.movable=!0,g.toX=i.z[0].x/1e3,g.toY=i.z[0].y/1e3,g.alphaTo=i.z[0].t,g.colorTo=i.z[0].c,g.moveDuration=null!=i.z[0].l?1e3*i.z[0].l:500,g.duration=g.moveDelay+g.moveDuration),null!=i.r&&null!=i.k&&(g.rX=i.r,g.rY=i.k),i.a&&(g.alphaFrom=i.a)}c.push(g)}}return c}function BilibiliParser(a,b,c){function d(a){for(;a.length<6;)a="0"+a;return a}function e(a){return a.replace(/\t/,"\\t")}if(null!==a)var f=a.getElementsByTagName("d");else{if(c){if(!confirm("XML Parse Error. \n Allow tag soup parsing?\n[WARNING: This is unsafe.]"))return[]}else b=b.replace(new RegExp("</([^d])","g"),"</disabled $1"),b=b.replace(new RegExp("</(S{2,})","g"),"</disabled $1"),b=b.replace(new RegExp("<([^d/]W*?)","g"),"<disabled $1"),b=b.replace(new RegExp("<([^/ ]{2,}W*?)","g"),"<disabled $1"),console.log(b);var g=document.createElement("div");g.innerHTML=b,console.log(g);var f=g.getElementsByTagName("d")}for(var h=[],i=0;i<f.length;i++)if(null!=f[i].getAttribute("p")){var j=f[i].getAttribute("p").split(",");if(!f[i].childNodes[0])continue;var b=f[i].childNodes[0].nodeValue,k={};if(k.stime=Math.round(parseFloat(1e3*j[0])),k.size=parseInt(j[2]),k.color="#"+d(parseInt(j[3]).toString(16)),k.mode=parseInt(j[1]),k.date=parseInt(j[4]),k.pool=parseInt(j[5]),k.position="absolute",null!=j[7]&&(k.dbid=parseInt(j[7])),k.hash=j[6],k.border=!1,k.mode<7)k.text=b.replace(/(\/n|\\n|\n|\r\n)/g,"\n");else if(7==k.mode)try{adv=JSON.parse(e(b)),k.shadow=!0,k.x=parseInt(adv[0]),k.y=parseInt(adv[1]),k.text=adv[4].replace(/(\/n|\\n|\n|\r\n)/g,"\n"),k.rZ=0,k.rY=0,adv.length>=7&&(k.rZ=parseInt(adv[5]),k.rY=parseInt(adv[6])),k.movable=!1,adv.length>=11&&(k.movable=!0,k.toX=adv[7],k.toY=adv[8],k.moveDuration=500,k.moveDelay=0,""!=adv[9]&&(k.moveDuration=adv[9]),""!=adv[10]&&(k.moveDelay=adv[10]),adv.length>11&&(k.shadow=adv[11],"true"===k.shadow&&(k.shadow=!0),"false"===k.shadow&&(k.shadow=!1),null!=adv[12]&&(k.font=adv[12]))),k.duration=2500,adv[3]<12&&(k.duration=1e3*adv[3]),k.alphaFrom=1,k.alphaTo=1;var g=adv[2].split("-");null!=g&&g.length>1&&(k.alphaFrom=parseFloat(g[0]),k.alphaTo=parseFloat(g[1]))}catch(l){console.log("[Err] Error occurred in JSON parsing"),console.log("[Dbg] "+b)}else 8==k.mode&&(k.code=b);null!=k.text&&(k.text=k.text.replace(/\u25a0/g,"█")),h.push(k)}return h}Array.prototype.remove=function(a){for(var b=0;b<this.length;b++)if(this[b]==a){this.splice(b,1);break}},Array.prototype.bsearch=function(a,b){if(0==this.length)return 0;if(b(a,this[0])<0)return 0;if(b(a,this[this.length-1])>=0)return this.length;for(var c=0,d=0,e=0,f=this.length-1;f>=c;){if(d=Math.floor((f+c+1)/2),e++,b(a,this[d-1])>=0&&b(a,this[d])<0)return d;b(a,this[d-1])<0?f=d-1:b(a,this[d])>=0?c=d:console.error("Program Error"),e>1500&&console.error("Too many run cycles.")}return-1},Array.prototype.binsert=function(a,b){this.splice(this.bsearch(a,b),0,a)},CommentManager.prototype.seek=function(a){this.position=this.timeline.bsearch(a,function(a,b){return a<b.stime?-1:a>b.stime?1:0})},CommentManager.prototype.validate=function(a){return null==a?!1:this.filter.doValidate(a)},CommentManager.prototype.load=function(a){this.timeline=a,this.timeline.sort(function(a,b){return a.stime>b.stime?2:a.stime<b.stime?-2:a.date>b.date?1:a.date<b.date?-1:null!=a.dbid&&null!=b.dbid?a.dbid>b.dbid?1:a.dbid<b.dbid?-1:0:0})},CommentManager.prototype.clear=function(){for(var a=0;a<this.runline.length;a++)this.finish(this.runline[a]),this.stage.removeChild(this.runline[a]);this.runline=[]},CommentManager.prototype.setBounds=function(){for(var a in this.csa)this.csa[a].setBounds(this.stage.offsetWidth,this.stage.offsetHeight);this.stage.width=this.stage.offsetWidth,this.stage.height=this.stage.offsetHeight,this.stage.style.perspective=this.stage.width*Math.tan(40*Math.PI/180)/2+"px",this.stage.style.webkitPerspective=this.stage.width*Math.tan(40*Math.PI/180)/2+"px"},CommentManager.prototype.init=function(){this.setBounds(),null==this.filter&&(this.filter=new CommentFilter)},CommentManager.prototype.time=function(a){if(a-=1,this.position>=this.timeline.length||Math.abs(this.lastPos-a)>=2e3){if(this.seek(a),this.lastPos=a,this.timeline.length<=this.position)return}else this.lastPos=a;for(var b=this.buffered?!1:!0;this.position<this.timeline.length&&!(this.limiter>0&&this.runline.length>this.limiter)&&(this.validate(this.timeline[this.position])&&this.timeline[this.position].stime<=a);this.position++)this.buffer(),this.sendComment(this.timeline[this.position]);b&&this.flush()},CommentManager.prototype.buffer=function(){this.buffered||(this.buffered=[])},CommentManager.prototype.flush=function(){if(this.buffered){for(var a=document.createDocumentFragment(),b=0;b<this.buffered.length;b++)this.buffered[b].style.visibility="hidden",a.appendChild(this.buffered[b]);this.stage.appendChild(a);for(var b=0;b<this.buffered.length;b++)this.buffered[b].width=this.buffered[b].offsetWidth,this.buffered[b].height=this.buffered[b].offsetWidth,this.allocate(this.buffered[b]),this.buffered[b].style.visibility="visible";this.buffered=null}},CommentManager.prototype.rescale=function(){for(var a=0;a<this.runline.length;a++)this.runline[a].dur=Math.round(this.runline[a].dur*this.def.globalScale),this.runline[a].ttl=Math.round(this.runline[a].ttl*this.def.globalScale)},CommentManager.prototype.allocate=function(a){var b=a.data;switch(a.mode){default:case 1:this.csa.scroll.add(a);break;case 2:this.csa.scrollbtm.add(a);break;case 4:this.csa.bottom.add(a);break;case 5:this.csa.top.add(a);break;case 6:this.csa.reverse.add(a);break;case 17:case 7:if("relative"!==a.data.position?(a.style.top=a.data.y+"px",a.style.left=a.data.x+"px"):(a.style.top=a.data.y*this.stage.height+"px",a.style.left=a.data.x*this.stage.width+"px"),a.ttl=Math.round(b.duration*this.def.globalScale),a.dur=Math.round(b.duration*this.def.globalScale),0!==b.rY||0!==b.rZ){var c=function(a,b){for(var c=Math.PI/180,d=a*c,e=b*c,f=Math.cos,g=Math.sin,h=[f(d)*f(e),f(d)*g(e),g(d),0,-g(e),f(e),0,0,-g(d)*f(e),-g(d)*g(e),f(d),0,0,0,0,1],i=0;i<h.length;i++)Math.abs(h[i])<1e-6&&(h[i]=0);return"matrix3d("+h.join(",")+")"};a.style.transformOrigin="0% 0%",a.style.webkitTransformOrigin="0% 0%",a.style.OTransformOrigin="0% 0%",a.style.MozTransformOrigin="0% 0%",a.style.MSTransformOrigin="0% 0%",a.style.transform=c(b.rY,b.rZ),a.style.webkitTransform=c(b.rY,b.rZ),a.style.OTransform=c(b.rY,b.rZ),a.style.MozTransform=c(b.rY,b.rZ),a.style.MSTransform=c(b.rY,b.rZ)}}},CommentManager.prototype.sendComment=function(a){if(8===a.mode)return console.log(a),void(this.scripting&&console.log(this.scripting.eval(a.code)));var b=document.createElement("div");if(null==this.filter||(a=this.filter.doModify(a),null!=a))return b=this.initCmt(b,a),b.style.left=this.stage.width+"px",this.runline.push(b),this.buffered&&this.allowBuffer?void this.buffered.push(b):(this.stage.appendChild(b),b.width=b.offsetWidth,b.height=b.offsetHeight,null==this.filter||this.filter.beforeSend(b)?void this.allocate(b):(this.stage.removeChild(b),void(b=null)))},CommentManager.prototype.finish=function(a){switch(a.mode){default:case 1:this.csa.scroll.remove(a);break;case 2:this.csa.scrollbtm.remove(a);break;case 4:this.csa.bottom.remove(a);break;case 5:this.csa.top.remove(a);break;case 6:this.csa.reverse.remove(a);break;case 7:}},CommentManager.prototype.onTimerEvent=function(a,b,c){for(var d=0;d<b.runline.length;d++){var e=b.runline[d];if(!e.hold&&(e.ttl-=a,!c)){if(1==e.mode||2==e.mode)e.style.left=e.ttl/e.dur*(b.stage.width+e.width)-e.width+"px";else if(6==e.mode)e.style.left=(1-e.ttl/e.dur)*(b.stage.width+e.width)-e.width+"px";else if((4==e.mode||5==e.mode||e.mode>=7)&&(null==e.dur&&(e.dur=4e3),null!=e.data.alphaFrom&&null!=e.data.alphaTo&&(e.style.opacity=(e.data.alphaFrom-e.data.alphaTo)*(e.ttl/e.dur)+e.data.alphaTo),7==e.mode&&e.data.movable)){var f=Math.min(Math.max(e.dur-e.data.moveDelay-e.ttl,0),e.data.moveDuration)/e.data.moveDuration;"relative"!==e.data.position?(e.style.top=(e.data.toY-e.data.y)*f+e.data.y+"px",e.style.left=(e.data.toX-e.data.x)*f+e.data.x+"px"):(e.style.top=((e.data.toY-e.data.y)*f+e.data.y)*b.stage.height+"px",e.style.left=((e.data.toX-e.data.x)*f+e.data.x)*b.stage.width+"px")}null!=b.filter&&(e=b.filter.runtimeFilter(e)),e.ttl<=0&&(b.stage.removeChild(e),b.runline.splice(d,1),b.finish(e))}}};
\ No newline at end of file
+/*!Copyright(c) CommentCoreLibrary (//github.com/jabbany/CommentCoreLibrary) - Licensed under the MIT License */function CommentFilter(){this.rulebook={all:[]},this.modifiers=[],this.runtime=null,this.allowTypes={1:!0,4:!0,5:!0,6:!0,7:!0,8:!0,17:!0},this.doModify=function(a){for(var b=0;b<this.modifiers.length;b++)a=this.modifiers[b](a);return a},this.isMatchRule=function(a,b){switch(b.operator){case"==":if(a[b.subject]==b.value)return!1;break;case">":if(a[b.subject]>b.value)return!1;break;case"<":if(a[b.subject]<b.value)return!1;break;case"range":if(a[b.subject]>b.value.min&&a[b.subject]<b.value.max)return!1;break;case"!=":if(a[b.subject]!=b.value)return!1;break;case"~":if(new RegExp(b.value).test(a[b[subject]]))return!1;break;case"!~":if(!new RegExp(b.value).test(a[b[subject]]))return!1}return!0},this.beforeSend=function(a){var b=a.data.mode;if(null!=this.rulebook[b]){for(var c=0;c<this.rulebook[b].length;c++)if("width"==this.rulebook[b][c].subject||"height"==this.rulebook[b][c].subject)if("width"==this.rulebook[b][c].subject)switch(this.rulebook[b][c].operator){case">":if(this.rulebook[b][c].value<a.offsetWidth)return!1;break;case"<":if(this.rulebook[b][c].value>a.offsetWidth)return!1;break;case"range":if(this.rulebook[b][c].value.max>a.offsetWidth&&this.rulebook[b][c].min<a.offsetWidth)return!1;break;case"==":if(this.rulebook[b][c].value==a.offsetWidth)return!1}else switch(this.rulebook[b][c].operator){case">":if(this.rulebook[b][c].value<a.offsetHeight)return!1;break;case"<":if(this.rulebook[b][c].value>a.offsetHeight)return!1;break;case"range":if(this.rulebook[b][c].value.max>a.offsetHeight&&this.rulebook[b][c].min<a.offsetHeight)return!1;break;case"==":if(this.rulebook[b][c].value==a.offsetHeight)return!1}return!0}return!0},this.doValidate=function(a){if(!this.allowTypes[a.mode])return!1;var b={text:a.text,mode:a.mode,color:a.color,size:a.size,stime:a.stime,hash:a.hash};if(null!=this.rulebook[a.mode]&&this.rulebook[a.mode].length>0)for(var c=0;c<this.rulebook[a.mode];c++)if(!this.isMatchRule(b,this.rulebook[a.mode][c]))return!1;for(var c=0;c<this.rulebook[a.mode];c++)if(!this.isMatchRule(b,this.rulebook[a.mode][c]))return!1;return!0},this.addRule=function(a){switch(null==this.rulebook[a.mode+""]&&(this.rulebook[a.mode+""]=[]),a.operator){case"eq":case"equals":case"=":a.operator="==";break;case"ineq":a.operator="!=";break;case"regex":case"matches":a.operator="~";break;case"notmatch":case"iregex":a.operator="!~"}return this.rulebook[a.mode].push(a),this.rulebook[a.mode].length-1},this.addModifier=function(a){this.modifiers.push(a)},this.runtimeFilter=function(a){return null==this.runtime?a:this.runtime(a)},this.setRuntimeFilter=function(a){this.runtime=a}}function CommentSpaceAllocator(a,b){this.width=a,this.height=b,this.dur=4e3,this.pools=[[]],this.pool=this.pools[0],this.setBounds=function(a,b){this.width=a,this.height=b},this.add=function(a){a.height>=this.height?(a.cindex=this.pools.indexOf(this.pool),a.style.top="0px"):(a.cindex=this.pools.indexOf(this.pool),a.style.top=this.setY(a)+"px")},this.remove=function(a){var b=this.pools[a.cindex];b.remove(a)},this.validateCmt=function(a){return a.bottom=a.offsetTop+a.offsetHeight,a.y=a.offsetTop,a.x=a.offsetLeft,a.right=a.offsetLeft+a.offsetWidth,a.width&&a.height||(a.height=a.offsetHeight,a.width=a.offsetWidth),a.top=a.offsetTop,a.left=a.offsetLeft,a},this.setY=function(a,b){if(!b)var b=0;if(a=this.validateCmt(a),this.pools.length<=b&&this.pools.push([]),this.pool=this.pools[b],0==this.pool.length)return a.cindex=b,this.pool.push(a),0;if(this.vCheck(0,a))return this.pool.binsert(a,function(a,b){return a.bottom<b.bottom?-1:a.bottom==b.bottom?0:1}),a.cindex=b,a.y;for(var c=0,d=0;d<this.pool.length&&(c=this.pool[d].bottom+1,!(c+a.offsetHeight>this.height));d++)if(this.vCheck(c,a))return this.pool.binsert(a,function(a,b){return a.bottom<b.bottom?-1:a.bottom==b.bottom?0:1}),a.cindex=b,a.y;return this.setY(a,b+1)},this.vCheck=function(a,b){var c=a+b.height,d=b.x+b.width;this.validateCmt(b);for(var e=0;e<this.pool.length;e++)if(this.pool[e]=this.validateCmt(this.pool[e]),!(this.pool[e].y>c||this.pool[e].bottom<a)){if(this.pool[e].right<b.x||this.pool[e].x>d){if(this.getEnd(this.pool[e])<this.getMiddle(b))continue;return!1}return!1}return b.y=a,b.bottom=b.height+a,!0},this.getEnd=function(a){return a.stime+a.ttl},this.getMiddle=function(a){return a.stime+a.ttl/2}}function ScrollCommentSpaceAllocator(a,b){var c=new CommentSpaceAllocator(a,b);return c.add=function(a){a.height>=this.height?(a.cindex=this.pools.indexOf(this.pool),a.totop=0):(a.cindex=this.pools.indexOf(this.pool),a.totop=0,a.totop=this.setY(a))},c.validateCmt=function(a){return a.offsetTop=a.totop,a.offsetHeight=a.height,a.offsetWidth=a.width,a.offsetLeft=a.left,a.bottom=a.offsetTop+a.offsetHeight,a.y=a.offsetTop,a.x=a.offsetLeft,a.right=a.offsetLeft+a.offsetWidth,a.width&&a.height||(a.height=a.offsetHeight,a.width=a.offsetWidth),a.top=a.offsetTop,a.left=a.offsetLeft,a},c}function TopCommentSpaceAllocator(a,b){var c=new CommentSpaceAllocator(a,b);c.add=function(a){c.validateCmt(a),a.style.left=(c.width-a.width)/2+"px",a.height>=c.height?(a.cindex=c.pools.indexOf(c.pool),a.style.top="0px"):(a.cindex=c.pools.indexOf(c.pool),a.style.top=c.setY(a)+"px")},c.vCheck=function(a,b){for(var d=a+b.height,e=0;e<c.pool.length;e++){var f=c.validateCmt(c.pool[e]);if(!(f.y>d||f.bottom<a))return!1}return b.y=a,b.bottom=b.bottom+a,!0},this.setBounds=function(a,b){c.setBounds(a,b)},this.add=function(a){c.add(a)},this.remove=function(a){c.remove(a)}}function BottomCommentSpaceAllocator(a,b){var c=new CommentSpaceAllocator(a,b);c.add=function(a){a.style.top="",a.style.bottom="0px",c.validateCmt(a),a.style.left=(c.width-a.width)/2+"px",a.height>=c.height?(a.cindex=c.pools.indexOf(c.pool),a.style.bottom="0px"):(a.cindex=c.pools.indexOf(c.pool),a.style.bottom=c.setY(a)+"px")},c.validateCmt=function(a){return a.y=c.height-(a.offsetTop+a.offsetHeight),a.bottom=a.y+a.offsetHeight,a.x=a.offsetLeft,a.right=a.offsetLeft+a.offsetWidth,a.height=a.offsetHeight,a.width=a.offsetWidth,a.top=a.y,a.left=a.offsetLeft,a},c.vCheck=function(a,b){for(var d=a+b.height,e=0;e<c.pool.length;e++){var f=c.validateCmt(c.pool[e]);if(!(f.y>d||f.bottom<a))return!1}return b.y=a,b.bottom=b.bottom+a,!0},this.setBounds=function(a,b){c.setBounds(a,b)},this.add=function(a){c.add(a)},this.remove=function(a){c.remove(a)}}function ReverseCommentSpaceAllocator(a,b){var c=new CommentSpaceAllocator(a,b);c.vCheck=function(a,b){var c=a+b.height,d=b.x+b.width;this.validateCmt(b);for(var e=0;e<this.pool.length;e++){var f=this.validateCmt(this.pool[e]);if(!(f.y>c||f.bottom<a)){if(f.x>d||f.right<b.x){if(this.getEnd(f)<this.getMiddle(b))continue;return!1}return!1}}return b.y=a,b.bottom=b.height+a,!0},this.setBounds=function(a,b){c.setBounds(a,b)},this.add=function(a){c.add(a)},this.remove=function(a){c.remove(a)}}function BottomScrollCommentSpaceAllocator(a,b){var c=new CommentSpaceAllocator(a,b);c.validateCmt=function(a){return a.y=c.height-(a.offsetTop+a.offsetHeight),a.bottom=a.y+a.offsetHeight,a.x=a.offsetLeft,a.right=a.offsetLeft+a.offsetWidth,a.height=a.offsetHeight,a.width=a.offsetWidth,a.top=a.y,a.left=a.offsetLeft,a},c.add=function(a){a.style.top="",a.style.bottom="0px",c.validateCmt(a),a.style.left=c.width+"px",a.height>=c.height?(a.cindex=c.pools.indexOf(c.pool),a.style.bottom="0px"):(a.cindex=c.pools.indexOf(c.pool),a.style.bottom=c.setY(a)+"px")},this.setBounds=function(a,b){c.setBounds(a,b)},this.add=function(a){c.add(a)},this.remove=function(a){c.remove(a)}}function CommentManager(a){var b=0;this.stage=a,this.def={opacity:1,globalScale:1,scrollScale:1},this.timeline=[],this.runline=[],this.allowBuffer=!0,this.buffered=null,this.render=!1,this.position=0,this.limiter=0,this.filter=null,this.csa={scroll:new ScrollCommentSpaceAllocator(0,0),top:new TopCommentSpaceAllocator(0,0),bottom:new BottomCommentSpaceAllocator(0,0),reverse:new ReverseCommentSpaceAllocator(0,0),scrollbtm:new BottomScrollCommentSpaceAllocator(0,0)},this.stage.width=this.stage.offsetWidth,this.stage.height=this.stage.offsetHeight,this.canvas=document.createElement("canvas"),this.canvas.width=this.stage.width,this.stage.height=this.stage.height,this.stage.appendChild(this.canvas),this.ctx=this.canvas.getContext("2d"),this.onplay=!1,this.requestfresh=!1,requestAnimationFrame=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,this.bctx=[],this.getbufferid=function(){for(var a=0;a<this.bctx.length&&this.bctx[a].inuse!==!1;a++);return a===this.bctx.length&&(can=document.createElement("canvas"),ctx=can.getContext("2d"),ctx.inuse=!0,ctx.can=can,this.bctx.push(ctx)),this.bctx[a].inuse=!0,a},_CMthis=this,this.initCmt=function(a,b){return a.className="cmt",a.stime=b.stime,a.mode=b.mode,a.data=b,1===a.mode?a:(17===a.mode||(a.appendChild(document.createTextNode(b.text)),a.innerText=b.text,a.style.fontSize=b.size+"px"),null!=b.font&&""!=b.font&&(a.style.fontFamily=b.font),b.shadow===!1&&(a.className="cmt noshadow"),"#000000"!=b.color||!b.shadow&&null!=b.shadow||(a.className+=" rshadow"),null!=b.margin&&(a.style.margin=b.margin),null!=b.color&&(a.style.color=b.color),1!=this.def.opacity&&1==b.mode&&(a.style.opacity=this.def.opacity),null!=b.alphaFrom&&(a.style.opacity=b.alphaFrom),b.border&&(a.style.border="1px solid #00ffff"),a.ttl=Math.round(4e3*this.def.globalScale),a.dur=a.ttl,(1===a.mode||6===a.mode||2===a.mode)&&(a.ttl*=this.def.scrollScale,a.dur=a.ttl),a)},this.startTimer=function(){if(!(b>0)){this.onplay=!0;var a=(new Date).getTime(),c=this;b=window.setInterval(function(){var b=(new Date).getTime()-a;a=(new Date).getTime(),c.onTimerEvent(b,c,this.buffered?!0:!1)},10)}},this.stopTimer=function(){this.onplay=!1,window.clearInterval(b),b=0},this.onDraw=function(){if(_CMthis.onplay||_CMthis.requestfresh){for(_CMthis.ctx.clearRect(0,0,_CMthis.canvas.offsetWidth,_CMthis.canvas.offsetHeight),i=0;i<_CMthis.runline.length;i++)cmt=_CMthis.runline[i],1==cmt.mode&&_CMthis.bctx[cmt.bufferid].inuse===!0&&_CMthis.ctx.drawImage(_CMthis.bctx[cmt.bufferid].can,cmt.left,cmt.totop);_CMthis.requestfresh=!1}requestAnimationFrame(_CMthis.onDraw)},requestAnimationFrame(_CMthis.onDraw)}function AcfunParser(a){function b(a){for(;a.length<6;)a="0"+a;return a}var c=[];try{var d=JSON.parse(a)}catch(e){return console.log("Error: Could not parse json list!"),[]}for(var f=0;f<d.length;f++){var g={},h=d[f].c.split(",");if(h.length>0){if(g.stime=1e3*parseFloat(h[0]),g.color="#"+b(parseInt(h[1]).toString(16)),g.mode=parseInt(h[2]),g.size=parseInt(h[3]),g.hash=h[4],g.date=parseInt(h[5]),g.position="relative",7!=g.mode?(g.text=d[f].m.replace(/(\/n|\\n|\n|\r\n|\\r)/g,"\n"),g.text=g.text.replace(/\r/g,"\n"),g.text=g.text.replace(/\s/g," ")):g.text=d[f].m,7==g.mode){try{var i=JSON.parse(g.text)}catch(e){console.log("[Err] Error parsing internal data for comment"),console.log("[Dbg] "+g.text);continue}g.text=i.n,g.text=g.text.replace(/\ /g," "),console.log(g.text),null!=i.p?(g.x=i.p.x/1e3,g.y=i.p.y/1e3):(g.x=0,g.y=0),g.shadow=i.b,g.duration=4e3,null!=i.l&&(g.moveDelay=1e3*i.l),null!=i.z&&i.z.length>0&&(g.movable=!0,g.toX=i.z[0].x/1e3,g.toY=i.z[0].y/1e3,g.alphaTo=i.z[0].t,g.colorTo=i.z[0].c,g.moveDuration=null!=i.z[0].l?1e3*i.z[0].l:500,g.duration=g.moveDelay+g.moveDuration),null!=i.r&&null!=i.k&&(g.rX=i.r,g.rY=i.k),i.a&&(g.alphaFrom=i.a)}c.push(g)}}return c}function BilibiliParser(a,b,c){function d(a){for(;a.length<6;)a="0"+a;return a}function e(a){return a.replace(/\t/,"\\t")}if(null!==a)var f=a.getElementsByTagName("d");else{if(c){if(!confirm("XML Parse Error. \n Allow tag soup parsing?\n[WARNING: This is unsafe.]"))return[]}else b=b.replace(new RegExp("</([^d])","g"),"</disabled $1"),b=b.replace(new RegExp("</(S{2,})","g"),"</disabled $1"),b=b.replace(new RegExp("<([^d/]W*?)","g"),"<disabled $1"),b=b.replace(new RegExp("<([^/ ]{2,}W*?)","g"),"<disabled $1"),console.log(b);var g=document.createElement("div");g.innerHTML=b,console.log(g);var f=g.getElementsByTagName("d")}for(var h=[],i=0;i<f.length;i++)if(null!=f[i].getAttribute("p")){var j=f[i].getAttribute("p").split(",");if(!f[i].childNodes[0])continue;var b=f[i].childNodes[0].nodeValue,k={};if(k.stime=Math.round(parseFloat(1e3*j[0])),k.size=parseInt(j[2]),k.color="#"+d(parseInt(j[3]).toString(16)),k.mode=parseInt(j[1]),k.date=parseInt(j[4]),k.pool=parseInt(j[5]),k.position="absolute",null!=j[7]&&(k.dbid=parseInt(j[7])),k.hash=j[6],k.border=!1,k.mode<7)k.text=b.replace(/(\/n|\\n|\n|\r\n)/g,"\n");else if(7==k.mode)try{adv=JSON.parse(e(b)),k.shadow=!0,k.x=parseInt(adv[0]),k.y=parseInt(adv[1]),k.text=adv[4].replace(/(\/n|\\n|\n|\r\n)/g,"\n"),k.rZ=0,k.rY=0,adv.length>=7&&(k.rZ=parseInt(adv[5]),k.rY=parseInt(adv[6])),k.movable=!1,adv.length>=11&&(k.movable=!0,k.toX=adv[7],k.toY=adv[8],k.moveDuration=500,k.moveDelay=0,""!=adv[9]&&(k.moveDuration=adv[9]),""!=adv[10]&&(k.moveDelay=adv[10]),adv.length>11&&(k.shadow=adv[11],"true"===k.shadow&&(k.shadow=!0),"false"===k.shadow&&(k.shadow=!1),null!=adv[12]&&(k.font=adv[12]))),k.duration=2500,adv[3]<12&&(k.duration=1e3*adv[3]),k.alphaFrom=1,k.alphaTo=1;var g=adv[2].split("-");null!=g&&g.length>1&&(k.alphaFrom=parseFloat(g[0]),k.alphaTo=parseFloat(g[1]))}catch(l){console.log("[Err] Error occurred in JSON parsing"),console.log("[Dbg] "+b)}else 8==k.mode&&(k.code=b);null!=k.text&&(k.text=k.text.replace(/\u25a0/g,"█")),h.push(k)}return h}Array.prototype.remove=function(a){for(var b=0;b<this.length;b++)if(this[b]==a){this.splice(b,1);break}},Array.prototype.bsearch=function(a,b){if(0==this.length)return 0;if(b(a,this[0])<0)return 0;if(b(a,this[this.length-1])>=0)return this.length;for(var c=0,d=0,e=0,f=this.length-1;f>=c;){if(d=Math.floor((f+c+1)/2),e++,b(a,this[d-1])>=0&&b(a,this[d])<0)return d;b(a,this[d-1])<0?f=d-1:b(a,this[d])>=0?c=d:console.error("Program Error"),e>1500&&console.error("Too many run cycles.")}return-1},Array.prototype.binsert=function(a,b){this.splice(this.bsearch(a,b),0,a)},CommentManager.prototype.seek=function(a){this.position=this.timeline.bsearch(a,function(a,b){return a<b.stime?-1:a>b.stime?1:0})},CommentManager.prototype.validate=function(a){return null==a?!1:this.filter.doValidate(a)},CommentManager.prototype.load=function(a){this.timeline=a,this.timeline.sort(function(a,b){return a.stime>b.stime?2:a.stime<b.stime?-2:a.date>b.date?1:a.date<b.date?-1:null!=a.dbid&&null!=b.dbid?a.dbid>b.dbid?1:a.dbid<b.dbid?-1:0:0})},CommentManager.prototype.preload=function(a){if(1===a.mode){if(a.ctxfont=a.size+"px SimHei",null!=a.font&&""!=a.font&&(a.ctxfont=a.size+"px "+a.font),this.ctx.font=a.ctxfont,text=a.text.split("\n"),text.length<3)a.height=a.size+3,a.width=this.ctx.measureText(text[0]).width;else{a.height=(a.size+3)*text.length,a.multiline=!0,a.multitext=text,a.textlength=0;for(var b=0;b<text.length;b++)this.ctx.measureText(text[b]).width>a.textlength&&(a.textlength=this.ctx.measureText(text[b]).width);a.width=a.textlength}a.hold=0}},CommentManager.prototype.clear=function(){for(var a=0;a<this.runline.length;a++)this.finish(this.runline[a]),1!==this.runline[a].mode?this.stage.removeChild(this.runline[a]):this.bctx[this.runline[a].bufferid].inuse=!1;this.runline=[]},CommentManager.prototype.setBounds=function(){for(var a in this.csa)this.csa[a].setBounds(this.stage.offsetWidth,this.stage.offsetHeight);this.stage.width=this.stage.offsetWidth,this.stage.height=this.stage.offsetHeight,this.stage.style.perspective=this.stage.width*Math.tan(40*Math.PI/180)/2+"px",this.stage.style.webkitPerspective=this.stage.width*Math.tan(40*Math.PI/180)/2+"px",this.canvas.width=this.stage.offsetWidth,this.canvas.height=this.stage.offsetHeight,this.requestfresh=!0},CommentManager.prototype.init=function(){this.setBounds(),null==this.filter&&(this.filter=new CommentFilter)},CommentManager.prototype.time=function(a){if(a-=1,this.position>=this.timeline.length||Math.abs(this.lastPos-a)>=500){if(this.seek(a),this.lastPos=a,this.timeline.length<=this.position)return}else this.lastPos=a;for(var b=this.buffered?!1:!0;this.position<this.timeline.length&&!(this.limiter>0&&this.runline.length>this.limiter)&&(this.validate(this.timeline[this.position])&&this.timeline[this.position].stime<=a);this.position++)this.buffer(),this.sendComment(this.timeline[this.position]);b&&this.flush()},CommentManager.prototype.buffer=function(){this.buffered||(this.buffered=[])},CommentManager.prototype.flush=function(){if(this.buffered){for(var a=document.createDocumentFragment(),b=0;b<this.buffered.length;b++)this.buffered[b].style.visibility="hidden",a.appendChild(this.buffered[b]);this.stage.appendChild(a);for(var b=0;b<this.buffered.length;b++)this.buffered[b].width=this.buffered[b].offsetWidth,this.buffered[b].height=this.buffered[b].offsetHeight,this.allocate(this.buffered[b]),this.buffered[b].style.visibility="visible";this.buffered=null}},CommentManager.prototype.rescale=function(){for(var a=0;a<this.runline.length;a++)this.runline[a].dur=Math.round(this.runline[a].dur*this.def.globalScale),this.runline[a].ttl=Math.round(this.runline[a].ttl*this.def.globalScale)},CommentManager.prototype.allocate=function(a){var b=a.data;switch(a.mode){default:case 1:break;case 2:this.csa.scrollbtm.add(a);break;case 4:this.csa.bottom.add(a);break;case 5:this.csa.top.add(a);break;case 6:this.csa.reverse.add(a);break;case 17:case 7:if("relative"!==a.data.position?(a.style.top=a.data.y+"px",a.style.left=a.data.x+"px"):(a.style.top=a.data.y*this.stage.height+"px",a.style.left=a.data.x*this.stage.width+"px"),a.ttl=Math.round(b.duration*this.def.globalScale),a.dur=Math.round(b.duration*this.def.globalScale),0!==b.rY||0!==b.rZ){var c=function(a,b){for(var c=Math.PI/180,d=a*c,e=b*c,f=Math.cos,g=Math.sin,h=[f(d)*f(e),f(d)*g(e),g(d),0,-g(e),f(e),0,0,-g(d)*f(e),-g(d)*g(e),f(d),0,0,0,0,1],i=0;i<h.length;i++)Math.abs(h[i])<1e-6&&(h[i]=0);return"matrix3d("+h.join(",")+")"};a.style.transformOrigin="0% 0%",a.style.webkitTransformOrigin="0% 0%",a.style.OTransformOrigin="0% 0%",a.style.MozTransformOrigin="0% 0%",a.style.MSTransformOrigin="0% 0%",a.style.transform=c(b.rY,b.rZ),a.style.webkitTransform=c(b.rY,b.rZ),a.style.OTransform=c(b.rY,b.rZ),a.style.MozTransform=c(b.rY,b.rZ),a.style.MSTransform=c(b.rY,b.rZ)}}},CommentManager.prototype.sendComment=function(a){if(8===a.mode)return console.log(a),void(this.scripting&&console.log(this.scripting.eval(a.code)));if(1===a.mode){if(this.preload(a),c=a,c.ttl=Math.round(4e3*this.def.globalScale),c.dur=c.ttl,c.ttl*=this.def.scrollScale,c.dur=c.ttl,c.left=this.stage.width,c.bufferid=this.getbufferid(),i=c.bufferid,this.bctx[i].can.width=c.width+2,this.bctx[i].can.height=c.height+2,this.bctx[i].textBaseline="top",this.bctx[i].font=c.ctxfont,this.bctx[i].fillStyle=c.color,this.bctx[i].lineWidth=2,this.bctx[i].strokeStyle="#000000",this.bctx[i].strokeText(c.text,1,1),c.multiline===!0)for(var b=0;b<c.multitext.length;b++)this.bctx[i].strokeText(c.multitext[b],1,1+b*c.height/c.multitext.length),this.bctx[i].fillText(c.multitext[b],1,1+b*c.height/c.multitext.length);else this.bctx[i].fillText(c.text,1,1);return this.csa.scroll.add(c),void this.runline.push(c)}var c=document.createElement("div");if(null==this.filter||(a=this.filter.doModify(a),null!=a))return c=this.initCmt(c,a),c.style.left=this.stage.width+"px",this.runline.push(c),this.buffered&&this.allowBuffer?void this.buffered.push(c):(this.stage.appendChild(c),c.width=c.offsetWidth,c.height=c.offsetHeight,null==this.filter||this.filter.beforeSend(c)?void this.allocate(c):(this.stage.removeChild(c),void(c=null)))},CommentManager.prototype.finish=function(a){switch(a.mode){default:case 1:this.bctx[a.bufferid].inuse=!1,this.csa.scroll.remove(a);break;case 2:this.csa.scrollbtm.remove(a);break;case 4:this.csa.bottom.remove(a);break;case 5:this.csa.top.remove(a);break;case 6:this.csa.reverse.remove(a);break;case 7:}},CommentManager.prototype.onTimerEvent=function(a,b,c){for(var d=0;d<b.runline.length;d++){var e=b.runline[d];if(!e.hold&&(e.ttl-=a,!c)){if(1==e.mode)e.left=e.ttl/e.dur*(b.stage.width+e.width)-e.width;else if(2==e.mode)e.left=e.ttl/e.dur*(b.stage.width+e.width)-e.width+"px";else if(6==e.mode)e.style.left=(1-e.ttl/e.dur)*(b.stage.width+e.width)-e.width+"px";else if((4==e.mode||5==e.mode||e.mode>=7)&&(null==e.dur&&(e.dur=4e3),null!=e.data.alphaFrom&&null!=e.data.alphaTo&&(e.style.opacity=(e.data.alphaFrom-e.data.alphaTo)*(e.ttl/e.dur)+e.data.alphaTo),7==e.mode&&e.data.movable)){var f=Math.min(Math.max(e.dur-e.data.moveDelay-e.ttl,0),e.data.moveDuration)/e.data.moveDuration;"relative"!==e.data.position?(e.style.top=(e.data.toY-e.data.y)*f+e.data.y+"px",e.style.left=(e.data.toX-e.data.x)*f+e.data.x+"px"):(e.style.top=((e.data.toY-e.data.y)*f+e.data.y)*b.stage.height+"px",e.style.left=((e.data.toX-e.data.x)*f+e.data.x)*b.stage.width+"px")}null!=b.filter&&(e=b.filter.runtimeFilter(e)),e.ttl<=0&&(1!==e.mode&&b.stage.removeChild(e),b.runline.splice(d,1),b.finish(e))}}};
\ No newline at end of file
diff --git a/package.json b/package.json
index 842c2ab..9908ada 100644
--- a/package.json
+++ b/package.json
@@ -5,19 +5,18 @@
     "url": "https://github.com/jabbany/CommentCoreLibrary/issues",
     "email": "knh.jabbany@gmail.com"
   },
-  "license":"MIT",
+  "license": "MIT",
   "version": "0.9.0",
   "devDependencies": {
-    "grunt": "~0.4.1",
-    "grunt-typescript":     "~0.3.0",
-    "grunt-autoprefixer":   "~0.8.0",
-    "grunt-contrib-clean":  "~0.5.0",
-    "grunt-contrib-copy":   "~0.5.0",
-    "grunt-contrib-watch":  "~0.6.0",
+    "grunt": "^0.4.5",
+    "grunt-autoprefixer": "~0.8.0",
+    "grunt-contrib-clean": "~0.5.0",
     "grunt-contrib-concat": "~0.4.0",
+    "grunt-contrib-copy": "~0.5.0",
     "grunt-contrib-cssmin": "~0.10.0",
     "grunt-contrib-uglify": "~0.5.0",
-    "load-grunt-tasks":     "~0.6.0"
+    "grunt-contrib-watch": "~0.6.0",
+    "grunt-typescript": "~0.3.0",
+    "load-grunt-tasks": "~0.6.0"
   }
 }
-
diff --git a/params.json b/params.json
new file mode 100644
index 0000000..647f37d
--- /dev/null
+++ b/params.json
@@ -0,0 +1 @@
+{"name":"Commentcorelibrary","tagline":"Javascript Live Comment (Danmaku) Engine Implementation. JS弹幕模块核心，提供从基本骨架到高级弹幕的支持。","body":"### Welcome to GitHub Pages.\r\nThis automatic page generator is the easiest way to create beautiful pages for all of your projects. Author your page content here using GitHub Flavored Markdown, select a template crafted by a designer, and publish. After your page is generated, you can check out the new branch:\r\n\r\n```\r\n$ cd your_repo_root/repo_name\r\n$ git fetch origin\r\n$ git checkout gh-pages\r\n```\r\n\r\nIf you're using the GitHub for Mac, simply sync your repository and you'll see the new branch.\r\n\r\n### Designer Templates\r\nWe've crafted some handsome templates for you to use. Go ahead and continue to layouts to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved if it remained markdown format.\r\n\r\n### Rather Drive Stick?\r\nIf you prefer to not use the automatic generator, push a branch named `gh-pages` to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator written by our own Tom Preston-Werner. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.\r\n\r\n### Authors and Contributors\r\nYou can @mention a GitHub username to generate a link to their profile. The resulting `<a>` element will link to the contributor's GitHub Profile. For example: In 2007, Chris Wanstrath (@defunkt), PJ Hyett (@pjhyett), and Tom Preston-Werner (@mojombo) founded GitHub.\r\n\r\n### Support or Contact\r\nHaving trouble with Pages? Check out the documentation at http://help.github.com/pages or contact support@github.com and we’ll help you sort it out.\r\n","google":"","note":"Don't delete this file! It's used internally to help with page regeneration."}
\ No newline at end of file
diff --git a/src/CommentCoreLibrary.js b/src/CommentCoreLibrary.js
index 959c45e..ed63d65 100644
--- a/src/CommentCoreLibrary.js
+++ b/src/CommentCoreLibrary.js
@@ -1,14 +1,14 @@
 /******
-* Comment Core For HTML5 VideoPlayers
-* Author : Jim Chen
-* Licensing : MIT License
-******/
+ * Comment Core For HTML5 VideoPlayers
+ * Author : Jim Chen
+ * Licensing : MIT License
+ ******/
 Array.prototype.remove = function(obj){
 	for(var a = 0; a < this.length;a++)
-		if(this[a] == obj){
-			this.splice(a,1);
-			break;
-		}
+	  if(this[a] == obj){
+		  this.splice(a,1);
+		  break;
+	  }
 };
 Array.prototype.bsearch = function(what,how){
 	if(this.length == 0) return 0;
@@ -28,7 +28,7 @@ Array.prototype.bsearch = function(what,how){
 		}else if(how(what,this[i])>=0){
 			low = i;
 		}else
-			console.error('Program Error');
+		  console.error('Program Error');
 		if(count > 1500) console.error('Too many run cycles.');
 	}
 	return -1;
@@ -54,7 +54,7 @@ function CommentManager(stageObject){
 	this.limiter = 0;
 	this.filter = null;
 	this.csa = {
-		scroll: new CommentSpaceAllocator(0,0),
+		scroll: new  ScrollCommentSpaceAllocator(0,0),
 		top:new TopCommentSpaceAllocator(0,0),
 		bottom:new BottomCommentSpaceAllocator(0,0),
 		reverse:new ReverseCommentSpaceAllocator(0,0),
@@ -63,35 +63,65 @@ function CommentManager(stageObject){
 	/** Precompute the offset width **/
 	this.stage.width = this.stage.offsetWidth;
 	this.stage.height= this.stage.offsetHeight;
+	//Main Canvas
+	this.canvas = document.createElement("canvas");
+	this.canvas.width = this.stage.width;
+	this.stage.height = this.stage.height;
+	this.stage.appendChild(this.canvas);
+	this.ctx = this.canvas.getContext('2d');
+	this.onplay=false;
+	this.requestfresh=false;
+	requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame ||window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
+	//ctxbuffer
+	this.bctx=[];
+	//Get the buffer id.	
+	this.getbufferid = function(){
+		for(var i=0 ; i<this.bctx.length ; i++)
+		  if(this.bctx[i].inuse===false)
+			break;
+		if(i===this.bctx.length){
+			can=document.createElement("canvas");
+			ctx=can.getContext('2d');
+			ctx.inuse=true;
+			ctx.can=can;
+			this.bctx.push(ctx);
+		}
+		this.bctx[i].inuse=true;
+		return i;
+	}
+	_CMthis=this;
 	/** Private **/
 	this.initCmt = function(cmt,data){
 		cmt.className = 'cmt';
 		cmt.stime = data.stime;
 		cmt.mode = data.mode;
 		cmt.data = data;
+		if(cmt.mode === 1){
+			return cmt;
+		}
 		if(cmt.mode === 17){
-			
+
 		}else{
 			cmt.appendChild(document.createTextNode(data.text));
 			cmt.innerText = data.text;
 			cmt.style.fontSize = data.size + "px";
 		}
 		if(data.font != null && data.font != '')
-			cmt.style.fontFamily = data.font;
+		  cmt.style.fontFamily = data.font;
 		if(data.shadow === false)
-			cmt.className = 'cmt noshadow';
+		  cmt.className = 'cmt noshadow';
 		if(data.color == "#000000" && (data.shadow || data.shadow == null))
-			cmt.className += ' rshadow';
+		  cmt.className += ' rshadow';
 		if(data.margin != null)
-			cmt.style.margin = data.margin;
+		  cmt.style.margin = data.margin;
 		if(data.color != null)
-			cmt.style.color = data.color;
+		  cmt.style.color = data.color;
 		if(this.def.opacity != 1 && data.mode == 1)
-			cmt.style.opacity = this.def.opacity;
+		  cmt.style.opacity = this.def.opacity;
 		if(data.alphaFrom != null)
-			cmt.style.opacity = data.alphaFrom;
+		  cmt.style.opacity = data.alphaFrom;
 		if(data.border)
-			cmt.style.border = "1px solid #00ffff";
+		  cmt.style.border = "1px solid #00ffff";
 		cmt.ttl = Math.round(4000 * this.def.globalScale);
 		cmt.dur = cmt.ttl;
 		if(cmt.mode === 1 || cmt.mode === 6 || cmt.mode === 2){
@@ -102,7 +132,8 @@ function CommentManager(stageObject){
 	};
 	this.startTimer = function(){
 		if(__timer > 0)
-			return;
+		  return;
+		this.onplay=true;
 		var lastTPos = new Date().getTime();
 		var cmMgr = this;
 		__timer = window.setInterval(function(){
@@ -112,11 +143,27 @@ function CommentManager(stageObject){
 		},10);
 	};
 	this.stopTimer = function(){
+		this.onplay=false;
 		window.clearInterval(__timer);
 		__timer = 0;
 	};
+	this.onDraw = function(){
+		if(_CMthis.onplay||_CMthis.requestfresh){
+			_CMthis.ctx.clearRect(0,0,_CMthis.canvas.offsetWidth,_CMthis.canvas.offsetHeight);
+			for(i=0;i<_CMthis.runline.length;i++){
+				cmt=_CMthis.runline[i];
+				if(cmt.mode==1){
+					if(_CMthis.bctx[cmt.bufferid].inuse===true)
+					  _CMthis.ctx.drawImage(_CMthis.bctx[cmt.bufferid].can,cmt.left,cmt.totop);
+				}
+			}
+			_CMthis.requestfresh=false;
+		}
+		requestAnimationFrame(_CMthis.onDraw);
+	}
+	requestAnimationFrame(_CMthis.onDraw);
 }
-	
+
 /** Public **/
 CommentManager.prototype.seek = function(time){
 	this.position = this.timeline.bsearch(time,function(a,b){
@@ -127,7 +174,7 @@ CommentManager.prototype.seek = function(time){
 };
 CommentManager.prototype.validate = function(cmt){
 	if(cmt == null)
-		return false;
+	  return false;
 	return this.filter.doValidate(cmt);
 };
 CommentManager.prototype.load = function(a){
@@ -143,16 +190,48 @@ CommentManager.prototype.load = function(a){
 				else if(a.dbid < b.dbid) return -1;
 				return 0;
 			}else
-				return 0;
+		return 0;
 		}
 	});
 };
+
+CommentManager.prototype.preload = function (cmt)
+{
+	if(cmt.mode!==1)return;	
+	cmt.ctxfont = cmt.size + "px " + "SimHei";
+	if(cmt.font != null && cmt.font != '')
+	  cmt.ctxfont = cmt.size + "px " + cmt.font;
+	//caculate width and height
+	this.ctx.font=cmt.ctxfont;
+	text = cmt.text.split('\n');
+	if(text.length < 3){
+		cmt.height=cmt.size+3;
+		cmt.width=this.ctx.measureText(text[0]).width;
+	}else{
+		cmt.height=(cmt.size+3)*text.length;
+		cmt.multiline=true;
+		cmt.multitext=text;
+		cmt.textlength = 0;
+		for(var p = 0; p < text.length; p++ ){
+			if(this.ctx.measureText(text[p]).width > cmt.textlength){
+				cmt.textlength = this.ctx.measureText(text[p]).width;
+			}
+		}
+		cmt.width = cmt.textlength;
+	}
+	cmt.hold = 0;
+}
+
 CommentManager.prototype.clear = function(){
 	for(var i=0;i<this.runline.length;i++){
 		this.finish(this.runline[i]);
-		this.stage.removeChild(this.runline[i]);
+		if(this.runline[i].mode !==1 )
+		  this.stage.removeChild(this.runline[i]);
+		else
+		  this.bctx[this.runline[i].bufferid].inuse=false;
 	}
 	this.runline = [];
+
 };
 CommentManager.prototype.setBounds = function(){
 	for(var comAlloc in this.csa){
@@ -163,19 +242,22 @@ CommentManager.prototype.setBounds = function(){
 	// Update 3d perspective
 	this.stage.style.perspective = this.stage.width * Math.tan(40 * Math.PI/180) / 2 + "px";
 	this.stage.style.webkitPerspective = this.stage.width * Math.tan(40 * Math.PI/180) / 2 + "px";
+	this.canvas.width = this.stage.offsetWidth;
+	this.canvas.height = this.stage.offsetHeight;
+	this.requestfresh=true;
 };
 CommentManager.prototype.init = function(){
 	this.setBounds();
 	if(this.filter == null)
-		this.filter = new CommentFilter(); //Only create a filter if none exist
+	  this.filter = new CommentFilter(); //Only create a filter if none exist
 };
 CommentManager.prototype.time = function(time){
 	time = time - 1;
-	if(this.position >= this.timeline.length || Math.abs(this.lastPos - time) >= 2000){
+	if(this.position >= this.timeline.length || Math.abs(this.lastPos - time) >= 500){
 		this.seek(time);
 		this.lastPos = time;
 		if(this.timeline.length <= this.position)
-			return;
+		  return;
 	}else{
 		this.lastPos = time;
 	}
@@ -190,15 +272,15 @@ CommentManager.prototype.time = function(time){
 		}
 	}
 	if(doFlush)
-		this.flush();
+	  this.flush();
 };
 CommentManager.prototype.buffer = function(){
 	if(!this.buffered)
-		this.buffered = [];
+	  this.buffered = [];
 };
 CommentManager.prototype.flush = function(){
 	if(!this.buffered)
-		return;
+	  return;
 	var fragment = document.createDocumentFragment();
 	for(var i = 0; i < this.buffered.length; i++){
 		this.buffered[i].style.visibility = "hidden";
@@ -207,7 +289,7 @@ CommentManager.prototype.flush = function(){
 	this.stage.appendChild(fragment);
 	for(var i = 0; i < this.buffered.length; i++){
 		this.buffered[i].width = this.buffered[i].offsetWidth;
-		this.buffered[i].height = this.buffered[i].offsetWidth;
+		this.buffered[i].height = this.buffered[i].offsetHeight;
 		this.allocate(this.buffered[i]);
 		this.buffered[i].style.visibility = "visible";
 	}
@@ -223,7 +305,7 @@ CommentManager.prototype.allocate = function(cmt){
 	var data = cmt.data;
 	switch(cmt.mode){
 		default:
-		case 1:{this.csa.scroll.add(cmt);}break;
+		case 1: break;
 		case 2:{this.csa.scrollbtm.add(cmt);}break;
 		case 4:{this.csa.bottom.add(cmt);}break;
 		case 5:{this.csa.top.add(cmt);}break;
@@ -253,7 +335,7 @@ CommentManager.prototype.allocate = function(cmt){
 						(-SIN(zr))           , COS(zr)               , 0        , 0, 
 						(-SIN(yr) * COS(zr)) , (-SIN(yr) * SIN(zr))  , COS(yr)  , 0,
 						0                    , 0                     , 0        , 1
-					];
+							];
 					// CSS does not recognize scientific notation (e.g. 1e-6), truncating it.
 					for(var i = 0; i < matrix.length;i++){
 						if(Math.abs(matrix[i]) < 0.000001){
@@ -285,6 +367,40 @@ CommentManager.prototype.sendComment = function(data){
 		}
 		return;
 	}
+	if(data.mode === 1){
+		this.preload(data);
+		cmt=data;
+		cmt.ttl = Math.round(4000 * this.def.globalScale);
+		cmt.dur = cmt.ttl;
+		cmt.ttl *= this.def.scrollScale;
+		cmt.dur = cmt.ttl;
+		cmt.left = this.stage.width;
+		cmt.bufferid=this.getbufferid();
+		i=cmt.bufferid;
+		this.bctx[i].can.width=cmt.width+2;
+		this.bctx[i].can.height=cmt.height+2;
+		this.bctx[i].textBaseline = "top";
+		//_CMthis.pctx.shadowBlur=2;
+		//_CMthis.pctx.shadowColor="black";
+		this.bctx[i].font=cmt.ctxfont;
+		this.bctx[i].fillStyle=cmt.color;
+		if(cmt.border||true){
+			this.bctx[i].lineWidth = 2;
+			this.bctx[i].strokeStyle="#000000";
+			this.bctx[i].strokeText(cmt.text,1,1);
+		}
+		if(cmt.multiline===true){
+			for(var k=0;k<cmt.multitext.length;k++){
+				this.bctx[i].strokeText(cmt.multitext[k],1,1+k*cmt.height/cmt.multitext.length);
+				this.bctx[i].fillText(cmt.multitext[k],1,1+k*cmt.height/cmt.multitext.length);
+			}
+		}else
+		  this.bctx[i].fillText(cmt.text,1,1);
+		this.csa.scroll.add(cmt);
+		this.runline.push(cmt);
+		return;
+	}
+
 	var cmt = document.createElement('div');
 	if(this.filter != null){
 		data = this.filter.doModify(data);
@@ -292,7 +408,7 @@ CommentManager.prototype.sendComment = function(data){
 	}
 	cmt = this.initCmt(cmt,data);
 	cmt.style.left = this.stage.width + "px";
-	
+
 	this.runline.push(cmt);
 	if(this.buffered && this.allowBuffer){
 		this.buffered.push(cmt);
@@ -310,12 +426,12 @@ CommentManager.prototype.sendComment = function(data){
 		}
 		this.allocate(cmt);
 	}
-	
+
 };
 CommentManager.prototype.finish = function(cmt){
 	switch(cmt.mode){
 		default:
-		case 1:{this.csa.scroll.remove(cmt);}break;
+		case 1:{this.bctx[cmt.bufferid].inuse=false;this.csa.scroll.remove(cmt);}break;
 		case 2:{this.csa.scrollbtm.remove(cmt);}break;
 		case 4:{this.csa.bottom.remove(cmt);}break;
 		case 5:{this.csa.top.remove(cmt);}break;
@@ -332,21 +448,23 @@ CommentManager.prototype.onTimerEvent = function(timePassed,cmObj,norender){
 		}
 		cmt.ttl -= timePassed;
 		if(norender)
-			continue;
-		if(cmt.mode == 1 || cmt.mode == 2) {
-			cmt.style.left = (cmt.ttl / cmt.dur) * (cmObj.stage.width + cmt.width) - cmt.width + "px";
+		  continue;
+		if(cmt.mode == 1){
+			cmt.left = (cmt.ttl / cmt.dur) * (cmObj.stage.width + cmt.width) - cmt.width ;
+		}else if(cmt.mode == 2) {
+			cmt.left = (cmt.ttl / cmt.dur) * (cmObj.stage.width + cmt.width) - cmt.width + "px";
 		}else if(cmt.mode == 6) {
 			cmt.style.left = (1 - cmt.ttl / cmt.dur) * (cmObj.stage.width + cmt.width) - cmt.width + "px";
 		}else if(cmt.mode == 4 || cmt.mode == 5 || cmt.mode >= 7){
 			if(cmt.dur == null)
-				cmt.dur = 4000;
+			  cmt.dur = 4000;
 			if(cmt.data.alphaFrom != null && cmt.data.alphaTo != null){
 				cmt.style.opacity = (cmt.data.alphaFrom - cmt.data.alphaTo) * 
 					(cmt.ttl/cmt.dur) + cmt.data.alphaTo;
 			}
 			if(cmt.mode == 7 && cmt.data.movable){
 				var posT = Math.min(Math.max(cmt.dur - cmt.data.moveDelay - cmt.ttl,0),
-					cmt.data.moveDuration) / cmt.data.moveDuration;
+							cmt.data.moveDuration) / cmt.data.moveDuration;
 				if(cmt.data.position !== "relative"){
 					cmt.style.top = ((cmt.data.toY - cmt.data.y) * posT + cmt.data.y) + "px";
 					cmt.style.left= ((cmt.data.toX - cmt.data.x) * posT + cmt.data.x) + "px";
@@ -360,7 +478,8 @@ CommentManager.prototype.onTimerEvent = function(timePassed,cmObj,norender){
 			cmt = cmObj.filter.runtimeFilter(cmt);
 		}
 		if(cmt.ttl <= 0){
-			cmObj.stage.removeChild(cmt);
+			if(cmt.mode !== 1 )
+			  cmObj.stage.removeChild(cmt);
 			cmObj.runline.splice(i,1);//remove the comment
 			cmObj.finish(cmt);
 		}
diff --git a/src/CommentSpaceAllocator.js b/src/CommentSpaceAllocator.js
index 34d62f3..a2297a3 100644
--- a/src/CommentSpaceAllocator.js
+++ b/src/CommentSpaceAllocator.js
@@ -1,8 +1,8 @@
 /** 
-Comment Space Allocators Classes
-Licensed Under MIT License
-You may create your own.
-**/
+  Comment Space Allocators Classes
+  Licensed Under MIT License
+  You may create your own.
+ **/
 function CommentSpaceAllocator(w,h){
 	this.width = w;
 	this.height = h;
@@ -38,24 +38,26 @@ function CommentSpaceAllocator(w,h){
 	};
 	this.setY = function(cmt,index){
 		if(!index)
-			var index = 0;
+		  var index = 0;
 		cmt = this.validateCmt(cmt);
 		if(this.pools.length <= index){
 			this.pools.push([]);
 		}
 		this.pool = this.pools[index];
 		if(this.pool.length == 0){
+			cmt.cindex=index;
 			this.pool.push(cmt);	
 			return 0;
 		}
 		else if(this.vCheck(0,cmt)){
 			this.pool.binsert(cmt,function(a,b){
-					if(a.bottom < b.bottom){
-						return -1;
-					}else if (a.bottom == b.bottom){
-						return 0;
-					}else{return 1;}
-				});
+				if(a.bottom < b.bottom){
+					return -1;
+				}else if (a.bottom == b.bottom){
+					return 0;
+				}else{return 1;}
+			});
+			cmt.cindex=index;
 			return cmt.y;
 		}
 		var y=0;
@@ -72,6 +74,7 @@ function CommentSpaceAllocator(w,h){
 						return 0;
 					}else{return 1;}
 				});
+				cmt.cindex=index;
 				return cmt.y;
 			}
 		}
@@ -84,12 +87,12 @@ function CommentSpaceAllocator(w,h){
 		for(var i=0;i<this.pool.length;i++){
 			this.pool[i] = this.validateCmt(this.pool[i]);
 			if(this.pool[i].y > bottom || this.pool[i].bottom < y)
-				continue;
+			  continue;
 			else if(this.pool[i].right < cmt.x || this.pool[i].x > right){
 				if(this.getEnd(this.pool[i]) < this.getMiddle(cmt))
-					continue;
+				  continue;
 				else
-					return false;
+				  return false;
 			}else{
 				return false;}
 		}
@@ -104,6 +107,37 @@ function CommentSpaceAllocator(w,h){
 		return cmt.stime + (cmt.ttl / 2);
 	};
 }
+function ScrollCommentSpaceAllocator(w,h){
+	var csa = new CommentSpaceAllocator(w,h);
+	csa.add = function(cmt){
+		if(cmt.height >= this.height){
+			cmt.cindex = this.pools.indexOf(this.pool);
+			cmt.totop = 0;
+		}else{
+			cmt.cindex = this.pools.indexOf(this.pool);
+			cmt.totop = 0;
+			cmt.totop = this.setY(cmt);
+		}
+	};  
+	csa.validateCmt = function(cmt){
+		cmt.offsetTop=cmt.totop;
+		cmt.offsetHeight=cmt.height;
+		cmt.offsetWidth=cmt.width;
+		cmt.offsetLeft=cmt.left;
+		cmt.bottom = cmt.offsetTop + cmt.offsetHeight;
+		cmt.y = cmt.offsetTop;
+		cmt.x = cmt.offsetLeft;
+		cmt.right = cmt.offsetLeft + cmt.offsetWidth;
+		if(!cmt.width || !cmt.height){
+			cmt.height = cmt.offsetHeight;
+			cmt.width = cmt.offsetWidth;
+		}
+		cmt.top = cmt.offsetTop;
+		cmt.left = cmt.offsetLeft;
+		return cmt;
+	}; 
+	return csa;
+}
 function TopCommentSpaceAllocator(w,h){
 	var csa = new CommentSpaceAllocator(w,h);
 	csa.add = function (cmt){
@@ -188,12 +222,12 @@ function ReverseCommentSpaceAllocator(w,h){
 		for(var i=0;i<this.pool.length;i++){
 			var c = this.validateCmt(this.pool[i]);
 			if(c.y > bottom || c.bottom < y)
-				continue;
+			  continue;
 			else if(c.x > right || c.right < cmt.x){
 				if(this.getEnd(c) < this.getMiddle(cmt))
-					continue;
+				  continue;
 				else
-					return false;
+				  return false;
 			}else{
 				return false;}
 		}
diff --git a/src/scripting/Unpacker.js b/src/scripting/Unpacker.js
old mode 100644
new mode 100755