New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@liripeng/vue-audio-player

Package Overview
Dependencies
Maintainers
1
Versions
58
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@liripeng/vue-audio-player - npm Package Compare versions

Comparing version

1.2.4
to
1.2.5

2

lib/vue-audio-player.umd.min.js

@@ -1,2 +0,2 @@

(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["vue-audio-player"]=t():e["vue-audio-player"]=t()})("undefined"!==typeof self?self:this,(function(){return function(e){var t={};function i(o){if(t[o])return t[o].exports;var n=t[o]={i:o,l:!1,exports:{}};return e[o].call(n.exports,n,n.exports,i),n.l=!0,n.exports}return i.m=e,i.c=t,i.d=function(e,t,o){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},i.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(i.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(o,n,function(t){return e[t]}.bind(null,n));return o},i.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s="fb15")}({"0aac":function(e,t){!function(e){var t,i,o,n,a,s,r='<svg><symbol id="icon-play-volume-no" viewBox="0 0 1024 1024"><path d="M529.1008 901.60128c-2.69824 0-12.09856-4.10112-16.9984-9.00096l-0.30208-0.30208-230.4-190.10048H96.1024c-8.89856 0-18.29888-4.59776-22.70208-9.00096s-9.00096-13.7984-9.00096-22.70208V351.49824c0-6.99904 2.69824-12.9024 4.39808-14.60224h2.2016l2.40128-2.40128c4.39808-4.39808 13.7984-9.00096 22.70208-9.00096h185.29792l230.4-195.79904 0.19968-0.19456c5.80096-5.80096 12.9024-6.99904 17.80224-6.99904 4.39808 0 8.89856 0.9984 12.60032 2.89792l0.50176 0.30208 0.50176 0.19968c12.49792 4.1984 17.19808 11.29984 17.19808 26.39872v717.7984c0 15.09888-4.70016 22.2976-17.19808 26.39872l-1.80224 0.59904-1.39776 1.39776c-3.00544 3.00544-5.6064 3.10784-11.10528 3.10784z" ></path></symbol><symbol id="icon-play-volume" viewBox="0 0 1024 1024"><path d="M529.1 901.6c-2.7 0-12.1-4.1-17-9l-0.3-0.3-230.4-190.1H96.1c-8.9 0-18.3-4.6-22.7-9-4.4-4.4-9-13.8-9-22.7v-319c0-7 2.7-12.9 4.4-14.6H71l2.4-2.4c4.4-4.4 13.8-9 22.7-9h185.3l230.4-195.8 0.2-0.2c5.8-5.8 12.9-7 17.8-7 4.4 0 8.9 1 12.6 2.9l0.5 0.3 0.5 0.2c12.5 4.2 17.2 11.3 17.2 26.4v717.8c0 15.1-4.7 22.3-17.2 26.4l-1.8 0.6-1.4 1.4c-3 3-5.6 3.1-11.1 3.1z m279.1-79.7c-9.9 0-23.1-5.1-26.9-12.6-9-18-5.8-36.4 7.9-46.1 4.8-2 11.6-7.2 20.3-15.6 8.9-8.7 22.4-23.7 36.2-45.7 23-36.8 50.4-99.7 50.4-190.9s-29-154.2-53.3-191.1c-14.5-22-28.8-37-38.2-45.6-6.6-6.1-14.9-13-21-15.5-12.6-9.1-17-31.4-8.9-44.5 9.4-9.1 20.6-14.3 30.8-14.3 5.4 0 10.4 1.4 14.8 4.2 0.7 0.6 1.6 1.3 3 2.4 29.4 23.1 54.9 51.4 75.8 84.1 40.1 62.9 60.5 137 60.5 220.3 0 83.7-19.7 158.1-58.4 221.1-20.1 32.7-44.5 60.9-72.6 83.6-1.7 1.4-2.6 2.1-3.3 2.8-3.4 3.4-13.3 3.4-17.1 3.4zM688.6 696.6c-8.3 0-22.6-9.7-26.9-18.3l-0.2-0.5-0.3-0.4c-8.2-12.4 0.8-30.4 14.5-39.7 6.4-3.4 60.9-35.5 60.9-132.3 0-46.5-18-78.4-33.2-97-16.5-20.2-33.1-29.4-33.7-29.8l-0.6-0.3-0.7-0.2c-5.8-1.9-11.4-8.5-14.3-16.8-2.9-8.3-2.3-16.6 1.4-22.2l0.6-0.9 0.3-1c2.9-8.6 15.6-16.1 27.3-16.1 4.5 0 8.6 1.1 11.7 3.2l2.1 1.4h1.5c4.5 1.7 29.1 14 53.5 41.9 21.7 24.9 47.6 68.1 47.6 132.2 0 72.9-24.5 120.2-45 147.1-22.6 29.5-45.6 42.2-50.4 44.1h-2.4l-2.4 2.4c-3.2 3-5.7 3.2-11.3 3.2z" ></path></symbol><symbol id="icon-play-pause" viewBox="0 0 1024 1024"><path d="M960 512c0-247.36-200.576-448-448-448C264.64 64 64 264.64 64 512c0 247.424 200.64 448 448 448C759.424 960 960 759.424 960 512zM128 511.936c0-212.032 171.904-384 384-384s384 171.968 384 384-171.904 384-384 384S128 723.968 128 511.936zM406.784 678.208c-22.656 0.064-41.088-19.072-41.088-42.56L365.696 383.04c0-23.68 18.432-42.688 41.152-42.688C429.568 340.224 448 359.488 448 382.976l0 252.544C448 659.136 429.568 678.272 406.784 678.208zM617.088 678.208C594.368 678.272 576 659.136 576 635.648L576 383.04c0-23.68 18.432-42.688 41.152-42.688 22.656-0.128 41.152 19.136 41.152 42.624l0 252.544C658.24 659.136 639.808 678.272 617.088 678.208z" ></path></symbol><symbol id="icon-play" viewBox="0 0 1024 1024"><path d="M511.2269 64.4608c-246.1655 0-446.4425 200.278-446.4425 446.4425 0 246.1655 200.277 446.4435 446.4425 446.4435s446.4425-200.278 446.4425-446.4435C957.6694 264.7388 757.3914 64.4608 511.2269 64.4608zM511.2269 901.5409c-215.4015 0-390.6376-175.2361-390.6376-390.6376 0-215.4015 175.2361-390.6365 390.6376-390.6365 215.4015 0 390.6365 175.2351 390.6365 390.6365C901.8634 726.3048 726.6273 901.5409 511.2269 901.5409zM705.3455 459.649l-238.807-129.622c-11.3347-6.186-23.5151-9.4556-35.2328-9.4556-34.5508 0-59.5927 26.5134-59.5927 63.0272v254.61248c0 36.5117 25.0419 62.9975 59.5927 63.0262 11.7166 0 23.8971-3.2696 35.1519-9.3993l240.087-129.7326c21.718-11.8262 34.1985-30.2735 34.1985-50.5743C740.7432 490.8216 727.852 471.9114 705.3455 459.649zM679.9227 513.0568 439.8356 642.7884c-4.1974 2.3183-7.168 2.6429-8.5299 2.6429-1.5247 0-3.7878 0-3.7878-7.2212V383.59859199999994c0-7.2212 2.263-7.2212 3.7878-7.2212 1.3629 0 4.3325 0.3543 8.5555 2.6429l238.8357 129.6507c1.7172 0.9533 3.0515 1.8524 4.0878 2.6429C682.0219 511.8587 681.0665 512.4577 679.9227 513.0568z" ></path></symbol><symbol id="icon-play-prev" viewBox="0 0 1024 1024"><path d="M128 102.4V928c0 17.673 14.327 32 32 32 17.673 0 32-14.327 32-32V102.4c0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32z m646.028 41.395l-404.352 331.09c-27.383 22.42-27.435 58.886 0 81.35l404.352 331.09c27.382 22.42 49.676 12.003 49.676-23.366V167.16c0-35.646-22.24-45.83-49.676-23.365z m-40.546-49.518c69.12-56.597 154.222-16.897 154.222 72.883v696.8c0 89.481-85.14 129.447-154.222 72.883L329.13 605.753c-58.7-48.064-58.662-132.353 0-180.386l404.352-331.09z" fill="" ></path></symbol><symbol id="icon-play-next" viewBox="0 0 1024 1024"><path d="M889.6 921.6V96c0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32v825.6c0 17.673 14.327 32 32 32 17.673 0 32-14.327 32-32z m-646.028-41.395l404.352-331.09c27.383-22.42 27.435-58.886 0-81.35l-404.352-331.09c-27.382-22.42-49.676-12.003-49.676 23.366V856.84c0 35.646 22.24 45.83 49.676 23.365z m40.546 49.518c-69.12 56.597-154.222 16.897-154.222-72.883v-696.8c0-89.481 85.14-129.447 154.222-72.883l404.352 331.09c58.7 48.064 58.662 132.353 0 180.386l-404.352 331.09z" fill="" ></path></symbol></svg>',u=(u=document.getElementsByTagName("script"))[u.length-1].getAttribute("data-injectcss");if(u&&!e.__iconfont__svg__cssinject__){e.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(e){console&&console.log(e)}}function c(){a||(a=!0,o())}t=function(){var e,t,i,o;(o=document.createElement("div")).innerHTML=r,r=null,(i=o.getElementsByTagName("svg")[0])&&(i.setAttribute("aria-hidden","true"),i.style.position="absolute",i.style.width=0,i.style.height=0,i.style.overflow="hidden",e=i,(t=document.body).firstChild?(o=e,(i=t.firstChild).parentNode.insertBefore(o,i)):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(t,0):(i=function(){document.removeEventListener("DOMContentLoaded",i,!1),t()},document.addEventListener("DOMContentLoaded",i,!1)):document.attachEvent&&(o=t,n=e.document,a=!1,(s=function(){try{n.documentElement.doScroll("left")}catch(e){return void setTimeout(s,50)}c()})(),n.onreadystatechange=function(){"complete"==n.readyState&&(n.onreadystatechange=null,c())})}(window)},1054:function(e,t,i){},8875:function(e,t,i){var o,n,a;(function(i,s){n=[],o=s,a="function"===typeof o?o.apply(t,n):o,void 0===a||(e.exports=a)})("undefined"!==typeof self&&self,(function(){function e(){var t=Object.getOwnPropertyDescriptor(document,"currentScript");if(!t&&"currentScript"in document&&document.currentScript)return document.currentScript;if(t&&t.get!==e&&document.currentScript)return document.currentScript;try{throw new Error}catch(f){var i,o,n,a=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,s=/@([^@]*):(\d+):(\d+)\s*$/gi,r=a.exec(f.stack)||s.exec(f.stack),u=r&&r[1]||!1,c=r&&r[2]||!1,l=document.location.href.replace(document.location.hash,""),d=document.getElementsByTagName("script");u===l&&(i=document.documentElement.outerHTML,o=new RegExp("(?:[^\\n]+?\\n){0,"+(c-2)+"}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),n=i.replace(o,"$1").trim());for(var h=0;h<d.length;h++){if("interactive"===d[h].readyState)return d[h];if(d[h].src===u)return d[h];if(u===l&&d[h].innerHTML&&d[h].innerHTML.trim()===n)return d[h]}return null}}return e}))},f7be:function(e,t,i){"use strict";i("1054")},fb15:function(e,t,i){"use strict";if(i.r(t),"undefined"!==typeof window){var o=window.document.currentScript,n=i("8875");o=n(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:n});var a=o&&o.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);a&&(i.p=a[1])}i("0aac");var s=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"audio-player"},[i("div",{staticClass:"audio__btn-wrap"},[i("div",{directives:[{name:"show",rawName:"v-show",value:e.showPrevButton,expression:"showPrevButton"}],staticClass:"audio__play-prev",class:{disable:!e.isLoop&&0===e.currentPlayIndex},on:{click:function(t){return t.stopPropagation(),e.playPrev(t)}}},[i("svg",{staticClass:"audio__play-icon",attrs:{"aria-hidden":"true"}},[i("use",{attrs:{"xlink:href":"#icon-play-prev"}})])]),e.isLoading?i("div",{staticClass:"audio__play-loading"},[i("span"),i("span"),i("span"),i("span"),i("span"),i("span"),i("span"),i("span")]):[!e.isPlaying&&e.showPlayButton?i("div",{staticClass:"audio__play-start",on:{click:function(t){return t.stopPropagation(),e.play(t)}}},[i("svg",{staticClass:"audio__play-icon",attrs:{"aria-hidden":"true"}},[i("use",{attrs:{"xlink:href":"#icon-play"}})])]):e.showPlayButton?i("div",{staticClass:"audio__play-pause",on:{click:function(t){return t.stopPropagation(),e.pause(t)}}},[i("svg",{staticClass:"audio__play-icon",attrs:{"aria-hidden":"true"}},[i("use",{attrs:{"xlink:href":"#icon-play-pause"}})])]):e._e()],i("div",{directives:[{name:"show",rawName:"v-show",value:e.showNextButton,expression:"showNextButton"}],staticClass:"audio__play-next",class:{disable:!e.isLoop&&e.currentPlayIndex===e.audioList.length-1},on:{click:function(t){return t.stopPropagation(),e.playNext(t)}}},[i("svg",{staticClass:"audio__play-icon",attrs:{"aria-hidden":"true"}},[i("use",{attrs:{"xlink:href":"#icon-play-next"}})])]),e.showVolumeButton?i("div",{staticClass:"audio__play-volume-icon-wrap"},[i("svg",{staticClass:"audio__play-icon",attrs:{"aria-hidden":"true"},on:{touchstart:e.handleVolumeIconTouchstart}},[i("use",{attrs:{"xlink:href":e.currentVolume?"#icon-play-volume":"#icon-play-volume-no"}})]),i("transition",{attrs:{name:"fade-volume"}},[i("div",{directives:[{name:"show",rawName:"v-show",value:e.isShowVolume,expression:"isShowVolume"}],ref:"playVolumeWrap",staticClass:"audio__play-volume-wrap",on:{touchstart:e.handleVolumeTouchmove,touchmove:e.handleVolumeTouchmove,touchend:e.handleVolumeTouchend}},[i("div",{ref:"playVolume",staticClass:"audio__play-volume",style:{height:100*e.currentVolume+"%"}})])])],1):e._e(),i("div",{staticClass:"audio__play-rate"},[i("span",{on:{click:function(t){e.isShowRates=!e.isShowRates}}},[e._v(e._s(e._f("rateFilter")(e.playbackRate)))]),i("transition",{attrs:{name:"fade-rate"}},[i("ul",{directives:[{name:"show",rawName:"v-show",value:e.isShowRates,expression:"isShowRates"}],staticClass:"audio__play-rate__dropdown"},e._l(e.playbackRates,(function(t){return i("li",{key:"pr_"+t,on:{click:function(i){return e.handleSetPlaybackRate(t)}}},[e._v(" "+e._s(e._f("rateFilter")(t))+" ")])})),0)])],1),i("div",{directives:[{name:"show",rawName:"v-show",value:e.isShowNotice,expression:"isShowNotice"}],staticClass:"audio__notice"},[e._v(" "+e._s(e.noticeMessage)+" ")])],2),i("div",{directives:[{name:"show",rawName:"v-show",value:e.showProgressBar,expression:"showProgressBar"}],ref:"audioProgressWrap",staticClass:"audio__progress-wrap",on:{click:e.handleClickProgressWrap}},[i("div",{ref:"audioProgress",staticClass:"audio__progress"}),i("div",{ref:"audioProgressPoint",staticClass:"audio__progress-point",on:{touchstart:e.handleProgressTouchstart,touchend:e.handleProgressTouchend,touchmove:e.handleProgressTouchmove}})]),i("div",{directives:[{name:"show",rawName:"v-show",value:e.showProgressBar,expression:"showProgressBar"}],staticClass:"audio__time-wrap"},[i("div",{staticClass:"audio__current-time"},[e._v(" "+e._s(e.currentTimeFormatted)+" ")]),i("div",{staticClass:"audio__duration"},[e._v(" "+e._s(e.durationFormatted)+" ")])]),i("audio",e._b({ref:"audio",staticClass:"audio-player__audio",attrs:{src:e.audioList[e.currentPlayIndex]},on:{ended:e.onEnded,timeupdate:e.onTimeUpdate,loadedmetadata:e.onLoadedmetadata}},"audio",e.$attrs,!1),[e._v(" 浏览器太老咯，请升级浏览器吧~ ")])])},r=[],u={name:"AudioPlayer",inheritAttrs:!1,props:{audioList:{default:null,type:Array},showPlayButton:{default:!0,type:Boolean},showPrevButton:{default:!0,type:Boolean},showNextButton:{default:!0,type:Boolean},showVolumeButton:{default:!0,type:Boolean},showProgressBar:{default:!0,type:Boolean},beforePlay:{default:null,type:Function},beforePrev:{default:null,type:Function},beforeNext:{default:null,type:Function},isLoop:{type:Boolean,default:!0},isAutoPlayNext:{type:Boolean,default:!0},progressInterval:{default:1e3,type:Number},showPlaybackRate:{type:Boolean,default:!1},playbackRates:{type:Array,default:function(){return[.5,1,1.5,2]}}},data:function(){return{isIOS:/iPhone|iPad|iPod/i.test(window.navigator.userAgent),isPlaying:!1,isDragging:!1,isDraggingVolume:!1,isShowNotice:!1,isLoading:!1,isShowVolume:!1,isShowRates:!1,timer:null,noticeMessage:"",duration:"",currentPlayIndex:0,currentTime:"",currentVolume:1,playbackRate:1}},computed:{currentTimeFormatted:function(){return this.currentTime?this.formatTime(this.currentTime):"00:00"},durationFormatted:function(){return this.duration?this.formatTime(this.duration):"00:00"}},filters:{rateFilter:function(e){return e.toFixed(1)+"x"}},methods:{handleVolumeIconTouchstart:function(){this.isShowVolume=!this.isShowVolume},handleVolumeTouchmove:function(e){var t,i,o=this.$refs.playVolumeWrap.getBoundingClientRect(),n=e.changedTouches[0].clientY;this.isDraggingVolume=!0,t=Math.round(o.bottom-n),i=t/this.$refs.playVolumeWrap.offsetHeight,i=Math.min(i,1),i=Math.max(i,0),this.$refs.audio.volume=i,this.currentVolume=i},handleVolumeTouchend:function(){this.isDraggingVolume&&(this.isShowVolume=!1)},handleSetPlaybackRate:function(e){this.playbackRate=+e,this.$refs.audio.playbackRate=+e,this.isShowRates=!1},showNotice:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.noticeMessage=t.message,this.isShowNotice=!0,window.setTimeout((function(){e.isShowNotice=!1}),t.duration||3e3)},onLoadedmetadata:function(e){this.duration=this.$refs.audio.duration,this.$emit("loadedmetadata",e)},onTimeUpdate:function(e){this.$emit("timeupdate",e)},formatTime:function(e){var t;return t=Math.floor(e/60),e=Math.ceil(e%60),t+="",e+="",t=1===t.length?"0"+t:t,e=1===e.length?"0"+e:e,t+":"+e},onEnded:function(e){var t=this;window.setTimeout((function(){t.pause(),t.$emit("ended",e),t.isLoop&&t.isAutoPlayNext&&t.playNext()}),1e3)},handleProgressTouchstart:function(e){this.isDragging=!0},handleProgressTouchend:function(e){this.$refs.audio.currentTime=this.currentTime,this.isDragging=!1},handleProgressTouchmove:function(e){var t=e.changedTouches[0],i=t.pageX,o=e.target.getBoundingClientRect(),n=parseInt(getComputedStyle(e.target).left),a=n+(i-o.left);a=Math.min(a,this.$refs.audioProgressWrap.offsetWidth),a=Math.max(a,0),this.setPointPosition(a),this.$refs.audioProgress.style.width=a+"px",this.currentTime=a/this.$refs.audioProgressWrap.offsetWidth*this.duration},handleClickProgressWrap:function(e){var t=e.target,i=e.offsetX;t!==this.$refs.audioProgressPoint&&(this.currentTime=i/this.$refs.audioProgressWrap.offsetWidth*this.duration,this.$refs.audio.currentTime=this.currentTime,this.setPointPosition(i),this.$refs.audioProgress.style.width=i+"px")},setPointPosition:function(e){this.$refs.audioProgressPoint.style.left=e-this.$refs.audioProgressPoint.offsetWidth/2+"px"},playing:function(){if(!this.isDragging){var e=this.$refs.audio.currentTime/this.$refs.audio.duration*this.$refs.audioProgressWrap.offsetWidth;this.currentTime=this.$refs.audio.currentTime,this.$refs.audioProgress.style.width=e+"px",this.$refs.audioProgressPoint.style.left=e-this.$refs.audioProgressPoint.offsetWidth/2+"px",this.$emit("playing")}},play:function(){var e=this;this.isLoading=!0;var t=function(){e.$refs.audio.play().then((function(t){e.$nextTick((function(){e.playing(),e.timer=window.setInterval(e.playing,e.progressInterval),e.isPlaying=!0,e.isLoading=!1}))})).catch((function(t){9===t.code&&(e.showNotice({message:"加载失败，因为没有找到支持的源。"}),e.isAutoPlayNext&&window.setTimeout((function(){e.playNext()}),1e3)),e.isLoading=!1})),e.$emit("play")};this.isIOS&&(console.log("下面一行的错误是解决 iOS 异步请求后无法播放问题"),this.$refs.audio.play(),this.$refs.audio.pause()),this.beforePlay?this.beforePlay((function(e){!1!==e&&t()})):t()},pause:function(){var e=this;this.$refs.audio.pause(),this.$nextTick((function(){e.clearTimer(),e.isPlaying=!1,e.$emit("pause")}))},playPrev:function(){var e=this;if(!(this.currentPlayIndex<=0)||this.isLoop){this.clearTimer();var t=function(){e.currentPlayIndex<=0&&e.isLoop?e.currentPlayIndex=e.audioList.length-1:e.currentPlayIndex--,e.$nextTick((function(){e.play(),e.$emit("play-prev")}))};this.beforePrev?this.beforePrev((function(e){!1!==e&&t()})):t()}},clearTimer:function(){window.clearInterval(this.timer),this.timer=null},playNext:function(){var e=this;if(!(this.currentPlayIndex+1>=this.audioList.length)||this.isLoop){this.clearTimer();var t=function(){e.currentPlayIndex+1>=e.audioList.length&&e.isLoop?e.currentPlayIndex=0:e.currentPlayIndex++,e.$nextTick((function(){e.play(),e.$emit("play-next")}))};this.beforeNext?this.beforeNext((function(e){!1!==e&&t()})):t()}}},beforeDestroy:function(){this.pause()}},c=u;i("f7be");function l(e,t,i,o,n,a,s,r){var u,c="function"===typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=i,c._compiled=!0),o&&(c.functional=!0),a&&(c._scopeId="data-v-"+a),s?(u=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"===typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(s)},c._ssrRegister=u):n&&(u=r?function(){n.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:n),u)if(c.functional){c._injectStyles=u;var l=c.render;c.render=function(e,t){return u.call(t),l(e,t)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,u):[u]}return{exports:e,options:c}}var d=l(c,s,r,!1,null,null,null),h=d.exports;h.install=function(e){e.component(h.name,h)};var f=h;t["default"]=f}})}));
(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["vue-audio-player"]=e():t["vue-audio-player"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var r=e[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(i,r,function(e){return t[e]}.bind(null,r));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="fb15")}({"0aac":function(t,e){!function(t){var e,n,i,r,o,a,s='<svg><symbol id="icon-play-volume-no" viewBox="0 0 1024 1024"><path d="M529.1008 901.60128c-2.69824 0-12.09856-4.10112-16.9984-9.00096l-0.30208-0.30208-230.4-190.10048H96.1024c-8.89856 0-18.29888-4.59776-22.70208-9.00096s-9.00096-13.7984-9.00096-22.70208V351.49824c0-6.99904 2.69824-12.9024 4.39808-14.60224h2.2016l2.40128-2.40128c4.39808-4.39808 13.7984-9.00096 22.70208-9.00096h185.29792l230.4-195.79904 0.19968-0.19456c5.80096-5.80096 12.9024-6.99904 17.80224-6.99904 4.39808 0 8.89856 0.9984 12.60032 2.89792l0.50176 0.30208 0.50176 0.19968c12.49792 4.1984 17.19808 11.29984 17.19808 26.39872v717.7984c0 15.09888-4.70016 22.2976-17.19808 26.39872l-1.80224 0.59904-1.39776 1.39776c-3.00544 3.00544-5.6064 3.10784-11.10528 3.10784z" ></path></symbol><symbol id="icon-play-volume" viewBox="0 0 1024 1024"><path d="M529.1 901.6c-2.7 0-12.1-4.1-17-9l-0.3-0.3-230.4-190.1H96.1c-8.9 0-18.3-4.6-22.7-9-4.4-4.4-9-13.8-9-22.7v-319c0-7 2.7-12.9 4.4-14.6H71l2.4-2.4c4.4-4.4 13.8-9 22.7-9h185.3l230.4-195.8 0.2-0.2c5.8-5.8 12.9-7 17.8-7 4.4 0 8.9 1 12.6 2.9l0.5 0.3 0.5 0.2c12.5 4.2 17.2 11.3 17.2 26.4v717.8c0 15.1-4.7 22.3-17.2 26.4l-1.8 0.6-1.4 1.4c-3 3-5.6 3.1-11.1 3.1z m279.1-79.7c-9.9 0-23.1-5.1-26.9-12.6-9-18-5.8-36.4 7.9-46.1 4.8-2 11.6-7.2 20.3-15.6 8.9-8.7 22.4-23.7 36.2-45.7 23-36.8 50.4-99.7 50.4-190.9s-29-154.2-53.3-191.1c-14.5-22-28.8-37-38.2-45.6-6.6-6.1-14.9-13-21-15.5-12.6-9.1-17-31.4-8.9-44.5 9.4-9.1 20.6-14.3 30.8-14.3 5.4 0 10.4 1.4 14.8 4.2 0.7 0.6 1.6 1.3 3 2.4 29.4 23.1 54.9 51.4 75.8 84.1 40.1 62.9 60.5 137 60.5 220.3 0 83.7-19.7 158.1-58.4 221.1-20.1 32.7-44.5 60.9-72.6 83.6-1.7 1.4-2.6 2.1-3.3 2.8-3.4 3.4-13.3 3.4-17.1 3.4zM688.6 696.6c-8.3 0-22.6-9.7-26.9-18.3l-0.2-0.5-0.3-0.4c-8.2-12.4 0.8-30.4 14.5-39.7 6.4-3.4 60.9-35.5 60.9-132.3 0-46.5-18-78.4-33.2-97-16.5-20.2-33.1-29.4-33.7-29.8l-0.6-0.3-0.7-0.2c-5.8-1.9-11.4-8.5-14.3-16.8-2.9-8.3-2.3-16.6 1.4-22.2l0.6-0.9 0.3-1c2.9-8.6 15.6-16.1 27.3-16.1 4.5 0 8.6 1.1 11.7 3.2l2.1 1.4h1.5c4.5 1.7 29.1 14 53.5 41.9 21.7 24.9 47.6 68.1 47.6 132.2 0 72.9-24.5 120.2-45 147.1-22.6 29.5-45.6 42.2-50.4 44.1h-2.4l-2.4 2.4c-3.2 3-5.7 3.2-11.3 3.2z" ></path></symbol><symbol id="icon-play-pause" viewBox="0 0 1024 1024"><path d="M960 512c0-247.36-200.576-448-448-448C264.64 64 64 264.64 64 512c0 247.424 200.64 448 448 448C759.424 960 960 759.424 960 512zM128 511.936c0-212.032 171.904-384 384-384s384 171.968 384 384-171.904 384-384 384S128 723.968 128 511.936zM406.784 678.208c-22.656 0.064-41.088-19.072-41.088-42.56L365.696 383.04c0-23.68 18.432-42.688 41.152-42.688C429.568 340.224 448 359.488 448 382.976l0 252.544C448 659.136 429.568 678.272 406.784 678.208zM617.088 678.208C594.368 678.272 576 659.136 576 635.648L576 383.04c0-23.68 18.432-42.688 41.152-42.688 22.656-0.128 41.152 19.136 41.152 42.624l0 252.544C658.24 659.136 639.808 678.272 617.088 678.208z" ></path></symbol><symbol id="icon-play" viewBox="0 0 1024 1024"><path d="M511.2269 64.4608c-246.1655 0-446.4425 200.278-446.4425 446.4425 0 246.1655 200.277 446.4435 446.4425 446.4435s446.4425-200.278 446.4425-446.4435C957.6694 264.7388 757.3914 64.4608 511.2269 64.4608zM511.2269 901.5409c-215.4015 0-390.6376-175.2361-390.6376-390.6376 0-215.4015 175.2361-390.6365 390.6376-390.6365 215.4015 0 390.6365 175.2351 390.6365 390.6365C901.8634 726.3048 726.6273 901.5409 511.2269 901.5409zM705.3455 459.649l-238.807-129.622c-11.3347-6.186-23.5151-9.4556-35.2328-9.4556-34.5508 0-59.5927 26.5134-59.5927 63.0272v254.61248c0 36.5117 25.0419 62.9975 59.5927 63.0262 11.7166 0 23.8971-3.2696 35.1519-9.3993l240.087-129.7326c21.718-11.8262 34.1985-30.2735 34.1985-50.5743C740.7432 490.8216 727.852 471.9114 705.3455 459.649zM679.9227 513.0568 439.8356 642.7884c-4.1974 2.3183-7.168 2.6429-8.5299 2.6429-1.5247 0-3.7878 0-3.7878-7.2212V383.59859199999994c0-7.2212 2.263-7.2212 3.7878-7.2212 1.3629 0 4.3325 0.3543 8.5555 2.6429l238.8357 129.6507c1.7172 0.9533 3.0515 1.8524 4.0878 2.6429C682.0219 511.8587 681.0665 512.4577 679.9227 513.0568z" ></path></symbol><symbol id="icon-play-prev" viewBox="0 0 1024 1024"><path d="M128 102.4V928c0 17.673 14.327 32 32 32 17.673 0 32-14.327 32-32V102.4c0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32z m646.028 41.395l-404.352 331.09c-27.383 22.42-27.435 58.886 0 81.35l404.352 331.09c27.382 22.42 49.676 12.003 49.676-23.366V167.16c0-35.646-22.24-45.83-49.676-23.365z m-40.546-49.518c69.12-56.597 154.222-16.897 154.222 72.883v696.8c0 89.481-85.14 129.447-154.222 72.883L329.13 605.753c-58.7-48.064-58.662-132.353 0-180.386l404.352-331.09z" fill="" ></path></symbol><symbol id="icon-play-next" viewBox="0 0 1024 1024"><path d="M889.6 921.6V96c0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32v825.6c0 17.673 14.327 32 32 32 17.673 0 32-14.327 32-32z m-646.028-41.395l404.352-331.09c27.383-22.42 27.435-58.886 0-81.35l-404.352-331.09c-27.382-22.42-49.676-12.003-49.676 23.366V856.84c0 35.646 22.24 45.83 49.676 23.365z m40.546 49.518c-69.12 56.597-154.222 16.897-154.222-72.883v-696.8c0-89.481 85.14-129.447 154.222-72.883l404.352 331.09c58.7 48.064 58.662 132.353 0 180.386l-404.352 331.09z" fill="" ></path></symbol></svg>',u=(u=document.getElementsByTagName("script"))[u.length-1].getAttribute("data-injectcss");if(u&&!t.__iconfont__svg__cssinject__){t.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}function c(){o||(o=!0,i())}e=function(){var t,e,n,i;(i=document.createElement("div")).innerHTML=s,s=null,(n=i.getElementsByTagName("svg")[0])&&(n.setAttribute("aria-hidden","true"),n.style.position="absolute",n.style.width=0,n.style.height=0,n.style.overflow="hidden",t=n,(e=document.body).firstChild?(i=t,(n=e.firstChild).parentNode.insertBefore(i,n)):e.appendChild(t))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(e,0):(n=function(){document.removeEventListener("DOMContentLoaded",n,!1),e()},document.addEventListener("DOMContentLoaded",n,!1)):document.attachEvent&&(i=e,r=t.document,o=!1,(a=function(){try{r.documentElement.doScroll("left")}catch(t){return void setTimeout(a,50)}c()})(),r.onreadystatechange=function(){"complete"==r.readyState&&(r.onreadystatechange=null,c())})}(window)},1054:function(t,e,n){},8875:function(t,e,n){var i,r,o;(function(n,a){r=[],i=a,o="function"===typeof i?i.apply(e,r):i,void 0===o||(t.exports=o)})("undefined"!==typeof self&&self,(function(){function t(){var e=Object.getOwnPropertyDescriptor(document,"currentScript");if(!e&&"currentScript"in document&&document.currentScript)return document.currentScript;if(e&&e.get!==t&&document.currentScript)return document.currentScript;try{throw new Error}catch(f){var n,i,r,o=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,a=/@([^@]*):(\d+):(\d+)\s*$/gi,s=o.exec(f.stack)||a.exec(f.stack),u=s&&s[1]||!1,c=s&&s[2]||!1,l=document.location.href.replace(document.location.hash,""),d=document.getElementsByTagName("script");u===l&&(n=document.documentElement.outerHTML,i=new RegExp("(?:[^\\n]+?\\n){0,"+(c-2)+"}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),r=n.replace(i,"$1").trim());for(var p=0;p<d.length;p++){if("interactive"===d[p].readyState)return d[p];if(d[p].src===u)return d[p];if(u===l&&d[p].innerHTML&&d[p].innerHTML.trim()===r)return d[p]}return null}}return t}))},f7be:function(t,e,n){"use strict";n("1054")},fb15:function(t,e,n){"use strict";if(n.r(e),"undefined"!==typeof window){var i=window.document.currentScript,r=n("8875");i=r(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:r});var o=i&&i.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);o&&(n.p=o[1])}n("0aac");var a=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"audio-player"},[n("div",{staticClass:"audio__btn-wrap"},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.showPrevButton,expression:"showPrevButton"}],staticClass:"audio__play-prev",class:{disable:!t.isLoop&&0===t.currentPlayIndex},on:{click:function(e){return e.stopPropagation(),t.playPrev(e)}}},[n("svg",{staticClass:"audio__play-icon",attrs:{"aria-hidden":"true"}},[n("use",{attrs:{"xlink:href":"#icon-play-prev"}})])]),t.isLoading?n("div",{staticClass:"audio__play-loading"},[n("span"),n("span"),n("span"),n("span"),n("span"),n("span"),n("span"),n("span")]):[!t.isPlaying&&t.showPlayButton?n("div",{staticClass:"audio__play-start",on:{click:function(e){return e.stopPropagation(),t.play(e)}}},[n("svg",{staticClass:"audio__play-icon",attrs:{"aria-hidden":"true"}},[n("use",{attrs:{"xlink:href":"#icon-play"}})])]):t.showPlayButton?n("div",{staticClass:"audio__play-pause",on:{click:function(e){return e.stopPropagation(),t.pause(e)}}},[n("svg",{staticClass:"audio__play-icon",attrs:{"aria-hidden":"true"}},[n("use",{attrs:{"xlink:href":"#icon-play-pause"}})])]):t._e()],n("div",{directives:[{name:"show",rawName:"v-show",value:t.showNextButton,expression:"showNextButton"}],staticClass:"audio__play-next",class:{disable:!t.isLoop&&t.currentPlayIndex===t.audioList.length-1},on:{click:function(e){return e.stopPropagation(),t.playNext(e)}}},[n("svg",{staticClass:"audio__play-icon",attrs:{"aria-hidden":"true"}},[n("use",{attrs:{"xlink:href":"#icon-play-next"}})])]),t.showVolumeButton?n("div",{staticClass:"audio__play-volume-icon-wrap"},[n("svg",{staticClass:"audio__play-icon",attrs:{"aria-hidden":"true"},on:{click:function(e){return e.stopPropagation(),t.handleVolumeIconTouchstart(e)}}},[n("use",{attrs:{"xlink:href":t.currentVolume?"#icon-play-volume":"#icon-play-volume-no"}})]),n("transition",{attrs:{name:"fade-volume"}},[n("div",{directives:[{name:"show",rawName:"v-show",value:t.isShowVolume,expression:"isShowVolume"}],ref:"playVolumeWrap",staticClass:"audio__play-volume-wrap",on:{click:function(e){return e.stopPropagation(),t.handleVolumePanmove(e)},panmove:t.handleVolumePanmove,panend:t.handleVolumePanend}},[n("div",{ref:"playVolume",staticClass:"audio__play-volume",style:{height:100*t.currentVolume+"%"}})])])],1):t._e(),n("div",{staticClass:"audio__play-rate"},[n("span",{on:{click:function(e){e.stopPropagation(),t.isShowRates=!t.isShowRates}}},[t._v(t._s(t._f("rateFilter")(t.playbackRate)))]),n("transition",{attrs:{name:"fade-rate"}},[n("ul",{directives:[{name:"show",rawName:"v-show",value:t.isShowRates,expression:"isShowRates"}],staticClass:"audio__play-rate__dropdown"},t._l(t.playbackRates,(function(e){return n("li",{key:"pr_"+e,on:{click:function(n){return n.stopPropagation(),t.handleSetPlaybackRate(e)}}},[t._v(" "+t._s(t._f("rateFilter")(e))+" ")])})),0)])],1),n("div",{directives:[{name:"show",rawName:"v-show",value:t.isShowNotice,expression:"isShowNotice"}],staticClass:"audio__notice"},[t._v(" "+t._s(t.noticeMessage)+" ")])],2),n("div",{directives:[{name:"show",rawName:"v-show",value:t.showProgressBar,expression:"showProgressBar"}],ref:"audioProgressWrap",staticClass:"audio__progress-wrap",on:{click:function(e){return e.stopPropagation(),t.handleClickProgressWrap(e)}}},[n("div",{ref:"audioProgress",staticClass:"audio__progress"}),n("div",{ref:"audioProgressPoint",staticClass:"audio__progress-point",on:{panstart:t.handleProgressPanstart,panend:t.handleProgressPanend,panmove:t.handleProgressPanmove}})]),n("div",{directives:[{name:"show",rawName:"v-show",value:t.showProgressBar,expression:"showProgressBar"}],staticClass:"audio__time-wrap"},[n("div",{staticClass:"audio__current-time"},[t._v(" "+t._s(t.currentTimeFormatted)+" ")]),n("div",{staticClass:"audio__duration"},[t._v(" "+t._s(t.durationFormatted)+" ")])]),n("audio",t._b({ref:"audio",staticClass:"audio-player__audio",attrs:{src:t.audioList[t.currentPlayIndex]},on:{ended:t.onEnded,timeupdate:t.onTimeUpdate,loadedmetadata:t.onLoadedmetadata}},"audio",t.$attrs,!1),[t._v(" 浏览器太老咯，请升级浏览器吧~ ")])])},s=[],u=function(t,e){return u=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])},u(t,e)};function c(t,e){function n(){this.constructor=t}u(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var l=function(){return l=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var r in e=arguments[n],e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t},l.apply(this,arguments)};function d(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"===typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(t);r<i.length;r++)e.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(t,i[r])&&(n[i[r]]=t[i[r]])}return n}function p(t){var e="function"===typeof Symbol&&Symbol.iterator,n=e&&t[e],i=0;if(n)return n.call(t);if(t&&"number"===typeof t.length)return{next:function(){return t&&i>=t.length&&(t=void 0),{value:t&&t[i++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function f(t,e){var n="function"===typeof Symbol&&t[Symbol.iterator];if(!n)return t;var i,r,o=n.call(t),a=[];try{while((void 0===e||e-- >0)&&!(i=o.next()).done)a.push(i.value)}catch(s){r={error:s}}finally{try{i&&!i.done&&(n=o["return"])&&n.call(o)}finally{if(r)throw r.error}}return a}var h=function(){function t(){this.listenersMap={}}return t.prototype.on=function(t,e,n){var i,r,o=Array.isArray(t)?t:[t];try{for(var a=p(o),s=a.next();!s.done;s=a.next()){var u=s.value;void 0===this.listenersMap[u]&&(this.listenersMap[u]=[]),e.beforeEmit=n,this.listenersMap[u].push(e)}}catch(c){i={error:c}}finally{try{s&&!s.done&&(r=a.return)&&r.call(a)}finally{if(i)throw i.error}}return this},t.prototype.emit=function(t,e){var n,i,r=this.listenersMap[t];if(void 0!==r&&0<r.length)try{for(var o=p(r),a=o.next();!a.done;a=o.next()){var s=a.value;(void 0===s.beforeEmit||void 0!==e&&s.beforeEmit(e))&&s(e)}}catch(u){n={error:u}}finally{try{a&&!a.done&&(i=o.return)&&i.call(o)}finally{if(n)throw n.error}}},t.prototype.off=function(t,e){var n=this.listenersMap[t];if(void 0!==n)if(void 0===e)delete this.listenersMap[t];else{var i=n.findIndex((function(t){return t===e}));n.splice(i,1)}},t.prototype.destroy=function(){this.listenersMap={}},t}(),v=h,y=Object.prototype.toString;function m(t){return"[object RegExp]"===y.call(t)}function g(t){return"[object Function]"===y.call(t)}window.wx;var _="clientX",w="clientY",b=16,P="start",x="move",$="cancel",M="end",E="left",T="right",S="up",C="down",L="touch",z="mouse",O=L+P,V=L+x,N=L+M,k=L+$,B=z+S,j=z+x,I=z+C,R="p",F=P,A=x,X=M,D="r",W="f",Y=$;function H(t){return Math.round(100*t)/100}function U(){var t,e,n,i,r=0;return function(o){if(t=e,void 0!==o){r=Number.MAX_SAFE_INTEGER>r?++r:1;var a=G(o,r);e=a;var s=a.isStart,u=a.pointLength;return s&&(n=a,t=void 0,i=1<u?a:void 0),l(l({},a),{prevInput:t,startMultiInput:i,startInput:n})}}}function q(t){var e=t.length;if(0<e){if(1===e){var n=t[0],i=n.clientX,r=n.clientY;return{x:Math.round(i),y:Math.round(r)}}var o=t.reduce((function(t,e){return t.x+=e[_],t.y+=e[w],t}),{x:0,y:0});return{x:Math.round(o.x/e),y:Math.round(o.y/e)}}}function G(t,e){var n=t.stage,i=t.points,r=t.changedPoints,o=t.nativeEvent,a=i.length,s=P===n,u=M===n&&0===a||$===n,c=Date.now(),l=q(i)||q(r),d=l.x,p=l.y,f=o.currentTarget;return Object.assign(t,{id:e,x:d,y:p,timestamp:c,isStart:s,isEnd:u,pointLength:a,currentTarget:f,getOffset:function(t){void 0===t&&(t=f);var e=t.getBoundingClientRect();return{x:d-Math.round(e.left),y:p-Math.round(e.top)}}})}function J(){var t,e=!1,n=null,i=U();return function(r){var o,a=r.clientX,s=r.clientY,u=r.type,c=r.button,l=r.target,d=[{clientX:a,clientY:s,target:l}];I===u&&0===c?(n=l,e=!0,o=P):e&&(j===u?o=x:B===u&&(d=[],o=M,e=!1));var p=t||[{clientX:a,clientY:s,target:l}];if(t=[{clientX:a,clientY:s,target:l}],void 0!==o)return i({stage:o,changedPoints:p,points:d,target:n,targets:[n],nativeEvent:r})}}function K(t){var e=U();return function(n){var i=[],r=[];Array.from(n.touches).forEach((function(e){var n=e.clientX,o=e.clientY,a=e.target;(null===t||void 0===t?void 0:t.contains(a))&&(i.push(a),r.push({clientX:n,clientY:o,target:a}))}));var o=Array.from(n.changedTouches).map((function(t){var e=t.clientX,n=t.clientY,i=t.target;return{clientX:e,clientY:n,target:i}}));return e({stage:n.type.replace("touch",""),changedPoints:o,points:r,nativeEvent:n,target:n.target,targets:i})}}function Q(t,e,n){e.target,e.currentTarget;var i,r=e.type,o=d(e,["target","currentTarget","type"]);return document.createEvent?(i=document.createEvent("HTMLEvents"),i.initEvent(r,null===n||void 0===n?void 0:n.bubbles,null===n||void 0===n?void 0:n.cancelable)):i=new Event(r,n),Object.assign(i,o,{match:function(){return e.targets.every((function(t){return i.currentTarget.contains(t)}))}}),t.dispatchEvent(i)}function Z(t,e){if(!e.preventDefault)return!1;var n=!0;if(null!==t.target){var i=e.preventDefaultExclude;if(m(i)){if("tagName"in t.target){var r=t.target.tagName;n=!i.test(r)}}else g(i)&&(n=!i(t))}return n}var tt=[O,V,N,k];function et(t,e,n){return tt.forEach((function(i){t.addEventListener(i,e,n)})),t.addEventListener(I,e,n),window.addEventListener(j,e,n),window.addEventListener(B,e,n),function(){tt.forEach((function(n){t.removeEventListener(n,e)})),t.removeEventListener(I,e,n),window.removeEventListener(j,e,n),window.removeEventListener(B,e,n)}}function nt(t,e,n){var i,r,o=null===n||void 0===n?void 0:n.name;if(void 0===o||void 0===t._$recognizerMap[o]){var a=new e(n);try{for(var s=p(a.computeFunctions),u=s.next();!u.done;u=s.next()){var c=u.value,l=c._id;void 0===t._$computeFunctionMap[l]&&(t._$computeFunctionMap[l]="version"in t?c:c())}}catch(d){i={error:d}}finally{try{u&&!u.done&&(r=s.return)&&r.call(s)}finally{if(i)throw i.error}}t._$recognizerMap[a.name]=a,t._$recognizers.push(t._$recognizerMap[a.name])}}function it(t,e){var n,i;if(void 0===e)t._$recognizers=[],t._$recognizerMap={};else try{for(var r=p(t._$recognizers.entries()),o=r.next();!o.done;o=r.next()){var a=f(o.value,2),s=a[0],u=a[1];if(e===u.options.name){t._$recognizers.splice(s,1),delete t._$recognizerMap[e];break}}}catch(c){n={error:c}}finally{try{o&&!o.done&&(i=r.return)&&i.call(r)}finally{if(n)throw n.error}}}var rt="at:after";function ot(t,e){var n=e.type,i=e.target;t.emit(n,e),t.emit(rt,e),t.options.domEvents&&void 0!==t.el&&null!==i&&(Q(i,e,t.options.domEvents),Q(i,l(l({},e),{_type:e.type,type:rt}),t.options.domEvents))}var at={domEvents:{bubbles:!0,cancelable:!0},preventDefault:!0,preventDefaultExclude:/^(?:INPUT|TEXTAREA|BUTTON|SELECT)$/},st=function(t){function e(n,i){var r,o=t.call(this)||this;for(var a in o._$computeFunctionMap={},o._$recognizerMap={},o._$recognizers=[],o.el=n,o.options=l(l({},at),i),e._$computeFunctionMap)o._$computeFunctionMap[a]=e._$computeFunctionMap[a]();o._$recognizerMap=e._$recognizerMap,o._$recognizers=e._$recognizers;var s=K(o.el),u=J();if(o._$inputCreatorMap=(r={},r[O]=s,r[V]=s,r[N]=s,r[k]=s,r[I]=u,r[j]=u,r[B]=u,r),void 0!==n){n.style.webkitTapHighlightColor="rgba(0,0,0,0)";var c=!1;try{var d={};Object.defineProperty(d,"passive",{get:function(){c=!0}}),window.addEventListener("_",(function(){}),d)}catch(p){}o.on("unbind",et(n,o.catchEvent.bind(o),!(o.options.preventDefault||!c)&&{passive:!0}))}return o}return c(e,t),e.prototype.target=function(t){var e=this;return{on:function(n,i){e.on(n,i,(function(e){var n=e.targets;return e.target===t&&n.every((function(e){return t.contains(e)}))}))}}},e.prototype.catchEvent=function(t){var e,n,i=this;Z(t,this.options)&&t.preventDefault();var r=this._$inputCreatorMap[t.type](t);if(void 0!==r){var o="at",a=o+":"+r.stage;this.emit(o,r),this.emit(a,r);var s=this.options.domEvents;if(!1!==s){var u=t.target;null!==u&&(Q(u,l(l({},r),{type:o}),s),Q(u,l(l({},r),{type:a}),s))}var c=r;for(var d in this._$computeFunctionMap)Object.assign(c,this._$computeFunctionMap[d](c));var f=function(t){if(t.disabled)return"continue";t.recognize(c,(function(e){var n=l(l({},c),{type:e,baseType:t.name});null===Object||void 0===Object||Object.freeze(n),void 0===i.beforeEachHook?ot(i,n):i.beforeEachHook(t,i._$recognizerMap,(function(){ot(i,n)}))}))};try{for(var h=p(this._$recognizers),v=h.next();!v.done;v=h.next()){var y=v.value;f(y)}}catch(m){e={error:m}}finally{try{v&&!v.done&&(n=h.return)&&n.call(h)}finally{if(e)throw e.error}}}},e.prototype.use=function(t,e){nt(this,t,e)},e.prototype.removeUse=function(t){it(this,t)},e.prototype.beforeEach=function(t){this.beforeEachHook=t},e.prototype.get=function(t){return this._$recognizerMap[t]},e.prototype.set=function(t){this.options=l(l({},this.options),t)},e.prototype.destroy=function(){this.emit("unbind"),this.listenersMap={}},e.version="1.0.5",e._$recognizers=[],e._$recognizerMap={},e._$computeFunctionMap={},e.use=function(t,n){nt(e,t,n)},e.removeUse=function(t){it(e,t)},e}(v),ut=st,ct=function(t){return Math.sqrt(t.x*t.x+t.y*t.y)},lt=function(t,e){return t.x*e.x+t.y*e.y},dt=function(t,e){var n=ct(t)*ct(e);if(0===n)return 0;var i=lt(t,e)/n;return i>1&&(i=1),Math.acos(i)},pt=function(t,e){return t.x*e.y-e.x*t.y},ft=function(t){return t/Math.PI*180},ht=function(t,e){var n=dt(t,e);return pt(t,e)>0&&(n*=-1),ft(n)},vt=function(t,e){return Math.abs(t)>=Math.abs(e)?0<t?T:E:0<e?C:S};function yt(t){return{x:t.points[1][_]-t.points[0][_],y:t.points[1][w]-t.points[0][w]}}function mt(t){var e=t.prevInput,n=t.startMultiInput;if(void 0!==n&&void 0!==e&&t.id!==n.id&&1<e.pointLength&&1<t.pointLength)return{startV:yt(n),prevV:yt(e),activeV:yt(t)}}function gt(){return function(t){var e=(null===t||void 0===t?void 0:t._vs)||mt(t);if(void 0!==e&&e.activeV){var n=e.prevV,i=e.startV,r=e.activeV,o=Math.round(ht(r,n)),a=Math.round(ht(r,i));return{angle:a,deltaAngle:o,_vs:e}}}}function _t(){return function(t){var e=t.prevInput,n=0,i=0,r=0;if(void 0!==e&&(n=t.x-e.x,i=t.y-e.y,0!==n||0!==i)){var o=Math.sqrt(Math.pow(n,2)+Math.pow(i,2));r=Math.round(ft(Math.acos(Math.abs(n)/o)))}return{deltaX:n,deltaY:i,deltaXYAngle:r}}}function wt(){var t,e=0,n=0,i=0,r=0,o=0;return function(a){var s=a.stage,u=a.startInput;return P===s?(e=0,n=0,i=0,r=0,o=0):x===s&&(e=Math.round(a.points[0][_]-u.points[0][_]),n=Math.round(a.points[0][w]-u.points[0][w]),i=Math.abs(e),r=Math.abs(n),o=Math.round(ct({x:i,y:r})),t=vt(e,n)),{displacementX:e,displacementY:n,distanceX:i,distanceY:r,distance:o,overallDirection:t}}}function bt(){var t=0;return function(e){var n=e.stage;return P===n&&(t=e.pointLength),{maxPointLength:t}}}function Pt(){return function(t){var e=(null===t||void 0===t?void 0:t._vs)||mt(t);if(void 0!==e&&e.activeV){var n=e.prevV,i=e.startV,r=e.activeV,o=H(ct(r)/ct(n)),a=H(ct(r)/ct(i));return{scale:a,deltaScale:o,_vs:e}}}}function xt(){var t,e,n=0,i=0,r=0,o=0;return function(a){if(void 0!==a){var s=a.stage;e=e||a.startInput;var u=a.timestamp-e.timestamp;if(x===s&&b<u){var c=a.x-e.x,l=a.y-e.y;r=Math.round(c/u*100)/100,o=Math.round(l/u*100)/100,n=Math.abs(r),i=Math.abs(o),t=vt(c,l)||t,e=a}}return{velocityX:n,velocityY:i,speedX:r,speedY:o,direction:t}}}function $t(t){-1!==[X,Y,D,W].indexOf(t._$status)&&(t._$status=R)}function Mt(t,e,n){var i,r,o,a,s,u,c,l={1:(i={},i[R]=(r={},r[x]=F,r[M]=W,r[$]=W,r),i[F]=(o={},o[x]=A,o[M]=X,o[$]=Y,o),i[A]=(a={},a[x]=A,a[M]=X,a[$]=Y,a),i),0:(s={},s[F]=(u={},u[x]=W,u[M]=X,u[$]=Y,u),s[A]=(c={},c[P]=W,c[x]=W,c[M]=X,c[$]=Y,c),s)},d=l[Number(t)][e];return void 0!==d&&d[n]||e}function Et(t,e,n){var i=t._$test(e);$t(t);var r=e.stage;t._$status=Mt(i,t._$status,r),t._$isRecognized=[F,A].includes(t._$status);var o=t.name,a=t._$status,s=t._$isRecognized;return s&&n(o),(s||[X,Y].includes(t._$status))&&n(o+a),i}gt._id="a",_t._id="b",wt._id="c",bt._id="d",Pt._id="e",xt._id="f";var Tt=function(){function t(t){this.disabled=!1,this._$isRecognized=!1,this._$status=R,this.computeFunctions=[],this.options=t,this.name=this.options.name}return t.prototype.set=function(t){return void 0!==t&&(this.options=l(l({},this.options),t)),this},t.prototype._$isValidPointLength=function(t){return this.options.pointLength===t},t}(),St=Tt,Ct={name:"pan",threshold:10,pointLength:1},Lt=function(t){function e(e){var n=t.call(this,l(l({},Ct),e))||this;return n.computeFunctions=[xt,wt,_t],n}return c(e,t),e.prototype._$test=function(t){var e=t.pointLength,n=t.distance;return(this._$isRecognized||this.options.threshold<=n)&&this._$isValidPointLength(e)},e.prototype.recognize=function(t,e){var n=void 0!==t.direction&&Et(this,t,e);n&&e(this.options.name+t.direction)},e}(St),zt=Lt,Ot={name:"AudioPlayer",inheritAttrs:!1,props:{audioList:{default:null,type:Array},showPlayButton:{default:!0,type:Boolean},showPrevButton:{default:!0,type:Boolean},showNextButton:{default:!0,type:Boolean},showVolumeButton:{default:!0,type:Boolean},showProgressBar:{default:!0,type:Boolean},beforePlay:{default:null,type:Function},beforePrev:{default:null,type:Function},beforeNext:{default:null,type:Function},isLoop:{type:Boolean,default:!0},isAutoPlayNext:{type:Boolean,default:!0},progressInterval:{default:1e3,type:Number},showPlaybackRate:{type:Boolean,default:!1},playbackRates:{type:Array,default:function(){return[.5,1,1.5,2]}}},data:function(){return{isIOS:/iPhone|iPad|iPod/i.test(window.navigator.userAgent),isPlaying:!1,isDragging:!1,isDraggingVolume:!1,isShowNotice:!1,isLoading:!1,isShowVolume:!1,isShowRates:!1,timer:null,noticeMessage:"",duration:"",currentPlayIndex:0,currentTime:"",currentVolume:1,playbackRate:1}},mounted:function(){var t=new ut(this.$el,{preventDefault:!1});t.use(zt),this.$once("hook:destroyed",(function(){t.destroy()}))},computed:{currentTimeFormatted:function(){return this.currentTime?this.formatTime(this.currentTime):"00:00"},durationFormatted:function(){return this.duration?this.formatTime(this.duration):"00:00"}},filters:{rateFilter:function(t){return t.toFixed(1)+"x"}},methods:{handleVolumeIconTouchstart:function(){this.isShowVolume=!this.isShowVolume},handleVolumePanmove:function(t){var e,n,i=this.$refs.playVolumeWrap.getBoundingClientRect(),r=t.y;e=Math.round(i.bottom-r),n=e/this.$refs.playVolumeWrap.offsetHeight,n=Math.min(n,1),n=Math.max(n,0),this.$refs.audio.volume=n,this.currentVolume=n},handleVolumePanend:function(){this.isShowVolume=!1},handleSetPlaybackRate:function(t){this.playbackRate=+t,this.$refs.audio.playbackRate=+t,this.isShowRates=!1},showNotice:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.noticeMessage=e.message,this.isShowNotice=!0,window.setTimeout((function(){t.isShowNotice=!1}),e.duration||3e3)},onLoadedmetadata:function(t){this.duration=this.$refs.audio.duration,this.$emit("loadedmetadata",t)},onTimeUpdate:function(t){this.$emit("timeupdate",t)},formatTime:function(t){var e;return e=Math.floor(t/60),t=Math.ceil(t%60),e+="",t+="",e=1===e.length?"0"+e:e,t=1===t.length?"0"+t:t,e+":"+t},onEnded:function(t){var e=this;window.setTimeout((function(){e.pause(),e.$emit("ended",t),e.isLoop&&e.isAutoPlayNext&&e.playNext()}),1e3)},handleProgressPanstart:function(t){this.isDragging=!0},handleProgressPanend:function(t){this.$refs.audio.currentTime=this.currentTime,this.isDragging=!1},handleProgressPanmove:function(t){var e=t.x,n=t.target.getBoundingClientRect(),i=parseInt(getComputedStyle(t.target).left),r=i+(e-n.left);r=Math.min(r,this.$refs.audioProgressWrap.offsetWidth),r=Math.max(r,0),this.setPointPosition(r),this.$refs.audioProgress.style.width=r+"px",this.currentTime=r/this.$refs.audioProgressWrap.offsetWidth*this.duration},handleClickProgressWrap:function(t){var e=t.target,n=t.offsetX;e!==this.$refs.audioProgressPoint&&(this.currentTime=n/this.$refs.audioProgressWrap.offsetWidth*this.duration,this.$refs.audio.currentTime=this.currentTime,this.setPointPosition(n),this.$refs.audioProgress.style.width=n+"px")},setPointPosition:function(t){this.$refs.audioProgressPoint.style.left=t-this.$refs.audioProgressPoint.offsetWidth/2+"px"},playing:function(){if(!this.isDragging){var t=this.$refs.audio.currentTime/this.$refs.audio.duration*this.$refs.audioProgressWrap.offsetWidth;this.currentTime=this.$refs.audio.currentTime,this.$refs.audioProgress.style.width=t+"px",this.$refs.audioProgressPoint.style.left=t-this.$refs.audioProgressPoint.offsetWidth/2+"px",this.$emit("playing")}},play:function(){var t=this;this.isLoading=!0;var e=function(){t.$refs.audio.play().then((function(e){t.$nextTick((function(){t.playing(),t.timer=window.setInterval(t.playing,t.progressInterval),t.isPlaying=!0,t.isLoading=!1}))})).catch((function(e){9===e.code&&(t.showNotice({message:"加载失败，因为没有找到支持的源。"}),t.isAutoPlayNext&&window.setTimeout((function(){t.playNext()}),1e3)),t.isLoading=!1})),t.$emit("play")};this.isIOS&&(console.log("下面一行的错误是解决 iOS 异步请求后无法播放问题"),this.$refs.audio.play(),this.$refs.audio.pause()),this.beforePlay?this.beforePlay((function(t){!1!==t&&e()})):e()},pause:function(){var t=this;this.$refs.audio.pause(),this.$nextTick((function(){t.clearTimer(),t.isPlaying=!1,t.$emit("pause")}))},playPrev:function(){var t=this;if(!(this.currentPlayIndex<=0)||this.isLoop){this.clearTimer();var e=function(){t.currentPlayIndex<=0&&t.isLoop?t.currentPlayIndex=t.audioList.length-1:t.currentPlayIndex--,t.$nextTick((function(){t.play(),t.$emit("play-prev")}))};this.beforePrev?this.beforePrev((function(t){!1!==t&&e()})):e()}},clearTimer:function(){window.clearInterval(this.timer),this.timer=null},playNext:function(){var t=this;if(!(this.currentPlayIndex+1>=this.audioList.length)||this.isLoop){this.clearTimer();var e=function(){t.currentPlayIndex+1>=t.audioList.length&&t.isLoop?t.currentPlayIndex=0:t.currentPlayIndex++,t.$nextTick((function(){t.play(),t.$emit("play-next")}))};this.beforeNext?this.beforeNext((function(t){!1!==t&&e()})):e()}}},beforeDestroy:function(){this.pause()}},Vt=Ot;n("f7be");function Nt(t,e,n,i,r,o,a,s){var u,c="function"===typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=n,c._compiled=!0),i&&(c.functional=!0),o&&(c._scopeId="data-v-"+o),a?(u=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(a)},c._ssrRegister=u):r&&(u=s?function(){r.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:r),u)if(c.functional){c._injectStyles=u;var l=c.render;c.render=function(t,e){return u.call(e),l(t,e)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,u):[u]}return{exports:t,options:c}}var kt=Nt(Vt,a,s,!1,null,null,null),Bt=kt.exports;Bt.install=function(t){t.component(Bt.name,Bt)};var jt=Bt;e["default"]=jt}})}));
//# sourceMappingURL=vue-audio-player.umd.min.js.map

5

package.json
{
"name": "@liripeng/vue-audio-player",
"version": "1.2.4",
"version": "1.2.5",
"description": "Simple and practical Vue audio player component for PC mobile terminal（简单实用的 PC 移动端的 Vue 音频播放器组件）",

@@ -29,3 +29,4 @@ "license": "MIT",

"dependencies": {
"@liripeng/vue-audio-player": "^1.2.3",
"@liripeng/vue-audio-player": "^1.2.4",
"any-touch": "^1.0.6",
"hammer-touchemulator": "^0.0.2",

@@ -32,0 +33,0 @@ "vue": "^2.6.12",

9

README-en.md

@@ -10,5 +10,4 @@ <h3 align="center" style="margin: 30px 0 35px;">Vue Audio Player Component</h3>

## <a href="https://github.com/1014156094/vue-audio-player/blob/master/README.md">中文文档</a>
## [中文](./README.md) | **English**
## <a href="https://codesandbox.io/s/liripengvue-audio-player-issue-moban-cb57s?file=/src/App.vue&resolutionWidth=320&resolutionHeight=675">Demo</a>

@@ -18,3 +17,3 @@

- Complete documentation and examples
- Support for progress bar dragging (a small package is introduced on the PC to simulate Touch events，<a href="https://github.com/1014156094/vue-audio-player/issues/10">tutorial</a>）
- Support for progress bar dragging
- Native CSS, no need to introduce Less, Scss and other precompiled languages

@@ -144,2 +143,6 @@

### v1.2.5【2021/01/26】
- Modify：The `PC` can be dragged without introducing a `touchemulator`
### v1.2.4【2021/01/21】
- Fix：Play event fires twice
### v1.2.3【2020/12/31】

@@ -146,0 +149,0 @@ - Fix：<a href="https://github.com/1014156094/vue-audio-player/issues/25">#25</a>

8

README.md

@@ -10,3 +10,3 @@ <h3 align="center" style="margin: 30px 0 35px;">Vue 音频播放器组件</h3>

## <a href="https://github.com/1014156094/vue-audio-player/blob/master/README-en.md">English document</a>
## **中文** | [English](./README-en.md)

@@ -17,3 +17,3 @@ ## <a href="https://codesandbox.io/s/liripengvue-audio-player-issue-moban-cb57s?file=/src/App.vue&resolutionWidth=320&resolutionHeight=675">点我在线预览</a>

- 完善的文档和示例
- 支持进度条拖拽（PC 端需引入一个小小的包模拟 Touch 事件，<a href="https://github.com/1014156094/vue-audio-player/issues/10">教程</a>）
- 支持进度条拖拽
- 原生 CSS，无须引入 Less、Scss 等预编译语言

@@ -143,2 +143,6 @@

### v1.2.5【2021/01/26】
- 修改：`PC` 端无须引入 `touchemulator` 即可拖拽
### v1.2.4【2021/01/21】
- 修复：播放事触发两次
### v1.2.3【2020/12/31】

@@ -145,0 +149,0 @@ - 修复：<a href="https://github.com/1014156094/vue-audio-player/issues/25">#25</a>

lib/vue-audio-player.common.js

Sorry, the diff of this file is too big to display

lib/vue-audio-player.common.js.map

Sorry, the diff of this file is not supported yet

lib/vue-audio-player.umd.js

Sorry, the diff of this file is too big to display

lib/vue-audio-player.umd.js.map

Sorry, the diff of this file is not supported yet

lib/vue-audio-player.umd.min.js.map

Sorry, the diff of this file is not supported yet