vue-waveform/dist/static/js/app.common.js

waveform audio player wavesurfer -waveform js html 音频audio波形图

module.exports=function(t){function e(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="./",e(e.s=71)}([function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e,n){var r=n(38)("wks"),i=n(28),o=n(0).Symbol,a="function"==typeof o;(t.exports=function(t){return r[t]||(r[t]=a&&o[t]||(a?o:i)("Symbol."+t))}).store=r},function(t,e){var n=t.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},function(t,e,n){var r=n(11);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},function(t,e,n){t.exports=!n(17)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e,n){var r=n(3),i=n(47),o=n(40),a=Object.defineProperty;e.f=n(4)?Object.defineProperty:function(t,e,n){if(r(t),e=o(e,!0),r(n),i)try{return a(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){"use strict";e.__esModule=!0,e.default=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},function(t,e,n){"use strict";e.__esModule=!0;var r=n(77),i=function(t){return t&&t.__esModule?t:{default:t}}(r);e.default=function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),(0,i.default)(t,r.key,r)}}return function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}}()},function(t,e,n){var r=n(0),i=n(2),o=n(23),a=n(10),s=n(9),c=function(t,e,n){var u,l,f,h=t&c.F,d=t&c.G,p=t&c.S,v=t&c.P,m=t&c.B,y=t&c.W,g=d?i:i[e]||(i[e]={}),w=g.prototype,_=d?r:p?r[e]:(r[e]||{}).prototype;d&&(n=e);for(u in n)(l=!h&&_&&void 0!==_[u])&&s(g,u)||(f=l?_[u]:n[u],g[u]=d&&"function"!=typeof _[u]?n[u]:m&&l?o(f,r):y&&_[u]==f?function(t){var e=function(e,n,r){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,n)}return new t(e,n,r)}return t.apply(this,arguments)};return e.prototype=t.prototype,e}(f):v&&"function"==typeof f?o(Function.call,f):f,v&&((g.virtual||(g.virtual={}))[u]=f,t&c.R&&w&&!w[u]&&a(w,u,f)))};c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,t.exports=c},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e,n){var r=n(5),i=n(26);t.exports=n(4)?function(t,e,n){return r.f(t,e,i(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e,n){"use strict";var r=n(134),i=new r.a;e.a=i},function(t,e,n){var r=n(48),i=n(32);t.exports=function(t){return r(i(t))}},function(t,e,n){t.exports={default:n(82),__esModule:!0}},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0;var i=n(79),o=r(i),a=n(78),s=r(a),c="function"==typeof s.default&&"symbol"==typeof o.default?function(t){return typeof t}:function(t){return t&&"function"==typeof s.default&&t.constructor===s.default&&t!==s.default.prototype?"symbol":typeof t};e.default="function"==typeof s.default&&"symbol"===c(o.default)?function(t){return void 0===t?"undefined":c(t)}:function(t){return t&&"function"==typeof s.default&&t.constructor===s.default&&t!==s.default.prototype?"symbol":void 0===t?"undefined":c(t)}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e){t.exports={}},function(t,e){t.exports=!0},function(t,e){t.exports=function(t,e,n,r){var i,o=t=t||{},a=typeof t.default;"object"!==a&&"function"!==a||(i=t,o=t.default);var s="function"==typeof o?o.options:o;if(e&&(s.render=e.render,s.staticRenderFns=e.staticRenderFns),n&&(s._scopeId=n),r){var c=Object.create(s.computed||null);Object.keys(r).forEach(function(t){var e=r[t];c[t]=function(){return e}}),s.computed=c}return{esModule:i,exports:o,options:s}}},function(t,e,n){"use strict";function r(t){var e,n,r,i,o,a,s,c,u=function(t){var u,l,f,h,d,p,v,m,y=1,g=e-1;for(u=0;u!=n;u++)i[u]=t[c[u]],o[u]=0;for(u=e;0!=u;u--){for(l=0;l!=y;l++)for(d=s[l<<g],p=a[l<<g],f=l;f<n;f+=y<<1)h=f+y,v=d*i[h]-p*o[h],m=d*o[h]+p*i[h],i[h]=i[f]-v,o[h]=o[f]-m,i[f]+=v,o[f]+=m;y<<=1,g--}l=n>>1;var w=new Float64Array(l);for(p=r,d=-r,u=l;0!=u;u--)v=i[u],m=o[u],w[u-1]=v>d&&v<p&&m>d&&m<p?0:Math.round(v*v+m*m);return w};return function(t){e=Math.round(Math.log(t)/Math.log(2)),n=1<<e,r=(n<<2)*Math.sqrt(2),i=[],o=[],a=[0],s=[0],c=[];var u,l,f,h;for(u=0;u<n;u++){for(f=u,l=0,h=0;l!=e;l++)h<<=1,h|=1&f,f>>>=1;c[u]=h}var d,p=2*Math.PI/n;for(u=(n>>1)-1;u>0;u--)d=u*p,s[u]=Math.cos(d),a[u]=Math.sin(d)}(t),{transform:u,bufferSize:n}}function i(t,e,n,r,i,o){this.grd=o,this.octx=i,this.w=t,this.h=e,this.x=n,this.y=r,this.jg=3,this.power=0,this.dy=r,this.num=0}var o=n(14),a=n.n(o),s=n(44),c=n.n(s),u=n(6),l=n.n(u),f=n(7),h=n.n(f),d=n(67),p=n(30),v=n(68),m={WIDTH:500,HEIGHT:300},y=window.AudioContext||window.webkitAudioContext,g=new y,w=g.createAnalyser(),_={lineCount:20,position:0,minHeight:1,fallDuration:400,stripeEnable:!1,mirrorEnable:!0,linear:[0,"#0ac",1,"#0ac"]},b={scale:2,fps:20,lineCount:30,widthRatio:.6,spaceWidth:0,minHeight:0,position:-1,mirrorEnable:!1,stripeEnable:!0,stripeHeight:3,stripeMargin:6,fallDuration:1e3,stripeFallDuration:3500,linear:[0,"rgba(0,187,17,1)",.5,"rgba(255,215,0,1)",1,"rgba(255,102,0,1)"],stripeLinear:null,shadowBlur:0,shadowColor:"#bbb",stripeShadowBlur:-1,stripeShadowColor:"",fullFreq:!1},A=function(){function t(e){l()(this,t),this.opts=c()({},m),this.set=c()(b,_),this.fft=r(1024),this.lastH=[],this.stripesH=[],this.tween=new v.a,n.i(p.a)(this.opts,e||{}),w.fftSize=this.opts.fftSize,"line3"===this.opts.type?(this.analysisLine=new d.a({WIDTH:this.opts.WIDTH/4,audioContext:g,splitChannels:this.opts.splitChannels}),this.queue=[],this.masterArr=[]):this.analysisLine=new d.a({WIDTH:this.opts.WIDTH,audioContext:g,splitChannels:this.opts.splitChannels}),this.receive=this.warpperReceive(this.opts.type),this.drawBar=this.drawBar.bind(this),this.drawBar2=this.drawBar2.bind(this),this.drawLine=this.drawLine.bind(this),this.animate=this.animate.bind(this),this.mybuffer=void 0,this.animationStart=!1,this.isOpen=!1}return h()(t,[{key:"setWidth",value:function(t,e){this.clear(),this.opts.WIDTH=t}},{key:"review",value:function(t){return this.analysisLine=new d.a({WIDTH:this.opts.WIDTH,audioContext:g}),this.receive(t)}},{key:"destory",value:function(){this.opts&&this.opts.canvasCtx&&this.opts.canvasCtx.clearRect(0,0,this.opts.WIDTH,this.opts.HEIGHT)}},{key:"genLinear",value:function(t,e,n,r){for(var i=t.createLinearGradient(0,n,0,r),o=0;o<e.length;)i.addColorStop(e[o++],e[o++]);return i}},{key:"input",value:function(t,e,n){var r=this;r.sampleRate=n,r.pcmData=t,r.pcmPos=0,r.inputTime=Date.now(),r.schedule()}},{key:"schedule",value:function(){var t=this,e=t.set,n=Math.floor(1e3/e.fps);t.timer||(t.timer=setInterval(function(){t.schedule()},n));var r=Date.now(),i=t.drawTime||0;if(r-t.inputTime>1.3*e.stripeFallDuration)return clearInterval(t.timer),t.timer=0,t.lastH=[],t.stripesH=[],void t.drawHistogram(null,t.sampleRate);if(!(r-i<n)){t.drawTime=r;for(var o=t.fft.bufferSize,a=t.pcmData,s=t.pcmPos,c=new Int16Array(o),u=0;u<o&&s<a.length;u++,s++)c[u]=a[s];t.pcmPos=s;var l=t.fft.transform(c);t.drawHistogram(l,t.sampleRate)}}},{key:"addData",value:function(t){g.decodeAudioData(t,function(t){this.drawBar()})}},{key:"warpperReceive",value:function(t){var e=this;return"bar"===t||"bar2"===t?function(n){return new a.a(function(r,i){g.decodeAudioData(n,function(n){e.analysisBar(n,t),r(n)})})}:"line"===t?function(n){return new a.a(function(r,i){g.decodeAudioData(n,function(n){e.analysisBar(n,t),r(n)})})}:"line2"===t?function(t){return new a.a(function(n,r){g.decodeAudioData(t,function(t){e.mybuffer=t;var r=e.analysisLine.getPeaks(t);e.drawLine2(r),n(t)})})}:"line3"===t?function(t){return new a.a(function(n,r){g.decodeAudioData(t,function(t){e.drawLine3(t)})})}:"block"===t?(this.outcanvas=document.createElement("canvas"),this.outcanvas.width=this.opts.WIDTH,this.outcanvas.height=this.opts.HEIGHT/2,this.octx=this.outcanvas.getContext("2d"),this.initAnimation(),function(n){return new a.a(function(r,i){g.decodeAudioData(n,function(n){e.analysisBar(n,t)})})}):"his"===t?function(n){return new a.a(function(r,i){g.decodeAudioData(n,function(n){e.analysisBar(n,t),r(n)})})}:void 0}},{key:"execQueue",value:function(t){if(0===this.queue.length)setTimeout(this.execQueue.bind(this),t||512);else{var e=this.queue[0];this.mybuffer=e;var n=this.analysisLine.getPeaks(e);this.drawLine3(n),this.queue.shift(),this.timeid=setTimeout(this.execQueue.bind(this,1e3*e.duration),t||512)}}},{key:"analysisBar",value:function(t,e){if(this.audioBufferSourceNode=g.createBufferSource(),this.audioBufferSourceNode.buffer=t,this.audioBufferSourceNode.connect(w),this.audioBufferSourceNode.start(0),this.bufferLength=w.frequencyBinCount,this.dataArray=new Uint8Array(this.bufferLength),!this.isOpen){if("line"===e)this.drawLine();else if("bar"===e)this.drawBar();else if("bar2"===e)this.drawBar2();else if("block"===e)this.animate();else if("his"===e){var n=t.getChannelData(0);this.input(new Int16Array(n.buffer),2,t.sampleRate)}this.isOpen=!0}}},{key:"initAnimation",value:function(){this.rt_array=[],this.rt_length=this.opts.WIDTH/15;var t=this.opts.canvasCtx.createLinearGradient(0,this.opts.WIDTH/2*.3,0,this.opts.WIDTH/2);t.addColorStop(0,"#8dbae9"),t.addColorStop(.3,"#65a6e9"),t.addColorStop(1,"#378adf");for(var e=this.opts.WIDTH/this.rt_length,n=e-5,r=0;r<this.rt_length;r++)this.rt_array.push(new i(n,5,r*e,this.opts.HEIGHT/2,this.octx,t))}},{key:"animate",value:function(){if(this&&this.animationStart&&null!==this.dataArray){this.opts.canvasCtx.clearRect(0,0,this.opts.WIDTH,this.opts.HEIGHT),this.octx.clearRect(0,0,this.opts.WIDTH,this.opts.HEIGHT),w.getByteFrequencyData(this.dataArray);for(var t=this.bufferLength/this.opts.WIDTH,e=0;e<this.rt_array.length;e++){var n=this.rt_array[e];n.index="index"in n?n.index:~~(n.x*t),n.update(.48*this.dataArray[n.index])}this.draw(),window.requestAnimationFrame(this.animate)}}},{key:"draw",value:function(){this.opts.canvasCtx.drawImage(this.outcanvas,0,0),this.opts.canvasCtx.save(),this.opts.canvasCtx.translate(this.opts.WIDTH/2,this.opts.HEIGHT/2),this.opts.canvasCtx.rotate(Math.PI),this.opts.canvasCtx.scale(-1,1),this.opts.canvasCtx.drawImage(this.outcanvas,-this.opts.WIDTH/2,-this.opts.HEIGHT/2),this.opts.canvasCtx.restore(),this.opts.canvasCtx.fillStyle="rgba(0, 0, 0, 0)",this.opts.canvasCtx.fillRect(0,this.opts.HEIGHT/2,this.opts.WIDTH,this.opts.HEIGHT/2)}},{key:"drawHistogram",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:48e3,n=this,r={fallDuration:400,fps:20,fullFreq:!1,height:100,lineCount:20,linear:[0,"#0ac",1,"#0ac"],minHeight:1,mirrorEnable:!0,position:0,scale:2,shadowBlur:0,shadowColor:"#bbb",spaceWidth:0,stripeEnable:!1,stripeFallDuration:3500,stripeHeight:3,stripeLinear:null,stripeMargin:6,stripeShadowBlur:-1,stripeShadowColor:"",width:300,widthRatio:.6},i=n.opts.canvasCtx,o=r.scale,a=r.width*o,s=r.height*o,c=r.lineCount,u=n.fft.bufferSize,l=r.position,f=Math.abs(r.position),h=1==l?0:s,d=s;f<1&&(d/=2,h=d,d=Math.floor(d*(1+f)),h=Math.floor(l>0?h*(1-f):h*(1+f)));var p=n.lastH,v=n.stripesH,m=Math.ceil(d/(r.fallDuration/(1e3/r.fps))),y=Math.ceil(d/(r.stripeFallDuration/(1e3/r.fps))),g=r.stripeMargin*o,w=1<<(Math.round(Math.log(u)/Math.log(2)+3)<<1),_=Math.log(w)/Math.log(10),b=20*Math.log(32767)/Math.log(10),A=u/2,x=A;r.fullFreq||(x=Math.min(A,Math.floor(5e3*A/(e/2))));for(var C=x==A,T=C?c:Math.round(.8*c),k=x/T,S=C?0:(A-x)/(c-T),E=0,I=0;I<c;I++){var H=Math.ceil(E);E+=I<T?k:S;var O=Math.ceil(E);O==H&&O++,O=Math.min(O,A);var M=0;if(t)for(var D=H;D<O;D++)M=Math.max(M,Math.abs(t[D]));var L=M>w?Math.floor(17*(Math.log(M)/Math.log(10)-_)):0,j=d*Math.min(L/b,1);p[I]=(p[I]||0)-m,j<p[I]&&(j=p[I]),j<0&&(j=0),p[I]=j;var P=v[I]||0;if(j&&j+g>P)v[I]=j+g;else{var R=P-y;R<0&&(R=0),v[I]=R}}i.clearRect(0,0,a,s);var W=n.genLinear(i,r.linear,h,h-d),N=r.stripeLinear&&n.genLinear(i,r.stripeLinear,h,h-d)||W,B=n.genLinear(i,r.linear,h,h+d),$=r.stripeLinear&&n.genLinear(i,r.stripeLinear,h,h+d)||B,F=r.mirrorEnable,G=F?2*c-1:c,U=r.widthRatio,Q=r.spaceWidth*o;0!=Q&&(U=(a-Q*(G+1))/a);for(var I=0;I<2;I++){var J=Math.max(1*o,a*U/G),K=Math.floor(J),z=J-K,V=(a-G*J)/(G+1);if(!(V>0&&V<1))break;U=1,V=0}for(var q=r.minHeight*o,Y=F?(a-K)/2-V:0,X=0;X<2;X++){X&&(i.save(),i.scale(-1,1));var Z=X?a:0;i.shadowBlur=r.shadowBlur*o,i.shadowColor=r.shadowColor;for(var tt,et,nt,j,I=0,rt=Y,it=0;I<c;I++)rt+=V,tt=Math.floor(rt)-Z,nt=K,it+=z,it>=1&&(nt++,it--),j=Math.max(p[I],q),0!=h&&(et=h-j,i.fillStyle=W,i.fillRect(tt,et,nt,j)),h!=s&&(i.fillStyle=B,i.fillRect(tt,h,nt,j)),rt+=nt;if(r.stripeEnable){var ot=r.stripeShadowBlur;i.shadowBlur=(-1==ot?r.shadowBlur:ot)*o,i.shadowColor=r.stripeShadowColor||r.shadowColor;for(var tt,et,nt,j,at=r.stripeHeight*o,I=0,rt=Y,it=0;I<c;I++)rt+=V,tt=Math.floor(rt)-Z,nt=K,it+=z,it>=1&&(nt++,it--),j=v[I],0!=h&&(et=h-j-at,et<0&&(et=0),i.fillStyle=N,i.fillRect(tt,et,nt,at)),h!=s&&(et=h+j,et+at>s&&(et=s-at),i.fillStyle=$,i.fillRect(tt,et,nt,at)),rt+=nt}if(X&&i.restore(),!F)break}}},{key:"drawBar",value:function(){if(this.animationStart&&null!==this.dataArray){w.getByteFrequencyData(this.dataArray),this.opts.canvasCtx.fillStyle=this.opts.bgColor,this.opts.canvasCtx.fillRect(0,0,this.opts.WIDTH,this.opts.HEIGHT);var t=this.opts.WIDTH/this.bufferLength*1.2,e=void 0,n=0,r=this.opts.canvasCtx.createLinearGradient(0,0,0,this.opts.HEIGHT);r.addColorStop(0,"#0f0"),r.addColorStop(.5,"#ff0"),r.addColorStop(.5,"rgb(59, 234, 66)"),r.addColorStop(.5,"rgb(59, 234, 66)"),r.addColorStop(1,"#f00");for(var i=0;i<this.bufferLength;i++)e=this.dataArray[i]*this.opts.range,this.opts.canvasCtx.fillStyle=r,this.opts.canvasCtx.fillRect(n,this.opts.HEIGHT-e,t,e),n+=t+1;window.requestAnimationFrame(this.drawBar)}}},{key:"drawBar2",value:function(){if(this.animationStart&&null!==this.dataArray){w.getByteFrequencyData(this.dataArray),this.opts.canvasCtx.fillStyle=this.opts.bgColor;var t=this.opts.canvasCtx.createLinearGradient(this.opts.WIDTH/2,this.opts.HEIGHT/2-this.opts.HEIGHT/2,this.opts.WIDTH/2,this.opts.HEIGHT/2+this.opts.HEIGHT/2);t.addColorStop(0,"#32edf9"),t.addColorStop(.5,"#e38cf5"),t.addColorStop(1,"#a2f591"),this.opts.canvasCtx.clearRect(0,0,this.opts.WIDTH,this.opts.HEIGHT);for(var e=Math.round(this.dataArray.length/200),n=0;n<200;n++){var r=this.dataArray[n*e];this.opts.canvasCtx.fillStyle=t,r=r/255*this.opts.HEIGHT/2,this.opts.canvasCtx.fillRect(this.opts.WIDTH/2+10*n,this.opts.HEIGHT/2,5,r),this.opts.canvasCtx.fillRect(this.opts.WIDTH/2-10*n,this.opts.HEIGHT/2,5,r),this.opts.canvasCtx.fillRect(this.opts.WIDTH/2+10*n,this.opts.HEIGHT/2,5,-r),this.opts.canvasCtx.fillRect(this.opts.WIDTH/2-10*n,this.opts.HEIGHT/2,5,-r)}window.requestAnimationFrame(this.drawBar2)}}},{key:"drawLine",value:function(){if(this.animationStart&&null!==this.dataArray){w.getByteTimeDomainData(this.dataArray),this.opts.canvasCtx.fillStyle="rgb(0, 0, 0)",this.opts.canvasCtx.fillRect(0,0,this.opts.WIDTH,this.opts.HEIGHT),this.opts.canvasCtx.lineWidth=1,this.opts.canvasCtx.strokeStyle="rgb(59, 234, 46)",this.opts.canvasCtx.beginPath();for(var t=1*this.opts.WIDTH/this.bufferLength,e=0,n=0;n<this.bufferLength;n++){var r=this.dataArray[n]/128,i=r*this.opts.HEIGHT/3;0===n?this.opts.canvasCtx.moveTo(e,i):this.opts.canvasCtx.lineTo(e,i),e+=t}this.opts.canvasCtx.lineTo(this.opts.WIDTH,this.opts.HEIGHT/2),this.opts.canvasCtx.stroke(),window.requestAnimationFrame(this.drawLine)}}},{key:"stopAnimation",value:function(){this.animationStart=!1,this.isOpen=!1,this.clear()}},{key:"startAnimation",value:function(){this.isOpen=!1,this.animationStart=!0}},{key:"clear",value:function(){this.opts.canvasCtx.clearRect(0,0,this.opts.WIDTH,this.opts.HEIGHT)}},{key:"drawLine2",value:function(t){var e=this,n=t.map(function(t,e){return 1e3*t});this.opts.canvasCtx.fillStyle=this.opts.bgColor,this.opts.canvasCtx.fillRect(0,0,this.opts.WIDTH,this.opts.HEIGHT),this.opts.canvasCtx.lineWidth=1,this.opts.canvasCtx.strokeStyle="rgb(59, 234, 46)",this.opts.canvasCtx.beginPath();var r=1*this.opts.WIDTH/n.length,i=n.length;this.tween.animate({x:0,duration:2e3,sliceWidth:r,count:i,callback:function(t,r,i){var o=n[t]*e.opts.range+e.opts.HEIGHT/2;return 0===t?e.opts.canvasCtx.moveTo(r,o):e.opts.canvasCtx.lineTo(r,o),r+=i,e.opts.canvasCtx.stroke(),r}}),this.opts.canvasCtx.lineTo(this.opts.WIDTH,this.opts.HEIGHT/2),this.opts.canvasCtx.stroke()}},{key:"drawLineToContext",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:64,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,o=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0,a=arguments.length>6&&void 0!==arguments[6]?arguments[6]:870;if(t){var s=e.length/2,c=this.params.fillParent&&this.width!==s?this.width/s:1,u=Math.round(0*s),l=Math.round(1*s)+1;if(!(u>a||l<o)){var f=Math.min(u,o),h=Math.max(l,a),d=void 0,p=void 0;for(t.beginPath(),t.moveTo((f-u)*c+.5,r+i),d=f;d<h;d++){var v=e[2*d]||0,m=Math.round(v/n*r);t.lineTo((d-u)*c+.5,r-m+i)}for(p=h-1;p>=f;p--){var y=e[2*p+1]||0,g=Math.round(y/n*r);t.lineTo((p-u)*c+.5,r-g+i)}}}}},{key:"drawLine3",value:function(t){var e=this,n=this.analysisLine.getPeaks(t);if(e.masterArr.length>this.opts.WIDTH/4*4){var r=e.masterArr.length-this.opts.WIDTH/2;e.masterArr.splice(r)}var i=n.map(function(t,e){return 1e3*t});e.masterArr.unshift.apply(e.masterArr,i),this.opts.canvasCtx.fillStyle=this.opts.bgColor,this.opts.canvasCtx.fillRect(0,0,this.opts.WIDTH,this.opts.HEIGHT),this.opts.canvasCtx.lineWidth=1,this.opts.canvasCtx.strokeStyle="rgb(59, 234, 46)",this.opts.canvasCtx.beginPath();for(var o=1*this.opts.WIDTH/e.masterArr.length,a=0,s=e.masterArr.length,c=0;c<s;c++){var u=e.masterArr[c]*this.opts.range+this.opts.HEIGHT/2;0===c?this.opts.canvasCtx.moveTo(a,u):this.opts.canvasCtx.lineTo(a,u),a+=o}this.opts.canvasCtx.lineTo(this.opts.WIDTH,this.opts.HEIGHT/2),this.opts.canvasCtx.stroke()}}]),t}();e.a=A;var x=i.prototype;x.update=function(t){this.power=t,this.num=~~(this.power/this.h+.5);var e=this.dy+this.h;this.power>=this.y-e?this.dy=this.y-this.power-this.h-(0===this.power?0:1):e>this.y?this.dy=this.y-this.h:this.dy+=1,this.draw()},x.draw=function(){this.octx.fillStyle=this.grd;var t=~~(this.power/(this.h+this.jg))*(this.h+this.jg);this.octx.fillRect(this.x,this.y-t,this.w,t);for(var e=0;e<this.num;e++){var n=this.y-e*(this.h+this.jg);this.octx.clearRect(this.x-1,n,this.w+2,this.jg)}}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e,n){var r=n(22);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,i){return t.call(e,n,r,i)}}return function(){return t.apply(e,arguments)}}},function(t,e,n){var r=n(52),i=n(34);t.exports=Object.keys||function(t){return r(t,i)}},function(t,e){e.f={}.propertyIsEnumerable},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){var r=n(5).f,i=n(9),o=n(1)("toStringTag");t.exports=function(t,e,n){t&&!i(t=n?t:t.prototype,o)&&r(t,o,{configurable:!0,value:e})}},function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},function(t,e,n){"use strict";var r=n(6),i=n.n(r),o=n(7),a=n.n(o),s=n(12),c=function(){function t(e){i()(this,t),this.volume=e,this.initMediaSource()}return a()(t,[{key:"initMediaSource",value:function(){var t=new Audio;t.currentTime=0,t.addEventListener("error",function(t){console.log(t)}),t.addEventListener("timeupdate",function(e){s.a.$emit("domtimeupdate",1e3*t.currentTime)}),window.dom=t,this.dom=t,this.dom.volume=this.volume||0,this.mediaSource=new MediaSource,console.log("this.dom = "+this.dom.volume),this.dom.addEventListener("play",function(t){s.a.$emit("play")}),t.src=window.URL.createObjectURL(this.mediaSource),this.mediaSource.addEventListener("sourceopen",this.onSourceOpen.bind(this))}},{key:"onSourceOpen",value:function(){var t=this;this.sourceBuffer=this.mediaSource.addSourceBuffer("audio/aac"),this.sourceBuffer.addEventListener("updateend",function(){t.dom.paused&&t.dom.play()})}},{key:"play",value:function(){this.dom&&this.dom.play()}},{key:"pause",value:function(){this.dom&&this.dom.pause()}},{key:"appendBuffer",value:function(t){try{this.sourceBuffer.appendBuffer(t)}catch(t){}}},{key:"stop",value:function(){this.dom&&this.dom.pause(),this.dom=null,this.mediaSource=null,this.initMediaSource()}},{key:"restartDom",value:function(){}}]),t}();e.a=c},function(t,e,n){"use strict";function r(t){var e={url:t.url,type:"get",data:{},success:t.success,error:t.error};if(e.url){var n=XMLHttpRequest?new XMLHttpRequest:new ActiveXObject("Microsoft.XMLHTTP"),r=e.data,i=e.url,o=e.type.toUpperCase(),a=[];for(var s in r)a.push(s+"="+r[s]);n.responseType="arraybuffer","GET"===o&&(i=i+"?"+a.join("&"),n.open(o,i.replace(/\?$/g,""),!0),n.send()),n.onload=function(){var t=n.response;200===n.status||304===n.status||206===n.status?e.success&&e.success instanceof Function&&e.success.call(n,t):e.error&&e.error instanceof Function&&e.error.call(n,t)}}}function i(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])}e.b=r,e.a=i},function(t,e,n){"use strict";var r=n(14),i=n.n(r),o=n(44),a=n.n(o),s=n(15),c=n.n(s),u=n(6),l=n.n(u),f=n(7),h=n.n(f),d=n(12),p=function(){function t(e){l()(this,t),"object"!==c()(e.Mse)&&console.log("MSE is not a object"),"object"!==c()(e.Drawer)&&console.log("drawer is not a object"),this.opts=a()({},e),this.mse=e.Mse,this.drawer=e.Drawer,this.frames=0,this.buffer=[],this.drawCanvas()}return h()(t,[{key:"drawCanvas",value:function(){(this.opts.canvasCtxL||this.opts.canvasCtxR)&&(this.opts.canvasCtxL.fillStyle=this.opts.bgColor,this.opts.canvasCtxL.fillRect(0,0,this.opts.WIDTH,this.opts.HEIGHT),this.opts.canvasCtxR.fillStyle=this.opts.bgColor,this.opts.canvasCtxR.fillRect(0,0,this.opts.WIDTH,this.opts.HEIGHT))}},{key:"openWs",value:function(t,e,n){var r=this,o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"/ws/websocket/socketServer.do",a=this;return new i.a(function(n,i){t.startsWith("ws://")||(t="ws://"+t+o);var s=r,c=new WebSocket(t);s.ws=c,s.id=e,c.binaryType="arraybuffer",c.onopen=function(){console.log("-- WebSocket is opened! --"),console.log("-- LISTEN id : "+e),n()},c.onerror=function(t){i(t)},c.onmessage=function(t){if("[object ArrayBuffer]"===Object.prototype.toString.call(t.data))s.mse.appendBuffer(t.data),s.drawer.receive(t.data);else if("[object String]"===Object.prototype.toString.call(t.data))if(t.data.indexOf(",")>-1){var e=t.data.split(","),n=0;e.map(function(t){if(t.indexOf(":")>-1){var e=t.split(":");if("t"===e[0]&&(n=e[1]/100),"l"===e[0]&&a.opts.canvasCtxL){a.opts.canvasCtxL.fillStyle=a.opts.bgColor,a.opts.canvasCtxL.fillRect(0,0,a.opts.WIDTH,a.opts.HEIGHT);var r=a.opts.canvasCtxL.createLinearGradient(0,0,0,a.opts.HEIGHT);r.addColorStop(0,"#ed1919"),r.addColorStop(n,"#ed1919"),r.addColorStop(1,"#43e94b"),a.opts.canvasCtxL.fillStyle=r,a.opts.canvasCtxL.fillRect(0,a.opts.HEIGHT-a.opts.HEIGHT*parseInt(e[1])/100,a.opts.WIDTH,a.opts.HEIGHT)}if("r"===e[0]&&a.opts.canvasCtxR){a.opts.canvasCtxR.fillStyle=a.opts.bgColor,a.opts.canvasCtxR.fillRect(0,0,a.opts.WIDTH,a.opts.HEIGHT);var i=a.opts.canvasCtxR.createLinearGradient(0,0,0,a.opts.HEIGHT);i.addColorStop(0,"#ed1919"),i.addColorStop(n,"#ed1919"),i.addColorStop(1,"#43e94b"),a.opts.canvasCtxR.fillStyle=i,a.opts.canvasCtxR.fillRect(0,a.opts.HEIGHT-a.opts.HEIGHT*parseInt(e[1])/100,a.opts.WIDTH,a.opts.HEIGHT)}}})}else if(t.data.indexOf("time")>-1){var r=t.data.split(":");d.a.$emit("durationed",r[1])}}})}},{key:"play",value:function(){this.ws&&this.ws.send("STOP_LISTEN"),this.ws&&this.ws.send("LISTEN:"+this.id),this.drawer.startAnimation(),this.mse.play()}},{key:"seek",value:function(t){this.mse.dom.currentTime=t,this.ws&&this.ws.send("SEEK:"+t)}},{key:"pause",value:function(){this.mse.pause(),this.drawer.stopAnimation(),this.ws&&this.ws.send("STOP_LISTEN"),this.drawCanvas()}},{key:"stop",value:function(){var t=this;return this.drawer.stopAnimation(),this.drawCanvas(),new i.a(function(e,n){"[object WebSocket]"===Object.prototype.toString.call(t.ws)?(t.ws.send("STOP_LISTEN"),t.ws.onclose=function(){e(1)},t.mse&&t.mse.stop(),t.ws.close(),t.ws=null):e(0)})}}]),t}();e.a=p},function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e,n){var r=n(11),i=n(0).document,o=r(i)&&r(i.createElement);t.exports=function(t){return o?i.createElement(t):{}}},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e,n){"use strict";function r(t){var e,n;this.promise=new t(function(t,r){if(void 0!==e||void 0!==n)throw TypeError("Bad Promise constructor");e=t,n=r}),this.resolve=i(e),this.reject=i(n)}var i=n(22);t.exports.f=function(t){return new r(t)}},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e,n){var r=n(38)("keys"),i=n(28);t.exports=function(t){return r[t]||(r[t]=i(t))}},function(t,e,n){var r=n(2),i=n(0),o=i["__core-js_shared__"]||(i["__core-js_shared__"]={});(t.exports=function(t,e){return o[t]||(o[t]=void 0!==e?e:{})})("versions",[]).push({version:r.version,mode:n(19)?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},function(t,e,n){var r=n(11);t.exports=function(t,e){if(!r(t))return t;var n,i;if(e&&"function"==typeof(n=t.toString)&&!r(i=n.call(t)))return i;if("function"==typeof(n=t.valueOf)&&!r(i=n.call(t)))return i;if(!e&&"function"==typeof(n=t.toString)&&!r(i=n.call(t)))return i;throw TypeError("Can't convert object to primitive value")}},function(t,e,n){var r=n(0),i=n(2),o=n(19),a=n(42),s=n(5).f;t.exports=function(t){var e=i.Symbol||(i.Symbol=o?{}:r.Symbol||{});"_"==t.charAt(0)||t in e||s(e,t,{value:a.f(t)})}},function(t,e,n){e.f=n(1)},function(t,e){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(t){"object"==typeof window&&(n=window)}t.exports=n},function(t,e,n){t.exports={default:n(80),__esModule:!0}},function(t,e,n){var r=n(16),i=n(1)("toStringTag"),o="Arguments"==r(function(){return arguments}()),a=function(t,e){try{return t[e]}catch(t){}};t.exports=function(t){var e,n,s;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=a(e=Object(t),i))?n:o?r(e):"Object"==(s=r(e))&&"function"==typeof e.callee?"Arguments":s}},function(t,e,n){var r=n(0).document;t.exports=r&&r.documentElement},function(t,e,n){t.exports=!n(4)&&!n(17)(function(){return 7!=Object.defineProperty(n(33)("div"),"a",{get:function(){return 7}}).a})},function(t,e,n){var r=n(16);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},function(t,e,n){"use strict";var r=n(19),i=n(8),o=n(55),a=n(10),s=n(18),c=n(94),u=n(27),l=n(103),f=n(1)("iterator"),h=!([].keys&&"next"in[].keys()),d=function(){return this};t.exports=function(t,e,n,p,v,m,y){c(n,e,p);var g,w,_,b=function(t){if(!h&&t in T)return T[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},A=e+" Iterator",x="values"==v,C=!1,T=t.prototype,k=T[f]||T["@@iterator"]||v&&T[v],S=k||b(v),E=v?x?b("entries"):S:void 0,I="Array"==e?T.entries||k:k;if(I&&(_=l(I.call(new t)))!==Object.prototype&&_.next&&(u(_,A,!0),r||"function"==typeof _[f]||a(_,f,d)),x&&k&&"values"!==k.name&&(C=!0,S=function(){return k.call(this)}),r&&!y||!h&&!C&&T[f]||a(T,f,S),s[e]=S,s[A]=d,v)if(g={values:x?S:b("values"),keys:m?S:b("keys"),entries:E},y)for(w in g)w in T||o(T,w,g[w]);else i(i.P+i.F*(h||C),e,g);return g}},function(t,e,n){var r=n(3),i=n(100),o=n(34),a=n(37)("IE_PROTO"),s=function(){},c=function(){var t,e=n(33)("iframe"),r=o.length;for(e.style.display="none",n(46).appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write("<script>document.F=Object<\/script>"),t.close(),c=t.F;r--;)delete c.prototype[o[r]];return c()};t.exports=Object.create||function(t,e){var n;return null!==t?(s.prototype=r(t),n=new s,s.prototype=null,n[a]=t):n=c(),void 0===e?n:i(n,e)}},function(t,e,n){var r=n(52),i=n(34).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,i)}},function(t,e,n){var r=n(9),i=n(13),o=n(87)(!1),a=n(37)("IE_PROTO");t.exports=function(t,e){var n,s=i(t),c=0,u=[];for(n in s)n!=a&&r(s,n)&&u.push(n);for(;e.length>c;)r(s,n=e[c++])&&(~o(u,n)||u.push(n));return u}},function(t,e){t.exports=function(t){try{return{e:!1,v:t()}}catch(t){return{e:!0,v:t}}}},function(t,e,n){var r=n(3),i=n(11),o=n(35);t.exports=function(t,e){if(r(t),i(e)&&e.constructor===t)return e;var n=o.f(t);return(0,n.resolve)(e),n.promise}},function(t,e,n){t.exports=n(10)},function(t,e,n){var r=n(3),i=n(22),o=n(1)("species");t.exports=function(t,e){var n,a=r(t).constructor;return void 0===a||void 0==(n=r(a)[o])?e:i(n)}},function(t,e,n){var r,i,o,a=n(23),s=n(90),c=n(46),u=n(33),l=n(0),f=l.process,h=l.setImmediate,d=l.clearImmediate,p=l.MessageChannel,v=l.Dispatch,m=0,y={},g=function(){var t=+this;if(y.hasOwnProperty(t)){var e=y[t];delete y[t],e()}},w=function(t){g.call(t.data)};h&&d||(h=function(t){for(var e=[],n=1;arguments.length>n;)e.push(arguments[n++]);return y[++m]=function(){s("function"==typeof t?t:Function(t),e)},r(m),m},d=function(t){delete y[t]},"process"==n(16)(f)?r=function(t){f.nextTick(a(g,t,1))}:v&&v.now?r=function(t){v.now(a(g,t,1))}:p?(i=new p,o=i.port2,i.port1.onmessage=w,r=a(o.postMessage,o,1)):l.addEventListener&&"function"==typeof postMessage&&!l.importScripts?(r=function(t){l.postMessage(t+"","*")},l.addEventListener("message",w,!1)):r="onreadystatechange"in u("script")?function(t){c.appendChild(u("script")).onreadystatechange=function(){c.removeChild(this),g.call(t)}}:function(t){setTimeout(a(g,t,1),0)}),t.exports={set:h,clear:d}},function(t,e,n){var r=n(39),i=Math.min;t.exports=function(t){return t>0?i(r(t),9007199254740991):0}},function(t,e,n){var r=n(32);t.exports=function(t){return Object(r(t))}},function(t,e){},function(t,e,n){"use strict";var r=n(106)(!0);n(49)(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,e=this._t,n=this._i;return n>=e.length?{value:void 0,done:!0}:(t=r(e,n),this._i+=t.length,{value:t,done:!1})})},function(t,e,n){n(110);for(var r=n(0),i=n(10),o=n(18),a=n(1)("toStringTag"),s="CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList".split(","),c=0;c<s.length;c++){var u=s[c],l=r[u],f=l&&l.prototype;f&&!f[a]&&i(f,a,u),o[u]=o.Array}},function(t,e,n){n(119);var r=n(20)(n(72),n(129),"data-v-054a8745",null);t.exports=r.exports},function(t,e,n){n(121);var r=n(20)(n(73),n(131),"data-v-6587dcf4",null);t.exports=r.exports},function(t,e,n){n(123);var r=n(20)(n(75),n(133),"data-v-d60d5278",null);t.exports=r.exports},function(t,e,n){n(120);var r=n(20)(n(76),n(130),"data-v-3d745233",null);t.exports=r.exports},function(t,e,n){"use strict";var r=n(6),i=n.n(r),o=n(7),a=n.n(o),s=function(){function t(e){i()(this,t),this.WIDTH=e.WIDTH,this.pixelRatio=1,this.params=e,this.splitChannels=e.splitChannels,this.ac=e.audioContext||this.getAudioContext(),this.init()}return a()(t,[{key:"init",value:function(){this.setLength(0)}},{key:"createSource",value:function(){this.disconnectSource(),this.source=this.ac.createBufferSource(),this.source.buffer=this.buffer,this.source.connect(this.analyser)}},{key:"createVolumeNode",value:function(){this.ac.createGain?this.gainNode=this.ac.createGain():this.gainNode=this.ac.createGainNode(),this.gainNode.connect(this.ac.destination)}},{key:"play",value:function(){this.buffer&&(this.createSource(),this.source.start(0))}},{key:"pause",value:function(){this.source&&this.source.stop(0)}},{key:"disconnectSource",value:function(){this.source&&this.source.disconnect()}},{key:"createAnalyserNode",value:function(){this.analyser=this.ac.createAnalyser(),this.analyser.connect(this.gainNode)}},{key:"createScriptNode",value:function(){this.params.audioScriptProcessor?this.scriptNode=this.params.audioScriptProcessor:this.ac.createScriptProcessor?this.scriptNode=this.ac.createScriptProcessor(t.scriptBufferSize):this.scriptNode=this.ac.createJavaScriptNode(t.scriptBufferSize),this.scriptNode.connect(this.ac.destination)}},{key:"addOnAudioProcess",value:function(){var t=this,e=document.querySelector(".wave-mask-wrapper");this.scriptNode.onaudioprocess=function(){var n=t.ac.currentTime,r=n/t.buffer.duration;e.style="width: "+100*r+"%"}}},{key:"removeOnAudioProcess",value:function(){this.scriptNode.onaudioprocess=null}},{key:"setLength",value:function(t){if(!this.mergedPeaks||t!==2*this.mergedPeaks.length-1+2){this.splitPeaks=[],this.mergedPeaks=[];var e=this.buffer?this.buffer.numberOfChannels:1,n=void 0;for(n=0;n<e;n++)this.splitPeaks[n]=[],this.splitPeaks[n][2*(t-1)]=0,this.splitPeaks[n][2*(t-1)+1]=0;this.mergedPeaks[2*(t-1)]=0,this.mergedPeaks[2*(t-1)+1]=0}}},{key:"getWidth",value:function(){return Math.round(this.WIDTH*this.pixelRatio)}},{key:"getPeaks",value:function(t){this.buffer=t,this.setLength(this.WIDTH);var e=this.getWidth(),n=t.length/e,r=~~(n/10)||1,i=e-1,o=this.buffer.numberOfChannels,a=void 0;for(a=0;a<o;a++){var s=this.splitPeaks[a],c=t.getChannelData(a),u=void 0;for(u=0;u<=i;u++){var l=~~(u*n),f=~~(l+n),h=0,d=0,p=void 0;for(p=l;p<f;p+=r){var v=c[p];v>d&&(d=v),v<h&&(h=v)}s[2*u]=d,s[2*u+1]=h,(0===a||d>this.mergedPeaks[2*u])&&(this.mergedPeaks[2*u]=d),(0===a||h<this.mergedPeaks[2*u+1])&&(this.mergedPeaks[2*u+1]=h)}}return this.len=this.splitChannels?this.splitPeaks.length:this.mergedPeaks.length,this.splitChannels?this.splitPeaks:this.mergedPeaks}}]),t}();s.scriptBufferSize=256,e.a=s},function(t,e,n){"use strict";var r=n(6),i=n.n(r),o=n(7),a=n.n(o),s=function(){function t(){i()(this,t)}return a()(t,[{key:"animate",value:function(t){clearInterval(window.timerId);var e=void 0,n=this.createTime(),r=this,i=t.count,o=t.sliceWidth,a=t.x,s=!0,c=void 0,u=function(){var u=Math.max(0,n+t.duration-r.createTime()),l=u/t.duration||0,f=1-l;if(1===f){for(var h=Math.floor(i*f),d=c+1;d<h+1;d++)a=t.callback(d,a,o);!function(){clearInterval(e),e=null}()}else if(s)c=0,s=!1,a=t.callback(0,a,o);else{for(var p=Math.floor(i*f),v=c+1;v<p+1;v++)a=t.callback(v,a,o);c=p}};e=setInterval(u,13),window.timerId=e}},{key:"createTime",value:function(){return+new Date}}]),t}();e.a=s},function(t,e,n){"use strict";var r=n(6),i=n.n(r),o=n(7),a=n.n(o),s=n(12),c=window.requestAnimationFrame||window.webkitRequestAnimationFrame,u=function(){function t(e){i()(this,t),this.init(e)}return a()(t,[{key:"init",value:function(t){var e=this;if(this.params=t,t.hasAudioContext)this.createPlayer();else{this.params.duration=this.getDuration(),this.process=this.process.bind(this),this.params.media.src=t.url;var n=this;this.params.media.oncanplay=function(){n.params.media.play()},this.params.media.loop="loop",this.params.media.onplay=function(){n.createTimer()},this.params.media.ontimeupdate=function(){s.a.$emit("updateTimeEnded",e.params.media.currentTime)}}}},{key:"createPlayer",value:function(){this.isStop=!0,this.AudioContext=window.AudioContext||window.webkitAudioContext,this.audioContext=new AudioContext,this.source=this.audioContext.createBufferSource(),this.analyser=this.audioContext.createAnalyser(),this.scriptNode=this.audioContext.createScriptProcessor(4096,1,1),this.analyser.connect(this.audioContext.destination),this.scriptNode.connect(this.audioContext.destination),this.source.connect(this.analyser),this.source.connect(this.scriptNode),this.source.buffer=this.params.byteArray,this.isStop=!1,this.source.start(0);var t=this;this.source.onended=function(){t.source.disconnect(t.scriptNode),t.scriptNode.disconnect(t.audioContext.destination),s.a.$emit("sourceEnded"),setTimeout(function(){t.isStop=!0},0)},this.createTimerToAudioContext()}},{key:"createTimerToAudioContext",value:function(){var t=this;!function e(){if(!t.isStop){var n=t.audioContext.currentTime;t.process(n),c(e)}}()}},{key:"createTimer",value:function(){var t=this;!function e(){if(!t.isPaused()){var n=t.getCurrentTime();t.process(n),c(e)}}()}},{key:"getCurrentTime",value:function(){return this.params.media&&this.params.media.currentTime}},{key:"getDuration",value:function(){return this.params.duration}},{key:"process",value:function(t){var e=this.params.dom,n=t/this.params.duration;e.style="width: "+this.params.length*n+"px",s.a.$emit("process",this.params.length*n)}},{key:"setWidth",value:function(t){this.params.length=t,this.params.dom.style="width: 0px"}},{key:"isPaused",value:function(){return!this.params.media||this.params.media.paused}},{key:"play",value:function(){this.params.media.play()}},{key:"stop",value:function(){this.params.media&&this.params.media.pause(),this.source&&this.source.stop()}},{key:"pause",value:function(){this.params.media.pause()}}]),t}();e.a=u},function(t,e,n){"use strict";var r=n(6),i=n.n(r),o=n(7),a=n.n(o),s=n(30),c=function(){function t(e){i()(this,t),this.params={canvas:void 0,ctx:void 0,canvasW:0,canVansH:0,timecell:void 0,minutes_per_step:[1,2,5,10,15,20,30,60,120,180,240,360,720,1440],graduation_step:20,hours_per_ruler:24,start_timestamp:0,distance_between_gtitle:80,zoom:24,g_isMousedown:!1,g_isMousemove:!1,g_mousedownCursor:null,returnTime:null,on_before_click_ruler_callback:null},n.i(s.a)(this.params,e),this.params.canvas&&(this.params.ctx=this.params.canvas.getContext("2d"),this.params.canvasW=this.params.canvas.width,this.params.canvasH=this.params.canvas.height),n.i(s.a)(this,this.params),this.init(this.start_timestamp,this.timecell,!1)}return a()(t,[{key:"init",value:function(t,e,n){this.clearCanvas(),this.draw_cell_bg(),this.add_graduations(t),this.add_cells(e),this.draw_last_line(t)}},{key:"draw_last_line",value:function(t){this.drawLine(this.canvasW,0,this.canvasW,20,"rgb(64, 196, 255)",2);var e=t+1e3*this.sec_per_my;this.ctx.fillStyle="rgb(64, 196, 255)",this.ctx.fillText(this.changeTime(e),this.canvasW-34,25)}},{key:"draw_cell_bg",value:function(){this.ctx.fillStyle="rgba(69, 72, 76, 0.5)",this.ctx.fillRect(0,0,this.canvasW,15)}},{key:"accDiv",value:function(t,e){var n=0,r=0,i=void 0,o=void 0;try{n=t.toString().split(".")[1].length}catch(t){}try{r=e.toString().split(".")[1].length}catch(t){}return i=Number(t.toString().replace(".","")),o=Number(e.toString().replace(".","")),i/o*Math.pow(10,r-n)}},{key:"add_graduations",value:function(t){for(var e=this.canvasW/(this.sec_per_my/60),n=this.canvasW/(1e3*this.sec_per_my),r=(this.canvasW,this.sec_per_my,this.graduation_step),i=r/e,o=0;o<this.minutes_per_step.length;o++)if(i<=this.minutes_per_step[o]){i=this.minutes_per_step[o],r=e*i;break}for(var a=30,s=0;s<this.minutes_per_step.length;s++)if(this.distance_between_gtitle/e<=this.minutes_per_step[s]){a=this.minutes_per_step[s];break}for(var c=this.canvasW/r,u=void 0,l=void 0,f=void 0,h=this.ms_to_next_step(t,60*i*1e3),d=h*n,p=Math.round(r/n),v=0;v<c;v++){u=d+v*r,l=t+h+v*p;var m=new Date(l);if(0===m.getUTCHours()&&0===m.getUTCMinutes()){f=25;var y=this.graduation_title(m);this.ctx.fillStyle="rgba(255,255,255,1)",u+74<this.canvasW&&this.ctx.fillText(y,u,25)}else if(Math.round(l/6e4)%a==0){f=15;var g=this.graduation_title(m);this.ctx.fillStyle="rgba(151,158,167,1)",u+74<this.canvasW&&this.ctx.fillText(g,u-20,25)}else f=10;this.drawLine(u,0,u,f,"rgba(151,158,167,1)",1)}if(this.sec_per_my<61){for(var w=this.canvasW/this.sec_per_my,_=void 0,b=0;b<this.minutes_per_step.length;b++)if(w<=this.minutes_per_step[b]){_=this.minutes_per_step[b];break}var A=this.canvasW/_,x=_/(this.canvasW/this.sec_per_my);u=0;for(var C=0,T=0;T<A;T++){if(this.drawLine(u,0,u,10,"rgba(151,158,167,1)",1),T%4==0){this.ctx.fillStyle="rgba(151,158,167,1)";var k="0:00:";Math.round(C)>9?k+=Math.round(C):k+="0"+Math.round(C),u+74<this.canvasW&&this.ctx.fillText(k,u,25)}u+=_,C+=x}}}},{key:"drawLine",value:function(t,e,n,r,i,o){this.ctx.beginPath(),this.ctx.moveTo(t,e),this.ctx.lineTo(n,r),this.ctx.strokeStyle=i,this.ctx.lineWidth=o,this.ctx.stroke()}},{key:"add_cells",value:function(t){var e=this;Array.isArray(t)&&t.forEach(function(t){e.draw_cell(t)})}},{key:"draw_cell",value:function(t){var e=this.canvasW/(1e3*this.sec_per_my),n=(t.beginTime-this.start_timestamp)*e,r=(t.endTime-t.beginTime)*e;this.ctx.fillStyle=t.style.background,this.ctx.fillRect(n,0,r,15)}},{key:"add_events",value:function(){this.canvas.addEventListener&&(this.canvas.addEventListener("mousewheel",this.mousewheelFunc.bind(this)),this.canvas.addEventListener("mousedown",this.mousedownFunc.bind(this)),this.canvas.addEventListener("mousemove",this.mousemoveFunc.bind(this)),this.canvas.addEventListener("mouseup",this.mouseupFunc.bind(this)),this.canvas.addEventListener("mouseout",this.mouseoutFunc.bind(this)))}},{key:"mousedownFunc",value:function(t){this.g_isMousedown=!0,this.g_mousedownCursor=this.get_cursor_x_position(t)}},{key:"mousemoveFunc",value:function(t){var e=this.get_cursor_x_position(t),n=this.canvasW/(1e3*this.sec_per_my);if(this.clearCanvas(),this.g_isMousedown){var r=e-this.g_mousedownCursor;this.start_timestamp=this.start_timestamp-Math.round(r/n),this.init(this.start_timestamp,this.timecell,!0),this.g_isMousemove=!0,this.g_mousedownCursor=e}else{var i=this.start_timestamp+e/n;this.init(this.start_timestamp,this.timecell,!0),this.drawLine(e-1,0,e-1,25,"rgb(194, 202, 215)",1),this.ctx.fillStyle="rgb(194, 202, 215)",this.ctx.fillText(this.changeTime(i),e-36,35)}}},{key:"mouseupFunc",value:function(t){if(this.g_isMousemove)this.g_isMousemove=!1,this.g_isMousedown=!1,this.returnTime=this.start_timestamp+1e3*this.sec_per_my/2;else{this.g_isMousedown=!1;var e=this.get_cursor_x_position(t),n=3600*this.zoom*1e3/this.canvasW;this.returnTime=this.start_timestamp+e*n,this.set_time_to_middle(this.returnTime)}}},{key:"mouseoutFunc",value:function(t){this.clearCanvas(),this.init(this.start_timestamp,this.timecell,!0)}},{key:"mousewheelFunc",value:function(t){if(!t||!t.preventDefault)return window.event.returnValue=!1,!1;t.preventDefault();var e=Math.max(-1,Math.min(1,t.wheelDelta||-t.detail)),n=this.start_timestamp+1e3*this.sec_per_my/2;e<0?(this.zoom=this.zoom+4,this.zoom>=24&&(this.zoom=24),this.hours_per_ruler=this.zoom):e>0&&(this.zoom=this.zoom-4,this.zoom<=1&&(this.zoom=1),this.hours_per_ruler=this.zoom),this.clearCanvas(),this.start_timestamp=n-1e3*this.sec_per_my/2,this.init(this.start_timestamp,this.timecell,!0)}},{key:"get_cursor_x_position",value:function(t){var e=0;return t||(t=window.event),t.pageX||t.pageY?e=t.pageX:(t.clientX||t.clientY)&&(e=t.clientX+document.body.scrollLeft+document.documentElement.scrollLeft),e}},{key:"graduation_title",value:function(t){return 0===t.getHours()&&0===t.getMinutes()&&0===t.getMilliseconds()?("0"+(t.getDate()-8).toString()).substr(-2)+"."+("0"+(t.getMonth()+1).toString()).substr(-2)+"."+t.getFullYear():t.getHours()-8+":"+("0"+t.getMinutes().toString()).substr(-2)}},{key:"graduation_sec",value:function(t){return t.getUTCSeconds()}},{key:"changeTime",value:function(t){var e=new Date(t);e.getFullYear();e.getMonth();e.getDate();var n=e.getHours();n<10&&(n="0"+n);var r=e.getMinutes();r<10&&(r="0"+r);var i=e.getSeconds();return i<10&&(i="0"+i),n-8+":"+r+":"+i}},{key:"ms_to_next_step",value:function(t,e){var n=t%e;return n?e-n:0}},{key:"set_time_to_middle",value:function(t){this.clearCanvas(),this.start_timestamp=t-1e3*this.sec_per_my/2,this.init(this.start_timestamp,this.timecell,!0)}},{key:"returnMouseupTime",value:function(t){this.returnTime&&t&&t.call(this,this.returnTime)}},{key:"clearCanvas",value:function(){this.ctx.clearRect(0,0,this.params.canvasW,this.params.canvasH)}}]),t}();e.a=c},function(t,e,n){"use strict";function r(t){r.installed&&h===t||(r.installed=!0,h=t,window.__waveform__version="3.2.8",t.component("vue-waveform",o.a),t.component("vue-waveplayer",s.a),t.component("vue-playback",u.a),t.component("vue-transfer",f.a))}Object.defineProperty(e,"__esModule",{value:!0}),n.d(e,"_Vue",function(){return h}),e.waveform=r;var i=n(63),o=n.n(i),a=n(66),s=n.n(a),c=n(64),u=n.n(c),l=n(65),f=n.n(l),h=void 0},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(14),i=n.n(r),o=n(15),a=n.n(o),s=n(21),c=n(31),u=n(29);e.default={name:"",mounted:function(){this.init()},props:{range:{type:Number,default:1},type:{type:String,default:"bar"},WIDTH:{default:500},HEIGHT:{type:Number,default:300},arraybuffer:{type:ArrayBuffer},bgColor:{type:String,default:"rgb(0, 0, 0)"},websocketURL:{type:String},id:{type:Number},fftSize:{type:Number,default:256}},watch:{arraybuffer:function(t,e){"object"===(void 0===t?"undefined":a()(t))&&this.drawer.receive(t)},type:function(t,e){t!==e&&(this.drawer.receive=this.drawer.warpperReceive(t))},WIDTH:function(t,e){t!==e&&this.drawer.setWidth(t)}},destroyed:function(){this.wsPlayer&&this.wsPlayer.stop(),this.wsPlayer=null},methods:{openWS:function(){var t=this;return new i.a(function(e,n){t.$nextTick(function(){t.wsPlayer.openWs(t.websocketURL,t.id).then(function(){e()})})})},play:function(){this.wsPlayer.play()},pause:function(){this.wsPlayer.pause()},stop:function(){return this.wsPlayer.stop()},init:function(){var t=this.$refs.canvas.getContext("2d"),e=this.WIDTH,n=this.HEIGHT,r=this.range,i=this.fftSize,o=this.type,a=this.bgColor;this.drawer=new s.a({canvasCtx:t,WIDTH:e,HEIGHT:n,range:r,fftSize:i,type:o,bgColor:a}),this.wsPlayer=new c.a({Mse:new u.a,Drawer:this.drawer})}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(14),i=n.n(r),o=n(15),a=n.n(o),s=n(12),c=n(21),u=n(31),l=n(29),f=n(128),h=n.n(f);e.default={name:"",data:function(){return{duration:0,currentTime:0}},created:function(){var t=this;s.a.$on("durationed",function(e){t.duration=t.formatDuring(e),t.$emit("durationEnded",t.duration)}),s.a.$on("updateTimeEnded",function(e){t.$emit("updateTimeEnded",e),t.currentTime=t.formatDuring(e)}),s.a.$on("seekTimed",function(e){t.wsPlayer.seek(Math.floor(e))})},mounted:function(){this.init()},components:{slider:h.a},props:{range:{type:Number,default:1},type:{type:String,default:"bar"},WIDTH:{default:500},HEIGHT:{type:Number,default:300},arraybuffer:{type:ArrayBuffer},bgColor:{type:String,default:"rgb(0, 0, 0)"},websocketURL:{type:String},id:{type:Number},fftSize:{type:Number,default:256}},watch:{currentTime:function(t,e){t!==e&&this.$emit("currentTimeEnded",t)},arraybuffer:function(t,e){"object"===(void 0===t?"undefined":a()(t))&&this.drawer.receive(t)},type:function(t,e){t!==e&&(this.drawer.receive=this.drawer.warpperReceive(t))},WIDTH:function(t,e){t!==e&&this.drawer.setWidth(t)}},destroyed:function(){this.wsPlayer&&this.wsPlayer.stop()},methods:{seekTo:function(t){this.wsPlayer.seek(t),this.$refs.slider.seekto(t)},formatDuring:function(t){var e=parseInt(t%864e5/36e5),n=parseInt(t%36e5/6e4),r=t%6e4/1e3;return r=Math.floor(r),n<=9&&(n="0"+n),e<=9&&(e="0"+e),r<=9&&(r="0"+r),e+":"+n+":"+r},openWS:function(){var t=this;return new i.a(function(e,n){t.$nextTick(function(){t.wsPlayer.openWs(t.websocketURL,t.id).then(function(){e()})})})},play:function(){this.wsPlayer.play()},pause:function(){this.wsPlayer.pause()},stop:function(){return this.wsPlayer.stop()},init:function(){var t=this.$refs.canvas.getContext("2d"),e=this.WIDTH,n=this.HEIGHT,r=this.range,i=this.fftSize,o=this.type,a=this.bgColor;this.drawer=new c.a({canvasCtx:t,WIDTH:e,HEIGHT:n-13,range:r,fftSize:i,type:o,bgColor:a});var s=new l.a;this.mse=s,this.wsPlayer=new u.a({Mse:s,Drawer:this.drawer})}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(12);e.default={data:function(){return{current:0}},created:function(){var t=this;this.current=0,this.middleVal=0,r.a.$on("durationed",function(e){t.current=0,t.middleVal=0,t.duration=Math.floor(e)}),r.a.$on("domtimeupdate",function(e){t.current=e})},watch:{current:function(t,e){var n=t+this.middleVal;r.a.$emit("updateTimeEnded",n),this.countdown(n)}},destroyed:function(){window.clearTimeout(window.timeid)},methods:{countdown:function(t){var e=t/this.duration;e<=1&&(this.handle.style="left:"+(e*this.slider.clientWidth-13)+"px")},seekto:function(t){this.middleVal=t-this.current}},mounted:function(){var t=this,e=this.$refs.slider,n=this.$refs.handle;this.slider=e,this.handle=n,this.infos={ismove:!1,delX:e.getBoundingClientRect().left,minX:0,maxX:e.clientWidth-n.clientWidth/2},n.addEventListener("mousedown",function(e){t.infos.ismove=!0}),e.addEventListener("click",function(e){if(t.duration&&t.duration>0){var n=e.pageX-t.infos.delX,i=n/(t.slider.clientWidth-13);i>=1&&(i=.999);var o=t.duration*i;t.middleVal=o-t.current,r.a.$emit("seekTimed",o)}}),document.addEventListener("mouseup",function(e){t.infos.ismove=!1}),document.addEventListener("mousemove",function(e){if(t.infos.ismove){var r=e.clientX-t.infos.delX;r<t.infos.minX||r>t.infos.maxX||(n.style.left=r+"px")}})}}},function(t,e,n){"use strict";Object.defineProperty(