修复频率直方图bug。 测试demo添加视频播放测试 xiangyuecn#84

index.html

@@ -337,6 +337,17 @@
 	Audio对录音的影响测试（<a href="https://github.com/xiangyuecn/Recorder/issues/34">issues#34</a>）；IOS Safari如果未开始过录音并且播放了音乐，然后后续录音将会有问题；再现方法(<a href="https://xiangyuecn.github.io/Recorder/assets/ztest_apple_developer_forums_getusermedia.html">test apple developer forums</a>)：刷新页面后首先先播放音乐，然后开始测试录音，会发现波形显示掉帧或者保持直线。另测试浏览器对音频的支持情况。
 </div>
 
+<div class="mainBox">
+	<span class="lb">视频播放测试 :</span>
+	<button onclick="$('.videoTest').show().html('<video controls src=\'assets/audio/movie-sexy-rabbit-baby.mp4\' style=\'width:240px;height:160px\'></'+'video>').find('video')[0].play()">播放mp4</button>
+
+	Video对录音的影响测试（<a href="https://github.com/xiangyuecn/Recorder/issues/84">issues#84</a>）；IOS Safari可能出现先播放视频，然后再开始录音，会自动播放视频的声音。
+	<button onclick="$('.videoTest').show()">显示video</button>
+	<button onclick="$('.videoTest').hide()">隐藏video</button>
+	<button onclick="$('.videoTest').html('')">移除video</button>
+	<div class="videoTest"></div>
+</div>
+
 <div class="mainBox">
 	<span class="lb">浏览器环境情况 :</span>
 	<pre class="recinfoCode">

src/extensions/frequency.histogram.view.js

@@ -267,8 +267,8 @@ fn.prototype=FrequencyHistogramView.prototype={
 		//绘制柱子
 		var minHeight=set.minHeight*scale;
 		var mirrorSubX=spaceFloat+lineWidth/2;
-		var xFloat=mirrorEnable?width/2-mirrorSubX:0;//镜像时，中间柱子位于正中心
-		for(var i=0,x,y,h;i<lineCount;i++){
+		var XFloat=mirrorEnable?width/2-mirrorSubX:0;//镜像时，中间柱子位于正中心
+		for(var i=0,xFloat=XFloat,x,y,h;i<lineCount;i++){
 			xFloat+=spaceFloat;
 			x=Math.floor(xFloat);
 			h=Math.max(lastH[i],minHeight);
@@ -294,7 +294,7 @@ fn.prototype=FrequencyHistogramView.prototype={
 			ctx.shadowBlur=(stripeShadowBlur==-1?set.shadowBlur:stripeShadowBlur)*scale;
 			ctx.shadowColor=set.stripeShadowColor||set.shadowColor;
 			var stripeHeight=set.stripeHeight*scale;
-			for(var i=0,xFloat=0,x,y,h;i<lineCount;i++){
+			for(var i=0,xFloat=XFloat,x,y,h;i<lineCount;i++){
 				xFloat+=spaceFloat;
 				x=Math.floor(xFloat);
 				h=stripesH[i];