(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-53d3ec98"],{"52f3":function(e,t,o){"use strict";o.r(t);var i=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{directives:[{name:"loading",rawName:"v-loading",value:e.audio.waiting,expression:"audio.waiting"}],staticClass:"di main-wrap",attrs:{"element-loading-text":"音视频加载中","element-loading-spinner":"el-icon-loading"}},[o("audio",{ref:"audio",staticClass:"dn",attrs:{src:e.url,preload:e.audio.preload},on:{play:e.onPlay,error:e.onError,waiting:e.onWaiting,pause:e.onPause,timeupdate:e.onTimeupdate,loadedmetadata:e.onLoadedmetadata}}),o("div",[1==e.audio.playing?o("i",{staticClass:"el-icon-microphone",staticStyle:{color:"rgb(10 243 61)","font-size":"18px"}}):o("i",{staticClass:"el-icon-microphone",staticStyle:{"font-size":"18px"}}),o("el-button",{staticStyle:{margin:"0 10px"},attrs:{type:"text"},on:{click:e.startPlayOrPause}},[e._v(e._s(e._f("transPlayPause")(e.audio.playing)))]),o("span",{attrs:{type:"info"}},[e._v(e._s(e._f("formatSecond")(e.audio.maxTime)))]),o("el-button",{directives:[{name:"show",rawName:"v-show",value:!e.controlList.noSpeed,expression:"!controlList.noSpeed"}],attrs:{type:"text"},on:{click:e.changeSpeed}},[e._v(e._s(e._f("transSpeed")(e.audio.speed)))]),o("a",{directives:[{name:"show",rawName:"v-show",value:!e.controlList.noDownload,expression:"!controlList.noDownload"}],staticClass:"download",attrs:{href:e.url,target:"_blank",download:""}},[e._v("下载")]),o("br"),o("el-slider",{directives:[{name:"show",rawName:"v-show",value:!e.controlList.noProcess,expression:"!controlList.noProcess"}],staticClass:"slider",attrs:{"format-tooltip":e.formatProcessToolTip},on:{change:e.changeCurrentTime},model:{value:e.sliderTime,callback:function(t){e.sliderTime=t},expression:"sliderTime"}}),o("el-slider",{directives:[{name:"show",rawName:"v-show",value:!e.controlList.noVolume,expression:"!controlList.noVolume"}],staticClass:"slider",attrs:{"format-tooltip":e.formatVolumeToolTip},on:{change:e.changeVolume},model:{value:e.volume,callback:function(t){e.volume=t},expression:"volume"}})],1)])},a=[],n=o("1b86"),s=o("5173");o("7a82"),o("6e70"),o("c33f"),o("cfee"),o("aad4");function r(e){var t=Object(s["a"])(e);if("number"===t||"string"===t){e=parseInt(e);var o=Math.floor(e/3600);e-=3600*o;var i=Math.floor(e/60);return e-=60*i,o+":"+("0"+i).slice(-2)+":"+("0"+e).slice(-2)}return"0:00:00"}var u={props:{theUrl:{type:String,required:!0},theSpeeds:{type:Array,default:function(){return[1,1.5,2]}},theControlList:{type:String,default:""}},data:function(){return{url:this.theUrl,audio:{currentTime:0,maxTime:0,playing:!1,muted:!1,speed:1,waiting:!1,preload:"auto"},sliderTime:0,volume:100,speeds:this.theSpeeds,controlList:{noDownload:!1,noMuted:!1,noVolume:!1,noProcess:!1,onlyOnePlaying:!1,noSpeed:!1}}},methods:{changeSpeed:function(){var e=this.speeds.indexOf(this.audio.speed)+1;this.audio.speed=this.speeds[e%this.speeds.length],this.$refs.audio.playbackRate=this.audio.speed},startMutedOrNot:function(){this.$refs.audio.muted=!this.$refs.audio.muted,this.audio.muted=this.$refs.audio.muted},formatVolumeToolTip:function(e){return"音量条: "+e},formatProcessToolTip:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return e=parseInt(this.audio.maxTime/100*e),"进度条: "+r(e)},changeVolume:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.$refs.audio.volume=e/100,this.volume=e},changeCurrentTime:function(e){this.$refs.audio.currentTime=parseInt(e/100*this.audio.maxTime)},startPlayOrPause:function(){return this.audio.playing?this.pausePlay():this.startPlay()},startPlay:function(){this.$refs.audio.play()},pausePlay:function(){this.$refs.audio.pause()},onPause:function(){this.audio.playing=!1},onError:function(){},onWaiting:function(e){console.log("等待",e)},onPlay:function(e){if(this.audio.playing=!0,this.audio.loading=!1,this.controlList.onlyOnePlaying){var t=e.target,o=document.getElementsByTagName("audio");Object(n["a"])(o).forEach((function(e){e!==t&&e.pause()}))}},setControlList:function(){var e=this,t=this.theControlList.split(" ");t.forEach((function(t){void 0!==e.controlList[t]&&(e.controlList[t]=!0)}))},onTimeupdate:function(e){this.audio.currentTime=e.target.currentTime,this.sliderTime=parseInt(this.audio.currentTime/this.audio.maxTime*100)},onLoadedmetadata:function(e){this.audio.waiting=!1,this.audio.maxTime=parseInt(e.target.duration)}},filters:{formatSecond:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return r(e)},transPlayPause:function(e){return e?"暂停":"播放"},transMutedOrNot:function(e){return e?"放音":"静音"},transSpeed:function(e){return"快进: x"+e}},created:function(){this.setControlList()}},l=u,d=(o("eaa7"),o("1805")),c=Object(d["a"])(l,i,a,!1,null,"350ab367",null);t["default"]=c.exports},e033:function(e,t,o){},eaa7:function(e,t,o){"use strict";o("e033")}}]);
|
