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

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

!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var n=e();for(var r in n)("object"==typeof exports?exports:t)[r]=n[r]}}(this,function(){return 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,f,l,d=t&c.F,p=t&c.G,h=t&c.S,v=t&c.P,m=t&c.B,y=t&c.W,g=p?i:i[e]||(i[e]={}),_=g.prototype,w=p?r:h?r[e]:(r[e]||{}).prototype;p&&(n=e);for(u in n)(f=!d&&w&&void 0!==w[u])&&s(g,u)||(l=f?w[u]:n[u],g[u]=p&&"function"!=typeof w[u]?n[u]:m&&f?o(l,r):y&&w[u]==l?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}(l):v&&"function"==typeof l?o(Function.call,l):l,v&&((g.virtual||(g.virtual={}))[u]=l,t&c.R&&_&&!_[u]&&a(_,u,l)))};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){var r=n(48),i=n(32);t.exports=function(t){return r(i(t))}},function(t,e,n){"use strict";var r=n(134),i=new r.a;e.a=i},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";var r=n(14),i=n.n(r),o=n(44),a=n.n(o),s=n(6),c=n.n(s),u=n(7),f=n.n(u),l=n(67),d=n(30),p=n(68),h={WIDTH:500,HEIGHT:300},v=window.AudioContext||window.webkitAudioContext,m=new v,y=m.createAnalyser(),g=function(){function t(e){c()(this,t),this.opts=a()({},h),this.tween=new p.a,n.i(d.a)(this.opts,e||{}),y.fftSize=this.opts.fftSize,"line3"===this.opts.type?this.analysisLine=new l.a({WIDTH:this.opts.WIDTH/4,audioContext:m}):this.analysisLine=new l.a({WIDTH:this.opts.WIDTH,audioContext:m}),this.receive=this.warpperReceive(this.opts.type),this.drawBar=this.drawBar.bind(this),this.drawLine=this.drawLine.bind(this),this.mybuffer=void 0,this.animationStart=!1,this.isOpen=!1,this.masterArr=[]}return f()(t,[{key:"setWidth",value:function(t,e){this.clear(),this.opts.WIDTH=t}},{key:"review",value:function(t){return this.analysisLine=new l.a({WIDTH:this.opts.WIDTH,audioContext:m}),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:"warpperReceive",value:function(t){var e=this;return"bar"===t?function(n){return new i.a(function(r,i){m.decodeAudioData(n,function(n){e.analysisBar(n,t),r(n)})})}:"line"===t?function(n){return new i.a(function(r,i){m.decodeAudioData(n,function(n){e.analysisBar(n,t),r(n)})})}:"line2"===t?function(t){return new i.a(function(n,r){m.decodeAudioData(t,function(t){e.mybuffer=t,e.analysisLine.getPeaks(t),e.drawLine2(),n(t)})})}:"line3"===t?function(t){return new i.a(function(n,r){m.decodeAudioData(t,function(t){e.mybuffer=t,e.analysisLine.getPeaks(t),e.drawLine3(),n(t)})})}:void 0}},{key:"analysisBar",value:function(t,e){this.audioBufferSourceNode=m.createBufferSource(),this.audioBufferSourceNode.connect(y),this.audioBufferSourceNode.buffer=t,this.audioBufferSourceNode.start(0),this.bufferLength=y.frequencyBinCount,this.dataArray=new Uint8Array(this.bufferLength),this.isOpen||("line"===e?this.drawLine():"bar"===e&&this.drawBar(),this.isOpen=!0)}},{key:"drawBar",value:function(){if(this.animationStart&&null!==this.dataArray){y.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(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:"drawLine",value:function(){if(this.animationStart&&null!==this.dataArray){y.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/2;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(){var t=this,e=this.analysisLine.mergedPeaks.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 n=1*this.opts.WIDTH/e.length,r=e.length;this.tween.animate({x:0,duration:2e3,sliceWidth:n,count:r,callback:function(n,r,i){var o=e[n]*t.opts.range+t.opts.HEIGHT/2;return 0===n?t.opts.canvasCtx.moveTo(r,o):t.opts.canvasCtx.lineTo(r,o),r+=i,t.opts.canvasCtx.stroke(),r}}),this.opts.canvasCtx.lineTo(this.opts.WIDTH,this.opts.HEIGHT/2),this.opts.canvasCtx.stroke()}},{key:"drawLine3",value:function(){var t=this;if(t.masterArr.length>this.opts.WIDTH/2*4){var e=t.masterArr.length-this.opts.WIDTH/2;t.masterArr.splice(e)}var n=this.analysisLine.mergedPeaks.map(function(t,e){return 1e3*t});t.masterArr.unshift.apply(t.masterArr,n),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 r=1*this.opts.WIDTH/t.masterArr.length,i=0,o=t.masterArr.length,a=0;a<o;a++){var s=t.masterArr[a]*this.opts.range+this.opts.HEIGHT/2;0===a?this.opts.canvasCtx.moveTo(i,s):this.opts.canvasCtx.lineTo(i,s),i+=r}this.opts.canvasCtx.lineTo(this.opts.WIDTH,this.opts.HEIGHT/2),this.opts.canvasCtx.stroke()}}]),t}();e.a=g},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=function(){function t(){i()(this,t),this.initMediaSource()}return a()(t,[{key:"initMediaSource",value:function(){var t=new Audio;this.dom=t,this.mediaSource=new MediaSource,t.src=window.URL.createObjectURL(this.mediaSource),this.mediaSource.addEventListener("sourceopen",this.onSourceOpen.bind(this))}},{key:"onSourceOpen",value:function(){this.sourceBuffer=this.mediaSource.addSourceBuffer("audio/aac")}},{key:"play",value:function(){this.dom&&this.dom.play()}},{key:"pause",value:function(){this.dom&&this.dom.pause()}},{key:"appendBuffer",value:function(t){this.sourceBuffer.appendBuffer(t)}},{key:"stop",value:function(){this.dom=null,this.mediaSource=null,this.initMediaSource()}}]),t}();e.a=s},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),f=n.n(u),l=n(7),d=n.n(l),p=n(13),h=function(){function t(e){f()(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 d()(t,[{key:"drawCanvas",value:function(){(this.opts.canvasCtxL||this.opts.canvasCtxR)&&(this.opts.canvasCtxL.fillStyle=this.opts.bgColor,this.opts.canvasCtxL.fillRect(0,0,200,30),this.opts.canvasCtxR.fillStyle=this.opts.bgColor,this.opts.canvasCtxR.fillRect(0,0,200,30))}},{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(",");e.map(function(t){if(t.indexOf(":")>-1){var e=t.split(":");if("l"===e[0]&&a.opts.canvasCtxL){var n=a.opts.canvasCtxL.createLinearGradient(0,0,200,0);n.addColorStop(0,"#43e94b"),n.addColorStop(.55,"#ed1919"),n.addColorStop(1,"#ed1919"),a.opts.canvasCtxL.fillStyle=a.opts.bgColor,a.opts.canvasCtxL.fillRect(0,0,200,30),a.opts.canvasCtxL.fillStyle=n,a.opts.canvasCtxL.fillRect(0,0,2*parseInt(e[1]),30)}if("r"===e[0]&&a.opts.canvasCtxR){var r=a.opts.canvasCtxL.createLinearGradient(0,0,200,0);r.addColorStop(0,"#43e94b"),r.addColorStop(.55,"#ed1919"),r.addColorStop(1,"#ed1919"),a.opts.canvasCtxR.fillStyle=a.opts.bgColor,a.opts.canvasCtxR.fillRect(0,0,200,30),a.opts.canvasCtxR.fillStyle=r,a.opts.canvasCtxR.fillRect(0,0,2*parseInt(e[1]),30)}}})}else if(t.data.indexOf("time")>-1){var n=t.data.split(":");p.a.$emit("durationed",n[1])}}})}},{key:"play",value:function(){this.ws&&this.ws.send("LISTEN:"+this.id),this.drawer.startAnimation(),this.mse.play()}},{key:"seek",value:function(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.pause(),t.ws.close(),t.ws=null):e(0)})}}]),t}();e.a=h},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),f=n(103),l=n(1)("iterator"),d=!([].keys&&"next"in[].keys()),p=function(){return this};t.exports=function(t,e,n,h,v,m,y){c(n,e,h);var g,_,w,b=function(t){if(!d&&t in k)return k[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,k=t.prototype,S=k[l]||k["@@iterator"]||v&&k[v],T=S||b(v),E=v?x?b("entries"):T:void 0,I="Array"==e?k.entries||S:S;if(I&&(w=f(I.call(new t)))!==Object.prototype&&w.next&&(u(w,A,!0),r||"function"==typeof w[l]||a(w,l,p)),x&&S&&"values"!==S.name&&(C=!0,T=function(){return S.call(this)}),r&&!y||!d&&!C&&k[l]||a(k,l,T),s[e]=T,s[A]=p,v)if(g={values:x?T:b("values"),keys:m?T:b("keys"),entries:E},y)for(_ in g)_ in k||o(k,_,g[_]);else i(i.P+i.F*(d||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(12),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),f=n(0),l=f.process,d=f.setImmediate,p=f.clearImmediate,h=f.MessageChannel,v=f.Dispatch,m=0,y={},g=function(){var t=+this;if(y.hasOwnProperty(t)){var e=y[t];delete y[t],e()}},_=function(t){g.call(t.data)};d&&p||(d=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},p=function(t){delete y[t]},"process"==n(16)(l)?r=function(t){l.nextTick(a(g,t,1))}:v&&v.now?r=function(t){v.now(a(g,t,1))}:h?(i=new h,o=i.port2,i.port1.onmessage=_,r=a(o.postMessage,o,1)):f.addEventListener&&"function"==typeof postMessage&&!f.importScripts?(r=function(t){f.postMessage(t+"","*")},f.addEventListener("message",_,!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:d,clear:p}},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],f=r[u],l=f&&f.prototype;l&&!l[a]&&i(l,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.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 f=~~(u*n),l=~~(f+n),d=0,p=0,h=void 0;for(h=f;h<l;h+=r){var v=c[h];v>p&&(p=v),v<d&&(d=v)}s[2*u]=p,s[2*u+1]=d,(0===a||p>this.mergedPeaks[2*u])&&(this.mergedPeaks[2*u]=p),(0===a||d<this.mergedPeaks[2*u+1])&&(this.mergedPeaks[2*u+1]=d)}}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()),f=u/t.duration||0,l=1-f;if(1===l){for(var d=Math.floor(i*l),p=c+1;p<d+1;p++)a=t.callback(p,a,o);!function(){clearInterval(e),e=null}()}else if(s)c=0,s=!1,a=t.callback(0,a,o);else{for(var h=Math.floor(i*l),v=c+1;v<h+1;v++)a=t.callback(v,a,o);c=h}};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(13),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,f=void 0,l=void 0,d=this.ms_to_next_step(t,60*i*1e3),p=d*n,h=Math.round(r/n),v=0;v<c;v++){u=p+v*r,f=t+d+v*h;var m=new Date(f);if(0===m.getUTCHours()&&0===m.getUTCMinutes()){l=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(f/6e4)%a==0){l=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 l=10;this.drawLine(u,0,u,l,"rgba(151,158,167,1)",1)}if(this.sec_per_my<61){for(var _=this.canvasW/this.sec_per_my,w=void 0,b=0;b<this.minutes_per_step.length;b++)if(_<=this.minutes_per_step[b]){w=this.minutes_per_step[b];break}var A=this.canvasW/w,x=w/(this.canvasW/this.sec_per_my);u=0;for(var C=0,k=0;k<A;k++){if(this.drawLine(u,0,u,10,"rgba(151,158,167,1)",1),k%4==0){this.ctx.fillStyle="rgba(151,158,167,1)";var S="0:00:";Math.round(C)>9?S+=Math.round(C):S+="0"+Math.round(C),u+74<this.canvasW&&this.ctx.fillText(S,u,25)}u+=w,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&&d===t||(r.installed=!0,d=t,t.component("vue-waveform",o.a),t.component("vue-waveplayer",s.a),t.component("vue-playback",u.a),t.component("vue-transfer",l.a))}Object.defineProperty(e,"__esModule",{value:!0}),n.d(e,"_Vue",function(){return d}),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),f=n(65),l=n.n(f),d=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(13),c=n(21),u=n(31),f=n(29),l=n(128),d=n.n(l);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:d.a},props:{startFrame:{type:Number,default:0},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)},startFrame:function(t,e){t!==e&&0!==t&&(this.wsPlayer.seek(t),this.$refs.slider.seekto(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(),this.wsPlayer=null},methods:{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,range:r,fftSize:i,type:o,bgColor:a});var s=new f.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(13);e.default={created:function(){var t=this;this.current=0,r.a.$on("durationed",function(e){t.duration=Math.floor(e),t.countdown(Math.floor(e))})},methods:{countdown:function(t){r.a.$emit("updateTimeEnded",this.duration-t);var e=this,n=(this.duration-t)/this.duration;n<=1&&(this.handle.style="left:"+(n*e.slider.clientWidth-13)+"px"),e.timeid=setTimeout(function(){t-50>=0&&e.countdown(t-50)},50)},seekto:function(t){window.clearTimeout(this.timeid),this.countdown(this.duration-t)}},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),o=t.duration*i;window.clearTimeout(t.timeid),t.countdown(t.duration-o),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(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,bgColor:a,Drawer:this.drawer})}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(15),i=n.n(r),o=n(21),a=n(30),s=n(13),c=n(69),u=n(70);e.default={name:"",mounted:function(){this.init()},data:function(){return{arraybuffer:null,isLoad:!1}},props:{URL:{default:"",type:String},range:{type:Number,default:1},playType:{default:2},openAudioContext:{default:!0},type:{type:String,default:"line2"},WIDTH:{default:500},HEIGHT:{type:Number,default:300},bgColor:{type:String,default:"rgb(0, 0, 0)"},websocketURL:{type:String},id:{type:Number},fftSize:{type:Number,default:256}},watch:{URL:function(t,e){if(""!==t){var r=this;this.isLoad=!0,t!==e&&n.i(a.b)({url:t,success:function(t){r.arraybuffer=t,r.myab=t.slice(),r.$refs.waveMask.style="width: 0px",r.timeline&&r.timeline.clearCanvas()},error:function(){this.isLoad=!1}})}},arraybuffer:function(t,e){if(null!==t&&"object"===(void 0===t?"undefined":i()(t))){this.media&&this.media.stop(),this.drawer&&this.drawer.destory(),this.buffer=this.drawer.receive(t),this.media&&this.media.source&&this.media.source.stop();var n=this;this.$nextTick(function(){n.buffer.then(function(t){n.isLoad=!1,1===n.playType?n.media=new c.a({media:n.$refs.waveAudio,duration:t.duration,length:n.WIDTH,dom:n.$refs.waveMask,url:n.URL}):2===n.playType&&(n.openAudioContext?n.media=new c.a({byteArray:t,hasAudioContext:!0,length:n.WIDTH,dom:n.$refs.waveMask,duration:t.duration}):n.media=new c.a({media:new Audio,duration:t.duration,length:n.WIDTH,dom:n.$refs.waveMask,url:n.URL})),n.$emit("ready",t.duration)})})}},type:function(t,e){t!==e&&(this.drawer.receive=this.drawer.warpperReceive(t))},WIDTH:function(t,e){var n=this;if(t!==e&&(this.drawer.setWidth(t),"[object ArrayBuffer]"===Object.prototype.toString.call(this.myab))){this.media&&this.media.setWidth(t);var r=this.myab.slice();this.buffer=this.drawer.review(r),this.isLoad=!0,s.a.$off("process"),this.buffer.then(function(t){n.isLoad=!1,n.timeline&&n.timeline.clearCanvas(),n.$emit("ready",t.duration)})}}},destroyed:function(){this.wsPlayer&&this.wsPlayer.stop(),this.wsPlayer=null},methods:{stop:function(){this.media&&this.media.stop(),this.drawer&&this.drawer.destory()},pause:function(){this.media&&this.media.pause()},seekTo:function(t){t/=1e3,this.$refs.waveAudio.currentTime=t;var e=t/this.media.getDuration();this.$refs.waveMask.style="width: "+this.WIDTH*e+"px",this.media.isPaused()&&this.media.play()},init:function(){var t=this.$refs.canvas.getContext("2d"),e=this.WIDTH,n=this.HEIGHT,r=this.range,i=this.fftSize,a=this.type,s=this.bgColor;this.drawer=new o.a({canvasCtx:t,WIDTH:e,HEIGHT:n,range:r,fftSize:i,type:a,bgColor:s}),this.addEvent()},addEvent:function(){var t=this;this.$refs.wavePlayer.style="width: "+this.WIDTH+"px;height: "+(this.HEIGHT+38)+"px;",this.$on("ready",function(e){2===t.playType&&(t.timeline=new u.a({canvas:this.$refs.timeline,hours_per_ruler:e/3600,sec_per_my:e}),s.a.$on("process",function(e){var n={};n.pageX=e,t.timeline.mousemoveFunc(n)})),this.$refs.waveContainer.addEventListener("click",function(e){var n=e.clientX-this.getBoundingClientRect().left;t.openAudioContext?t.media.isPaused()&&(t.$refs.waveMask.style="width: "+n+"px"):(t.media.isStop&&(t.$refs.waveMask.style="width: "+n+"px"),t.media.params.media.currentTime=n/t.WIDTH*t.media.getDuration())},!1)}),s.a.$on("sourceEnded",function(){t.arraybuffer=null})}}}},function(t,e,n){t.exports={default:n(81),__esModule:!0}},function(t,e,n){t.exports={default:n(83),__esModule:!0}},function(t,e,n){t.exports={default:n(84),__esModule:!0}},function(t,e,n){n(111),t.exports=n(2).Object.assign},function(t,e,n){n(112);var r=n(2).Object;t.exports=function(t,e,n){return r.defineProperty(t,e,n)}},function(t,e,n){n(60),n(61),n(62),n(113),n(115),n(116),t.exports=n(2).Promise},function(t,e,n){n(114),n(60),n(117),n(118),t.exports=n(2).Symbol},function(t,e,n){n(61),n(62),t.exports=n(42).f("iterator")},function(t,e){t.exports=function(){}},function(t,e){t.exports=function(t,e,n,r){if(!(t instanceof e)||void 0!==r&&r in t)throw TypeError(n+": incorrect invocation!");return t}},function(t,e,n){var r=n(12),i=n(58),o=n(107);t.exports=function(t){return function(e,n,a){var s,c=r(e),u=i(c.length),f=o(a,u);if(t&&n!=n){for(;u>f;)if((s=c[f++])!=s)return!0}else for(;u>f;f++)if((t||f in c)&&c[f]===n)return t||f||0;return!t&&-1}}},function(t,e,n){var r=n(24),i=n(36),o=n(25);t.exports=function(t){var e=r(t),n=i.f;if(n)for(var a,s=n(t),c=o.f,u=0;s.length>u;)c.call(t,a=s[u++])&&e.push(a);return e}},function(t,e,n){var r=n(23),i=n(93),o=n(91),a=n(3),s=n(58),c=n(109),u={},f={},e=t.exports=function(t,e,n,l,d){var p,h,v,m,y=d?function(){return t}:c(t),g=r(n,l,e?2:1),_=0;if("function"!=typeof y)throw TypeError(t+" is not iterable!");if(o(y)){for(p=s(t.length);p>_;_++)if((m=e?g(a(h=t[_])[0],h[1]):g(t[_]))===u||m===f)return m}else for(v=y.call(t);!(h=v.next()).done;)if((m=i(v,g,h.value,e))===u||m===f)return m};e.BREAK=u,e.RETURN=f},function(t,e){t.exports=function(t,e,n){var r=void 0===n;switch(e.length){case 0:return r?t():t.call(n);case 1:return r?t(e[0]):t.call(n,e[0]);case 2:return r?t(e[0],e[1]):t.call(n,e[0],e[1]);case 3:return r?t(e[0],e[1],e[2]):t.call(n,e[0],e[1],e[2]);case 4:return r?t(e[0],e[1],e[2],e[3]):t.call(n,e[0],e[1],e[2],e[3])}return t.apply(n,e)}},function(t,e,n){var r=n(18),i=n(1)("iterator"),o=Array.prototype;t.exports=function(t){return void 0!==t&&(r.Array===t||o[i]===t)}},function(t,e,n){var r=n(16);t.exports=Array.isArray||function(t){return"Array"==r(t)}},function(t,e,n){var r=n(3);t.exports=function(t,e,n,i){try{return i?e(r(n)[0],n[1]):e(n)}catch(e){var o=t.return;throw void 0!==o&&r(o.call(t)),e}}},function(t,e,n){"use strict";var r=n(50),i=n(26),o=n(27),a={};n(10)(a,n(1)("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=r(a,{next:i(1,n)}),o(t,e+" Iterator")}},function(t,e,n){var r=n(1)("iterator"),i=!1;try{var o=[7][r]();o.return=function(){i=!0},Array.from(o,function(){throw 2})}catch(t){}t.exports=function(t,e){if(!e&&!i)return!1;var n=!1;try{var o=[7],a=o[r]();a.next=function(){return{done:n=!0}},o[r]=function(){return a},t(o)}catch(t){}return n}},function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},function(t,e,n){var r=n(28)("meta"),i=n(11),o=n(9),a=n(5).f,s=0,c=Object.isExtensible||function(){return!0},u=!n(17)(function(){return c(Object.preventExtensions({}))}),f=function(t){a(t,r,{value:{i:"O"+ ++s,w:{}}})},l=function(t,e){if(!i(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!o(t,r)){if(!c(t))return"F";if(!e)return"E";f(t)}return t[r].i},d=function(t,e){if(!o(t,r)){if(!c(t))return!0;if(!e)return!1;f(t)}return t[r].w},p=function(t){return u&&h.NEED&&c(t)&&!o(t,r)&&f(t),t},h=t.exports={KEY:r,NEED:!1,fastKey:l,getWeak:d,onFreeze:p}},function(t,e,n){var r=n(0),i=n(57).set,o=r.MutationObserver||r.WebKitMutationObserver,a=r.process,s=r.Promise,c="process"==n(16)(a);t.exports=function(){var t,e,n,u=function(){var r,i;for(c&&(r=a.domain)&&r.exit();t;){i=t.fn,t=t.next;try{i()}catch(r){throw t?n():e=void 0,r}}e=void 0,r&&r.enter()};if(c)n=function(){a.nextTick(u)};else if(!o||r.navigator&&r.navigator.standalone)if(s&&s.resolve){var f=s.resolve(void 0);n=function(){f.then(u)}}else n=function(){i.call(r,u)};else{var l=!0,d=document.createTextNode("");new o(u).observe(d,{characterData:!0}),n=function(){d.data=l=!l}}return function(r){var i={fn:r,next:void 0};e&&(e.next=i),t||(t=i,n()),e=i}}},function(t,e,n){"use strict";var r=n(24),i=n(36),o=n(25),a=n(59),s=n(48),c=Object.assign;t.exports=!c||n(17)(function(){var t={},e={},n=Symbol(),r="abcdefghijklmnopqrst";return t[n]=7,r.split("").forEach(function(t){e[t]=t}),7!=c({},t)[n]||Object.keys(c({},e)).join("")!=r})?function(t,e){for(var n=a(t),c=arguments.length,u=1,f=i.f,l=o.f;c>u;)for(var d,p=s(arguments[u++]),h=f?r(p).concat(f(p)):r(p),v=h.length,m=0;v>m;)l.call(p,d=h[m++])&&(n[d]=p[d]);return n}:c},function(t,e,n){var r=n(5),i=n(3),o=n(24);t.exports=n(4)?Object.defineProperties:function(t,e){i(t);for(var n,a=o(e),s=a.length,c=0;s>c;)r.f(t,n=a[c++],e[n]);return t}},function(t,e,n){var r=n(25),i=n(26),o=n(12),a=n(40),s=n(9),c=n(47),u=Object.getOwnPropertyDescriptor;e.f=n(4)?u:function(t,e){if(t=o(t),e=a(e,!0),c)try{return u(t,e)}catch(t){}if(s(t,e))return i(!r.f.call(t,e),t[e])}},function(t,e,n){var r=n(12),i=n(51).f,o={}.toString,a="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[],s=function(t){try{return i(t)}catch(t){return a.slice()}};t.exports.f=function(t){return a&&"[object Window]"==o.call(t)?s(t):i(r(t))}},function(t,e,n){var r=n(9),i=n(59),o=n(37)("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=i(t),r(t,o)?t[o]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?a:null}},function(t,e,n){var r=n(10);t.exports=function(t,e,n){for(var i in e)n&&t[i]?t[i]=e[i]:r(t,i,e[i]);retu