diff --git a/README.md b/README.md
index b6979bc..830d516 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 # APlayer
 
 [![npm](https://img.shields.io/npm/v/aplayer.svg?style=flat-square)](https://www.npmjs.com/package/aplayer)
-[![npm](https://img.shields.io/npm/l/aplayer.svg?style=flat-square)](https://www.npmjs.com/package/aplayer)
+[![npm](https://img.shields.io/npm/l/aplayer.svg?style=flat-square)](https://github.com/DIYgod/APlayer/blob/master/LICENSE)
 [![devDependency Status](https://img.shields.io/david/dev/DIYgod/aplayer.svg?style=flat-square)](https://david-dm.org/DIYgod/APlayer#info=devDependencies)
 [![npm](https://img.shields.io/npm/dt/aplayer.svg?style=flat-square)](https://www.npmjs.com/package/aplayer)
 [![Travis](https://img.shields.io/travis/DIYgod/APlayer.svg?style=flat-square)](https://travis-ci.org/DIYgod/APlayer)
@@ -33,8 +33,6 @@ $ npm install aplayer --save
 ### HTML
 
 ```HTML
-<link rel="stylesheet" href="APlayer.min.css">
-<!-- ... -->
 <div id="player1" class="aplayer"></div>
 <!-- ... -->
 <script src="APlayer.min.js"></script>
diff --git a/demo/index.html b/demo/index.html
index 953fff3..c491c9f 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -4,7 +4,6 @@
     <meta charset="UTF-8">
     <title>APlayer Demo</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="../dist/APlayer.min.css">
     <style>
         body {
             font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
diff --git a/dist/APlayer.min.css b/dist/APlayer.min.css
deleted file mode 100644
index 43a6226..0000000
--- a/dist/APlayer.min.css
+++ /dev/null
@@ -1 +0,0 @@
-.aplayer-narrow{width:66px}.aplayer-narrow .aplayer-info{display:none}.aplayer-withlrc.aplayer-narrow{width:106px}.aplayer-withlrc.aplayer .aplayer-pic{height:106px;width:106px}.aplayer-withlrc.aplayer .aplayer-info{margin-left:106px;height:106px}.aplayer-withlrc.aplayer .aplayer-lrc{display:block}.aplayer{font-family:Arial,Helvetica,sans-serif;margin:5px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);border-radius:2px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal}.aplayer *{box-sizing:content-box}.aplayer .aplayer-icon{width:15px;height:15px;border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;vertical-align:middle;padding:0}.aplayer .aplayer-icon .aplayer-fill{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.aplayer .aplayer-lrc-content{display:none}.aplayer .aplayer-pic{position:relative;float:left;height:66px;width:66px;background-image:url(default.jpg);background-size:100%;-webkit-transition:all .3s ease;transition:all .3s ease}.aplayer .aplayer-pic .aplayer-button{position:absolute;border-radius:50%;opacity:.8;cursor:pointer;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);background:rgba(0,0,0,.2);-webkit-transition:all .1s ease;transition:all .1s ease}.aplayer .aplayer-pic .aplayer-button:hover{opacity:1}.aplayer .aplayer-pic .aplayer-button .aplayer-fill{fill:#fff}.aplayer .aplayer-pic .aplayer-hide{display:none}.aplayer .aplayer-pic .aplayer-play{width:26px;height:26px;border:2px solid #fff;bottom:50%;right:50%;margin:0 -15px -15px 0}.aplayer .aplayer-pic .aplayer-play .aplayer-icon-play{position:absolute;top:3px;left:4px;height:20px;width:20px}.aplayer .aplayer-pic .aplayer-pause{width:16px;height:16px;border:2px solid #fff;bottom:4px;right:4px}.aplayer .aplayer-pic .aplayer-pause .aplayer-icon-pause{position:absolute;top:2px;left:2px;height:12px;width:12px}.aplayer .aplayer-info{margin-left:66px;padding:14px 7px 0 10px;height:66px;box-sizing:border-box}.aplayer .aplayer-info .aplayer-music{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:13px}.aplayer .aplayer-info .aplayer-music .aplayer-title{font-size:14px}.aplayer .aplayer-info .aplayer-music .aplayer-author{font-size:12px;color:#666}.aplayer .aplayer-info .aplayer-controller{position:relative}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap{margin:0 140px 0 5px;padding:4px 0;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar{position:relative;height:2px;width:100%;background:#cdcdcd}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded{position:absolute;left:0;top:0;bottom:0;background:#aaa;height:2px;-webkit-transition:all .5s ease;transition:all .5s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{position:absolute;left:0;top:0;bottom:0;height:2px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:8px;width:8px;border-radius:50%;background:#fff;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-time{position:absolute;right:0;bottom:-3px;height:17px;color:#999;font-size:11px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner{vertical-align:middle}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon{cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon .aplayer-fill{fill:#666}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-loop{margin-right:4px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-noloop .aplayer-fill{fill:#ddd}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-noloop:hover .aplayer-fill{fill:#bbb}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover .aplayer-fill{fill:#000}.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-loop,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap{position:relative;display:inline-block;margin-left:3px;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap{display:block}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap{display:none;position:absolute;bottom:15px;right:-3px;width:25px;height:40px;z-index:2}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar{position:absolute;bottom:0;right:10px;width:5px;height:35px;background:#aaa}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume{position:absolute;bottom:0;right:0;width:5px;-webkit-transition:all .1s ease;transition:all .1s ease}.aplayer .aplayer-lrc{display:none;position:relative;height:40px;background:#fff;text-align:center;overflow:hidden;margin:-10px 0 10px}.aplayer .aplayer-lrc:before{top:0;height:10%;background:-webkit-linear-gradient(top,#fff,hsla(0,0%,100%,0));background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=0)}.aplayer .aplayer-lrc:after,.aplayer .aplayer-lrc:before{position:absolute;z-index:1;display:block;overflow:hidden;width:100%;content:' '}.aplayer .aplayer-lrc:after{bottom:0;height:33%;background:-webkit-linear-gradient(bottom,#fff,hsla(0,0%,100%,0));background:-webkit-gradient(linear,left bottom,left top,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(0deg,#fff 0,hsla(0,0%,100%,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0)}.aplayer .aplayer-lrc p{font-size:12px;color:#666;line-height:20px!important;height:20px!important;padding:0!important;margin:0!important;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;opacity:.4;overflow:hidden}.aplayer .aplayer-lrc p.aplayer-lrc-current{opacity:1}.aplayer .aplayer-lrc .aplayer-lrc-contents{width:100%;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.aplayer .aplayer-list{overflow:auto;-webkit-transition:all .5s ease;transition:all .5s ease}.aplayer .aplayer-list.aplayer-list-hide{height:0!important}.aplayer .aplayer-list ol{list-style-type:none;margin:0;padding:0}.aplayer .aplayer-list ol li{position:relative;height:32px;line-height:32px;padding:0 15px;font-size:12px;border-top:1px solid #e9e9e9;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;overflow:hidden}.aplayer .aplayer-list ol li:hover{background:#efefef}.aplayer .aplayer-list ol li.aplayer-list-light{background:#e9e9e9}.aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur{display:inline-block}.aplayer .aplayer-list ol li .aplayer-list-cur{display:none;width:3px;height:22px;position:absolute;left:0;top:5px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-index{color:#666;margin-right:12px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-author{color:#666;float:right;cursor:pointer}
\ No newline at end of file
diff --git a/dist/APlayer.min.js b/dist/APlayer.min.js
index 49145ab..d4d1b48 100644
--- a/dist/APlayer.min.js
+++ b/dist/APlayer.min.js
@@ -1,2 +1,3 @@
-"use strict";function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var _createClass=function(){function e(e,t){for(var a=0;a<t.length;a++){var i=t[a];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(t,a,i){return a&&e(t.prototype,a),i&&e(t,i),t}}();!function(e){var t=function(){function t(e){var a=this;_classCallCheck(this,t),this.svg={play:["0 0 16 31","M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z"],pause:["0 0 17 32","M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z"],"volume-up":["0 0 28 32","M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528zM25.152 16q0 2.72-1.536 5.056t-4 3.36q-0.256 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.704 0.672-1.056 1.024-0.512 1.376-0.8 1.312-0.96 2.048-2.4t0.736-3.104-0.736-3.104-2.048-2.4q-0.352-0.288-1.376-0.8-0.672-0.352-0.672-1.056 0-0.448 0.32-0.8t0.8-0.352q0.224 0 0.48 0.096 2.496 1.056 4 3.36t1.536 5.056zM29.728 16q0 4.096-2.272 7.552t-6.048 5.056q-0.224 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.64 0.704-1.056 0.128-0.064 0.384-0.192t0.416-0.192q0.8-0.448 1.44-0.896 2.208-1.632 3.456-4.064t1.216-5.152-1.216-5.152-3.456-4.064q-0.64-0.448-1.44-0.896-0.128-0.096-0.416-0.192t-0.384-0.192q-0.704-0.416-0.704-1.056 0-0.448 0.32-0.8t0.832-0.352q0.224 0 0.448 0.096 3.776 1.632 6.048 5.056t2.272 7.552z"],"volume-down":["0 0 28 32","M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z"],"volume-off":["0 0 28 32","M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8z"],loop:["0 0 29 32","M25.6 9.92q1.344 0 2.272 0.928t0.928 2.272v9.28q0 1.28-0.928 2.24t-2.272 0.96h-22.4q-1.28 0-2.24-0.96t-0.96-2.24v-9.28q0-1.344 0.96-2.272t2.24-0.928h8v-3.52l6.4 5.76-6.4 5.76v-3.52h-6.72v6.72h19.84v-6.72h-4.8v-4.48h6.080z"],menu:["0 0 22 32","M20.8 14.4q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2zM1.6 11.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2zM20.8 20.8q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2z"]},this.getSVG=function(e){return'\n                    <svg xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" version="1.1" viewBox="'+a.svg[e][0]+'" width="100%">\n                        <use xlink:href="#aplayer-'+e+'"></use>\n                        <path class="aplayer-fill" d="'+a.svg[e][1]+'" id="aplayer-'+e+'"></path>\n                    </svg>\n                '},this.isMobile=/mobile/i.test(window.navigator.userAgent),this.isMobile&&(e.autoplay=!1);var i={element:document.getElementsByClassName("aplayer")[0],narrow:!1,autoplay:!1,mutex:!0,showlrc:0,theme:"#b7daff",loop:!0};for(var s in i)i.hasOwnProperty(s)&&!e.hasOwnProperty(s)&&(e[s]=i[s]);this.playIndex="[object Array]"===Object.prototype.toString.call(e.music)?0:-1,this.option=e,this.audios=[],this.loop=e.loop,this.secondToTime=function(e){var t=function(e){return e<10?"0"+e:""+e},a=parseInt(e/60),i=parseInt(e-60*a);return t(a)+":"+t(i)},this.parseLrc=function(e){for(var t=[],a=0;a<e.length;a++){for(var i=e[a].split("\n"),s=[],n=i.length,l=0;l<n;l++){var o=i[l].match(/\[(\d{2}):(\d{2})\.(\d{2,3})]/g),r=i[l].replace(/\[(\d{2}):(\d{2})\.(\d{2,3})]/g,"").replace(/^\s+|\s+$/g,"");if(null!=o)for(var u=o.length,p=0;p<u;p++){var d=/\[(\d{2}):(\d{2})\.(\d{2,3})]/.exec(o[p]),c=60*d[1]+parseInt(d[2])+parseInt(d[3])/(2===(d[3]+"").length?100:1e3);s.push([c,r])}}s.sort(function(e,t){return e[0]-t[0]}),t.push(s)}return t},this.updateBar=function(e,t,i){t=t>0?t:0,t=t<1?t:1,a[e+"Bar"].style[i]=100*t+"%"},this.updateLrc=function(){var e=arguments.length<=0||void 0===arguments[0]?a.audio.currentTime:arguments[0];if(a.lrcIndex>a.lrc.length-1||e<a.lrc[a.lrcIndex][0]||!a.lrc[a.lrcIndex+1]||e>=a.lrc[a.lrcIndex+1][0])for(var t=0;t<a.lrc.length;t++)e>=a.lrc[t][0]&&(!a.lrc[t+1]||e<a.lrc[t+1][0])&&(a.lrcIndex=t,a.lrcContents.style.transform="translateY("+20*-a.lrcIndex+"px)",a.lrcContents.style.webkitTransform="translateY("+20*-a.lrcIndex+"px)",a.lrcContents.getElementsByClassName("aplayer-lrc-current")[0].classList.remove("aplayer-lrc-current"),a.lrcContents.getElementsByTagName("p")[t].classList.add("aplayer-lrc-current"))},this.eventTypes=["play","pause","canplay","playing","ended","error"],this.event={};for(var n=0;n<this.eventTypes.length;n++)this.event[this.eventTypes[n]]=[];this.trigger=function(e){for(var t=0;t<a.event[e].length;t++)a.event[e][t]()}}return _createClass(t,[{key:"init",value:function(){function t(e){for(var t=e.offsetLeft,a=e.offsetParent,i=void 0;null!==a;)t+=a.offsetLeft,a=a.offsetParent;return i=document.body.scrollLeft+document.documentElement.scrollLeft,t-i}function a(e){for(var t=e.offsetTop,a=e.offsetParent,i=void 0;null!==a;)t+=a.offsetTop,a=a.offsetParent;return i=document.body.scrollTop+document.documentElement.scrollTop,t-i}var i=this;this.element=this.option.element,this.multiple=this.playIndex>-1,this.music=this.multiple?this.option.music[this.playIndex]:this.option.music;var s=void 0;if(this.option.showlrc){var n=[];if(1===this.option.showlrc)if(this.multiple)for(s=0;s<this.option.music.length;s++)n.push(this.option.music[s].lrc);else n.push(this.option.music.lrc);else if(2===this.option.showlrc||this.option.showlrc===!0)for(s=0;s<this.element.getElementsByClassName("aplayer-lrc-content").length;s++)n.push(this.element.getElementsByClassName("aplayer-lrc-content")[s].innerHTML);this.lrcs=this.parseLrc(n)}this.option.showlrc&&this.element.classList.add("aplayer-withlrc");var l='\n                <div class="aplayer-pic" '+(this.music.pic?"style=\"background-image: url('"+this.music.pic+"');\"":"")+'>\n                    <div class="aplayer-button aplayer-play">\n                        <button class="aplayer-icon aplayer-icon-play">'+this.getSVG("play")+('     </button>\n                    </div>\n                </div>\n                <div class="aplayer-info">\n                    <div class="aplayer-music">\n                        <span class="aplayer-title"></span>\n                        <span class="aplayer-author"></span>\n                    </div>\n                    <div class="aplayer-lrc">\n                        <div class="aplayer-lrc-contents" style="transform: translateY(0); -webkit-transform: translateY(0);"></div>\n                    </div>\n                    <div class="aplayer-controller">\n                        <div class="aplayer-bar-wrap">\n                            <div class="aplayer-bar">\n                                <div class="aplayer-loaded" style="width: 0"></div>\n                                <div class="aplayer-played" style="width: 0; background: '+this.option.theme+';">\n                                    <span class="aplayer-thumb" style="border: 1px solid '+this.option.theme+';"></span>\n                                </div>\n                            </div>\n                        </div>\n                        <div class="aplayer-time">\n                            <span class="aplayer-time-inner">\n                                - <span class="aplayer-ptime">00:00</span> / <span class="aplayer-dtime">00:00</span>\n                            </span>\n                            <div class="aplayer-volume-wrap">\n                                <button class="aplayer-icon aplayer-icon-volume-down">')+this.getSVG("volume-down")+('             </button>\n                                <div class="aplayer-volume-bar-wrap">\n                                    <div class="aplayer-volume-bar">\n                                        <div class="aplayer-volume" style="height: 80%; background: '+this.option.theme+';"></div>\n                                    </div>\n                                </div>\n                            </div>\n                            <button class="aplayer-icon aplayer-icon-loop'+(this.loop?"":" aplayer-noloop")+'">')+this.getSVG("loop")+("         </button>\n                            "+(this.multiple?'<button class="aplayer-icon aplayer-icon-menu">'+this.getSVG("menu")+"         </button>":"")+"\n                        </div>\n                    </div>\n                </div>");if(this.multiple){for(l+='\n                <div class="aplayer-list">\n                    <ol>',s=0;s<this.option.music.length;s++)l+='\n                        <li>\n                            <span class="aplayer-list-cur" style="background: '+this.option.theme+';"></span>\n                            <span class="aplayer-list-index">'+(s+1)+'</span>\n                            <span class="aplayer-list-title">'+this.option.music[s].title+'</span>\n                            <span class="aplayer-list-author">'+this.option.music[s].author+"</span>\n                        </li>";l+="\n                    </ol>\n                </div>"}this.element.innerHTML=l,this.element.offsetWidth<300&&(this.element.getElementsByClassName("aplayer-icon-loop")[0].style.display="none"),this.ptime=this.element.getElementsByClassName("aplayer-ptime")[0],this.element.getElementsByClassName("aplayer-info")[0].offsetWidth<200&&this.element.getElementsByClassName("aplayer-time")[0].classList.add("aplayer-time-narrow"),this.bar=this.element.getElementsByClassName("aplayer-bar-wrap")[0],this.bar.style.marginRight=this.element.getElementsByClassName("aplayer-time")[0].offsetWidth+5+"px",this.option.narrow&&this.element.classList.add("aplayer-narrow"),this.button=this.element.getElementsByClassName("aplayer-button")[0],this.button.addEventListener("click",function(e){i.button.classList.contains("aplayer-play")?i.play():i.button.classList.contains("aplayer-pause")&&i.pause()}),this.multiple&&!function(){for(var e=i.element.getElementsByClassName("aplayer-list")[0].getElementsByTagName("li"),t=function(t){e[t].addEventListener("click",function(){var a=parseInt(e[t].getElementsByClassName("aplayer-list-index")[0].innerHTML)-1;a!==i.playIndex?(i.setMusic(a),i.isMobile?i.pause():i.play()):i.toggle()})},a=0;a<i.option.music.length;a++)t(a)}(),this.playedBar=this.element.getElementsByClassName("aplayer-played")[0],this.loadedBar=this.element.getElementsByClassName("aplayer-loaded")[0],this.thumb=this.element.getElementsByClassName("aplayer-thumb")[0];var o=void 0;this.bar.addEventListener("click",function(e){var a=e||window.event;o=i.bar.clientWidth;var s=(a.clientX-t(i.bar))/o;i.updateBar("played",s,"width"),i.element.getElementsByClassName("aplayer-ptime")[0].innerHTML=i.secondToTime(s*i.audio.duration),i.audio.currentTime=parseFloat(i.playedBar.style.width)/100*i.audio.duration}),this.thumb.addEventListener("mouseover",function(){i.thumb.style.background=i.option.theme}),this.thumb.addEventListener("mouseout",function(){i.thumb.style.background="#fff"});var r=function(e){var a=e||window.event,s=(a.clientX-t(i.bar))/o;s=s>0?s:0,s=s<1?s:1,i.updateBar("played",s,"width"),i.option.showlrc&&i.updateLrc(parseFloat(i.playedBar.style.width)/100*i.audio.duration),i.element.getElementsByClassName("aplayer-ptime")[0].innerHTML=i.secondToTime(s*i.audio.duration)},u=function h(){document.removeEventListener("mouseup",h),document.removeEventListener("mousemove",r),i.audio.currentTime=parseFloat(i.playedBar.style.width)/100*i.audio.duration,i.playedTime=setInterval(function(){i.updateBar("played",i.audio.currentTime/i.audio.duration,"width"),i.option.showlrc&&i.updateLrc(),i.element.getElementsByClassName("aplayer-ptime")[0].innerHTML=i.secondToTime(i.audio.currentTime),i.trigger("playing")},100)};this.thumb.addEventListener("mousedown",function(){o=i.bar.clientWidth,clearInterval(i.playedTime),document.addEventListener("mousemove",r),document.addEventListener("mouseup",u)}),this.volumeBar=this.element.getElementsByClassName("aplayer-volume")[0];var p=this.element.getElementsByClassName("aplayer-volume-bar")[0];this.volumeicon=this.element.getElementsByClassName("aplayer-time")[0].getElementsByTagName("button")[0];var d=35;this.element.getElementsByClassName("aplayer-volume-bar-wrap")[0].addEventListener("click",function(e){var t=e||window.event,s=(d-t.clientY+a(p))/d;s=s>0?s:0,s=s<1?s:1,i.volume(s)}),this.volumeicon.addEventListener("click",function(){i.audio.muted?(i.audio.muted=!1,i.volumeicon.className=1===i.audio.volume?"aplayer-icon aplayer-icon-volume-up":"aplayer-icon aplayer-icon-volume-down",1===i.audio.volume?(i.volumeicon.className="aplayer-icon aplayer-icon-volume-up",i.volumeicon.innerHTML=i.getSVG("volume-up")):(i.volumeicon.className="aplayer-icon aplayer-icon-volume-down",i.volumeicon.innerHTML=i.getSVG("volume-down")),i.updateBar("volume",i.audio.volume,"height")):(i.audio.muted=!0,i.volumeicon.className="aplayer-icon aplayer-icon-volume-off",i.volumeicon.innerHTML=i.getSVG("volume-off"),i.updateBar("volume",0,"height"))});var c=this.element.getElementsByClassName("aplayer-icon-loop")[0];c.addEventListener("click",function(){i.loop?(c.classList.add("aplayer-noloop"),i.loop=!1,i.audio.loop=!i.multiple&&i.loop):(c.classList.remove("aplayer-noloop"),i.loop=!0,i.audio.loop=!i.multiple&&i.loop)}),this.multiple&&!function(){var e=i.element.getElementsByClassName("aplayer-list")[0];e.style.height=e.offsetHeight+"px",i.element.getElementsByClassName("aplayer-icon-menu")[0].addEventListener("click",function(){e.classList.contains("aplayer-list-hide")?e.classList.remove("aplayer-list-hide"):e.classList.add("aplayer-list-hide")})}(),this.setMusic(0),e.push(this)}},{key:"setMusic",value:function(e){var t=this;this.multiple&&"undefined"!=typeof e&&(this.playIndex=e);var a=this.playIndex;if(this.music=this.multiple?this.option.music[a]:this.option.music,this.music.pic&&(this.element.getElementsByClassName("aplayer-pic")[0].style.backgroundImage="url('"+this.music.pic+"')"),this.element.getElementsByClassName("aplayer-title")[0].innerHTML=this.music.title,this.element.getElementsByClassName("aplayer-author")[0].innerHTML=" - "+this.music.author,this.multiple&&(this.element.getElementsByClassName("aplayer-list-light")[0]&&this.element.getElementsByClassName("aplayer-list-light")[0].classList.remove("aplayer-list-light"),this.element.getElementsByClassName("aplayer-list")[0].getElementsByTagName("li")[a].classList.add("aplayer-list-light")),this.audio&&(this.pause(),this.audio.currentTime=0),this.multiple&&!this.audios[a]||this.playIndex===-1?(this.audio=document.createElement("audio"),this.audio.src=this.music.url,this.option.preload?this.audio.preload=this.option.preload:this.audio.preload=this.isMobile?"none":"metadata",this.audio.addEventListener("durationchange",function(){1!==t.audio.duration&&(t.element.getElementsByClassName("aplayer-dtime")[0].innerHTML=t.secondToTime(t.audio.duration))}),this.audio.addEventListener("progress",function(){var e=t.audio.buffered.length?t.audio.buffered.end(t.audio.buffered.length-1)/t.audio.duration:0;t.updateBar("loaded",e,"width")}),this.audio.addEventListener("error",function(){t.element.getElementsByClassName("aplayer-author")[0].innerHTML=" - Error happens ╥﹏╥",t.trigger("pause")}),this.audio.addEventListener("canplay",function(){t.trigger("canplay")}),this.ended=!1,this.multiple?this.audio.addEventListener("ended",function(){return t.isMobile?(t.ended=!0,void t.pause()):void(0!==t.audio.currentTime&&(t.playIndex<t.option.music.length-1?t.setMusic(++t.playIndex):t.loop?t.setMusic(0):t.loop||(t.ended=!0,t.pause(),t.trigger("ended"))))}):this.audio.addEventListener("ended",function(){t.loop||(t.ended=!0,t.pause(),t.trigger("ended"))}),this.audio.volume=parseInt(this.element.getElementsByClassName("aplayer-volume")[0].style.height)/100,this.audio.loop=!this.multiple&&this.loop,this.multiple&&(this.audios[a]=this.audio)):(this.audio=this.audios[a],this.audio.volume=parseInt(this.element.getElementsByClassName("aplayer-volume")[0].style.height)/100,this.audio.currentTime=0),this.option.showlrc){this.lrc=this.multiple?this.lrcs[a]:this.lrcs[0];var i="";this.lrcContents=this.element.getElementsByClassName("aplayer-lrc-contents")[0];for(var s=0;s<this.lrc.length;s++)i+="<p>"+this.lrc[s][1]+"</p>";this.lrcContents.innerHTML=i,this.lrcIndex||(this.lrcIndex=0),this.lrcContents.getElementsByTagName("p")[0].classList.add("aplayer-lrc-current"),this.lrcContents.style.transform="translateY(0px)",this.lrcContents.style.webkitTransform="translateY(0px)"}1!==this.audio.duration&&(this.element.getElementsByClassName("aplayer-dtime")[0].innerHTML=this.audio.duration?this.secondToTime(this.audio.duration):"00:00"),this.option.autoplay&&!this.isMobile&&this.play(),this.option.autoplay=!0,this.isMobile&&this.pause()}},{key:"play",value:function(t){var a=this;if("[object Number]"===Object.prototype.toString.call(t)&&(this.audio.currentTime=t),this.audio.paused){if(this.button.classList.remove("aplayer-play"),this.button.classList.add("aplayer-pause"),this.button.innerHTML="",setTimeout(function(){a.button.innerHTML='\n                                <button class="aplayer-icon aplayer-icon-pause">'+a.getSVG("pause")+"     </button>"},100),this.option.mutex)for(var i=0;i<e.length;i++)this!=e[i]&&e[i].pause();this.audio.play(),this.playedTime&&clearInterval(this.playedTime),this.playedTime=setInterval(function(){a.updateBar("played",a.audio.currentTime/a.audio.duration,"width"),a.option.showlrc&&a.updateLrc(),a.ptime.innerHTML=a.secondToTime(a.audio.currentTime),a.trigger("playing")},100),this.trigger("play")}}},{key:"pause",value:function(){var e=this;this.audio.paused&&!this.ended||(this.ended=!1,this.button.classList.remove("aplayer-pause"),this.button.classList.add("aplayer-play"),this.button.innerHTML="",setTimeout(function(){e.button.innerHTML='\n                                <button class="aplayer-icon aplayer-icon-play">'+e.getSVG("play")+"     </button>"},100),this.audio.pause(),clearInterval(this.playedTime),this.trigger("pause"))}},{key:"volume",value:function(e){this.updateBar("volume",e,"height"),this.audio.volume=e,this.audio.muted&&(this.audio.muted=!1),1===e?(this.volumeicon.className="aplayer-icon aplayer-icon-volume-up",this.volumeicon.innerHTML=this.getSVG("volume-up")):(this.volumeicon.className="aplayer-icon aplayer-icon-volume-down",this.volumeicon.innerHTML=this.getSVG("volume-down"))}},{key:"on",value:function(e,t){"function"==typeof t&&this.event[e].push(t)}},{key:"toggle",value:function(){this.audio.paused?this.play():this.pause()}}]),t}();"undefined"!=typeof module&&"undefined"!=typeof module.exports?module.exports=t:window.APlayer=t}([]);
-//# sourceMappingURL=APlayer.min.js.map
+!function(e,a){if("object"==typeof exports&&"object"==typeof module)module.exports=a();else if("function"==typeof define&&define.amd)define([],a);else{var t=a();for(var l in t)("object"==typeof exports?exports:e)[l]=t[l]}}(this,function(){return function(e){function a(l){if(t[l])return t[l].exports;var i=t[l]={exports:{},id:l,loaded:!1};return e[l].call(i.exports,i,i.exports,a),i.loaded=!0,i.exports}var t={};return a.m=e,a.c=t,a.p="",a(0)}([function(e,a,t){"use strict";function l(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}Object.defineProperty(a,"__esModule",{value:!0});var i=function(){function e(e,a){for(var t=0;t<a.length;t++){var l=a[t];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}return function(a,t,l){return t&&e(a.prototype,t),l&&e(a,l),a}}();t(1);var r=[],n=function(){function e(a){var t=this;l(this,e),this.svg={play:["0 0 16 31","M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z"],pause:["0 0 17 32","M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z"],"volume-up":["0 0 28 32","M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528zM25.152 16q0 2.72-1.536 5.056t-4 3.36q-0.256 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.704 0.672-1.056 1.024-0.512 1.376-0.8 1.312-0.96 2.048-2.4t0.736-3.104-0.736-3.104-2.048-2.4q-0.352-0.288-1.376-0.8-0.672-0.352-0.672-1.056 0-0.448 0.32-0.8t0.8-0.352q0.224 0 0.48 0.096 2.496 1.056 4 3.36t1.536 5.056zM29.728 16q0 4.096-2.272 7.552t-6.048 5.056q-0.224 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.64 0.704-1.056 0.128-0.064 0.384-0.192t0.416-0.192q0.8-0.448 1.44-0.896 2.208-1.632 3.456-4.064t1.216-5.152-1.216-5.152-3.456-4.064q-0.64-0.448-1.44-0.896-0.128-0.096-0.416-0.192t-0.384-0.192q-0.704-0.416-0.704-1.056 0-0.448 0.32-0.8t0.832-0.352q0.224 0 0.448 0.096 3.776 1.632 6.048 5.056t2.272 7.552z"],"volume-down":["0 0 28 32","M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z"],"volume-off":["0 0 28 32","M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8z"],loop:["0 0 29 32","M25.6 9.92q1.344 0 2.272 0.928t0.928 2.272v9.28q0 1.28-0.928 2.24t-2.272 0.96h-22.4q-1.28 0-2.24-0.96t-0.96-2.24v-9.28q0-1.344 0.96-2.272t2.24-0.928h8v-3.52l6.4 5.76-6.4 5.76v-3.52h-6.72v6.72h19.84v-6.72h-4.8v-4.48h6.080z"],menu:["0 0 22 32","M20.8 14.4q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2zM1.6 11.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2zM20.8 20.8q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2z"]},this.getSVG=function(e){return'\n                <svg xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" version="1.1" viewBox="'+t.svg[e][0]+'" width="100%">\n                    <use xlink:href="#aplayer-'+e+'"></use>\n                    <path class="aplayer-fill" d="'+t.svg[e][1]+'" id="aplayer-'+e+'"></path>\n                </svg>\n            '},this.isMobile=/mobile/i.test(window.navigator.userAgent),this.isMobile&&(a.autoplay=!1);var i={element:document.getElementsByClassName("aplayer")[0],narrow:!1,autoplay:!1,mutex:!0,showlrc:0,theme:"#b7daff",loop:!0};for(var r in i)i.hasOwnProperty(r)&&!a.hasOwnProperty(r)&&(a[r]=i[r]);this.playIndex="[object Array]"===Object.prototype.toString.call(a.music)?0:-1,this.option=a,this.audios=[],this.loop=a.loop,this.secondToTime=function(e){var a=function(e){return e<10?"0"+e:""+e},t=parseInt(e/60),l=parseInt(e-60*t);return a(t)+":"+a(l)},this.parseLrc=function(e){for(var a=[],t=0;t<e.length;t++){for(var l=e[t].split("\n"),i=[],r=l.length,n=0;n<r;n++){var o=l[n].match(/\[(\d{2}):(\d{2})\.(\d{2,3})]/g),s=l[n].replace(/\[(\d{2}):(\d{2})\.(\d{2,3})]/g,"").replace(/^\s+|\s+$/g,"");if(null!=o)for(var p=o.length,u=0;u<p;u++){var c=/\[(\d{2}):(\d{2})\.(\d{2,3})]/.exec(o[u]),d=60*c[1]+parseInt(c[2])+parseInt(c[3])/(2===(c[3]+"").length?100:1e3);i.push([d,s])}}i.sort(function(e,a){return e[0]-a[0]}),a.push(i)}return a},this.updateBar=function(e,a,l){a=a>0?a:0,a=a<1?a:1,t[e+"Bar"].style[l]=100*a+"%"},this.updateLrc=function(){var e=arguments.length<=0||void 0===arguments[0]?t.audio.currentTime:arguments[0];if(t.lrcIndex>t.lrc.length-1||e<t.lrc[t.lrcIndex][0]||!t.lrc[t.lrcIndex+1]||e>=t.lrc[t.lrcIndex+1][0])for(var a=0;a<t.lrc.length;a++)e>=t.lrc[a][0]&&(!t.lrc[a+1]||e<t.lrc[a+1][0])&&(t.lrcIndex=a,t.lrcContents.style.transform="translateY("+20*-t.lrcIndex+"px)",t.lrcContents.style.webkitTransform="translateY("+20*-t.lrcIndex+"px)",t.lrcContents.getElementsByClassName("aplayer-lrc-current")[0].classList.remove("aplayer-lrc-current"),t.lrcContents.getElementsByTagName("p")[a].classList.add("aplayer-lrc-current"))},this.eventTypes=["play","pause","canplay","playing","ended","error"],this.event={};for(var n=0;n<this.eventTypes.length;n++)this.event[this.eventTypes[n]]=[];this.trigger=function(e){for(var a=0;a<t.event[e].length;a++)t.event[e][a]()}}return i(e,[{key:"init",value:function(){function e(e){for(var a=e.offsetLeft,t=e.offsetParent,l=void 0;null!==t;)a+=t.offsetLeft,t=t.offsetParent;return l=document.body.scrollLeft+document.documentElement.scrollLeft,a-l}function a(e){for(var a=e.offsetTop,t=e.offsetParent,l=void 0;null!==t;)a+=t.offsetTop,t=t.offsetParent;return l=document.body.scrollTop+document.documentElement.scrollTop,a-l}var t=this;this.element=this.option.element,this.multiple=this.playIndex>-1,this.music=this.multiple?this.option.music[this.playIndex]:this.option.music;var l=void 0;if(this.option.showlrc){var i=[];if(1===this.option.showlrc)if(this.multiple)for(l=0;l<this.option.music.length;l++)i.push(this.option.music[l].lrc);else i.push(this.option.music.lrc);else if(2===this.option.showlrc||this.option.showlrc===!0)for(l=0;l<this.element.getElementsByClassName("aplayer-lrc-content").length;l++)i.push(this.element.getElementsByClassName("aplayer-lrc-content")[l].innerHTML);this.lrcs=this.parseLrc(i)}this.option.showlrc&&this.element.classList.add("aplayer-withlrc");var n='\n            <div class="aplayer-pic" '+(this.music.pic?"style=\"background-image: url('"+this.music.pic+"');\"":"")+'>\n                <div class="aplayer-button aplayer-play">\n                    <button class="aplayer-icon aplayer-icon-play">'+this.getSVG("play")+('     </button>\n                </div>\n            </div>\n            <div class="aplayer-info">\n                <div class="aplayer-music">\n                    <span class="aplayer-title"></span>\n                    <span class="aplayer-author"></span>\n                </div>\n                <div class="aplayer-lrc">\n                    <div class="aplayer-lrc-contents" style="transform: translateY(0); -webkit-transform: translateY(0);"></div>\n                </div>\n                <div class="aplayer-controller">\n                    <div class="aplayer-bar-wrap">\n                        <div class="aplayer-bar">\n                            <div class="aplayer-loaded" style="width: 0"></div>\n                            <div class="aplayer-played" style="width: 0; background: '+this.option.theme+';">\n                                <span class="aplayer-thumb" style="border: 1px solid '+this.option.theme+';"></span>\n                            </div>\n                        </div>\n                    </div>\n                    <div class="aplayer-time">\n                        <span class="aplayer-time-inner">\n                            - <span class="aplayer-ptime">00:00</span> / <span class="aplayer-dtime">00:00</span>\n                        </span>\n                        <div class="aplayer-volume-wrap">\n                            <button class="aplayer-icon aplayer-icon-volume-down">')+this.getSVG("volume-down")+('             </button>\n                            <div class="aplayer-volume-bar-wrap">\n                                <div class="aplayer-volume-bar">\n                                    <div class="aplayer-volume" style="height: 80%; background: '+this.option.theme+';"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <button class="aplayer-icon aplayer-icon-loop'+(this.loop?"":" aplayer-noloop")+'">')+this.getSVG("loop")+("         </button>\n                        "+(this.multiple?'<button class="aplayer-icon aplayer-icon-menu">'+this.getSVG("menu")+"         </button>":"")+"\n                    </div>\n                </div>\n            </div>");if(this.multiple){for(n+='\n            <div class="aplayer-list">\n                <ol>',l=0;l<this.option.music.length;l++)n+='\n                    <li>\n                        <span class="aplayer-list-cur" style="background: '+this.option.theme+';"></span>\n                        <span class="aplayer-list-index">'+(l+1)+'</span>\n                        <span class="aplayer-list-title">'+this.option.music[l].title+'</span>\n                        <span class="aplayer-list-author">'+this.option.music[l].author+"</span>\n                    </li>";n+="\n                </ol>\n            </div>"}this.element.innerHTML=n,this.element.offsetWidth<300&&(this.element.getElementsByClassName("aplayer-icon-loop")[0].style.display="none"),this.ptime=this.element.getElementsByClassName("aplayer-ptime")[0],this.element.getElementsByClassName("aplayer-info")[0].offsetWidth<200&&this.element.getElementsByClassName("aplayer-time")[0].classList.add("aplayer-time-narrow"),this.bar=this.element.getElementsByClassName("aplayer-bar-wrap")[0],this.bar.style.marginRight=this.element.getElementsByClassName("aplayer-time")[0].offsetWidth+5+"px",this.option.narrow&&this.element.classList.add("aplayer-narrow"),this.button=this.element.getElementsByClassName("aplayer-button")[0],this.button.addEventListener("click",function(e){t.button.classList.contains("aplayer-play")?t.play():t.button.classList.contains("aplayer-pause")&&t.pause()}),this.multiple&&!function(){for(var e=t.element.getElementsByClassName("aplayer-list")[0].getElementsByTagName("li"),a=function(a){e[a].addEventListener("click",function(){var l=parseInt(e[a].getElementsByClassName("aplayer-list-index")[0].innerHTML)-1;l!==t.playIndex?(t.setMusic(l),t.isMobile?t.pause():t.play()):t.toggle()})},l=0;l<t.option.music.length;l++)a(l)}(),this.playedBar=this.element.getElementsByClassName("aplayer-played")[0],this.loadedBar=this.element.getElementsByClassName("aplayer-loaded")[0],this.thumb=this.element.getElementsByClassName("aplayer-thumb")[0];var o=void 0;this.bar.addEventListener("click",function(a){var l=a||window.event;o=t.bar.clientWidth;var i=(l.clientX-e(t.bar))/o;t.updateBar("played",i,"width"),t.element.getElementsByClassName("aplayer-ptime")[0].innerHTML=t.secondToTime(i*t.audio.duration),t.audio.currentTime=parseFloat(t.playedBar.style.width)/100*t.audio.duration}),this.thumb.addEventListener("mouseover",function(){t.thumb.style.background=t.option.theme}),this.thumb.addEventListener("mouseout",function(){t.thumb.style.background="#fff"});var s=function(a){var l=a||window.event,i=(l.clientX-e(t.bar))/o;i=i>0?i:0,i=i<1?i:1,t.updateBar("played",i,"width"),t.option.showlrc&&t.updateLrc(parseFloat(t.playedBar.style.width)/100*t.audio.duration),t.element.getElementsByClassName("aplayer-ptime")[0].innerHTML=t.secondToTime(i*t.audio.duration)},p=function y(){document.removeEventListener("mouseup",y),document.removeEventListener("mousemove",s),t.audio.currentTime=parseFloat(t.playedBar.style.width)/100*t.audio.duration,t.playedTime=setInterval(function(){t.updateBar("played",t.audio.currentTime/t.audio.duration,"width"),t.option.showlrc&&t.updateLrc(),t.element.getElementsByClassName("aplayer-ptime")[0].innerHTML=t.secondToTime(t.audio.currentTime),t.trigger("playing")},100)};this.thumb.addEventListener("mousedown",function(){o=t.bar.clientWidth,clearInterval(t.playedTime),document.addEventListener("mousemove",s),document.addEventListener("mouseup",p)}),this.volumeBar=this.element.getElementsByClassName("aplayer-volume")[0];var u=this.element.getElementsByClassName("aplayer-volume-bar")[0];this.volumeicon=this.element.getElementsByClassName("aplayer-time")[0].getElementsByTagName("button")[0];var c=35;this.element.getElementsByClassName("aplayer-volume-bar-wrap")[0].addEventListener("click",function(e){var l=e||window.event,i=(c-l.clientY+a(u))/c;i=i>0?i:0,i=i<1?i:1,t.volume(i)}),this.volumeicon.addEventListener("click",function(){t.audio.muted?(t.audio.muted=!1,t.volumeicon.className=1===t.audio.volume?"aplayer-icon aplayer-icon-volume-up":"aplayer-icon aplayer-icon-volume-down",1===t.audio.volume?(t.volumeicon.className="aplayer-icon aplayer-icon-volume-up",t.volumeicon.innerHTML=t.getSVG("volume-up")):(t.volumeicon.className="aplayer-icon aplayer-icon-volume-down",t.volumeicon.innerHTML=t.getSVG("volume-down")),t.updateBar("volume",t.audio.volume,"height")):(t.audio.muted=!0,t.volumeicon.className="aplayer-icon aplayer-icon-volume-off",t.volumeicon.innerHTML=t.getSVG("volume-off"),t.updateBar("volume",0,"height"))});var d=this.element.getElementsByClassName("aplayer-icon-loop")[0];d.addEventListener("click",function(){t.loop?(d.classList.add("aplayer-noloop"),t.loop=!1,t.audio.loop=!t.multiple&&t.loop):(d.classList.remove("aplayer-noloop"),t.loop=!0,t.audio.loop=!t.multiple&&t.loop)}),this.multiple&&!function(){var e=t.element.getElementsByClassName("aplayer-list")[0];e.style.height=e.offsetHeight+"px",t.element.getElementsByClassName("aplayer-icon-menu")[0].addEventListener("click",function(){e.classList.contains("aplayer-list-hide")?e.classList.remove("aplayer-list-hide"):e.classList.add("aplayer-list-hide")})}(),this.setMusic(0),r.push(this)}},{key:"setMusic",value:function(e){var a=this;this.multiple&&"undefined"!=typeof e&&(this.playIndex=e);var t=this.playIndex;if(this.music=this.multiple?this.option.music[t]:this.option.music,this.music.pic&&(this.element.getElementsByClassName("aplayer-pic")[0].style.backgroundImage="url('"+this.music.pic+"')"),this.element.getElementsByClassName("aplayer-title")[0].innerHTML=this.music.title,this.element.getElementsByClassName("aplayer-author")[0].innerHTML=" - "+this.music.author,this.multiple&&(this.element.getElementsByClassName("aplayer-list-light")[0]&&this.element.getElementsByClassName("aplayer-list-light")[0].classList.remove("aplayer-list-light"),this.element.getElementsByClassName("aplayer-list")[0].getElementsByTagName("li")[t].classList.add("aplayer-list-light")),this.audio&&(this.pause(),this.audio.currentTime=0),this.multiple&&!this.audios[t]||this.playIndex===-1?(this.audio=document.createElement("audio"),this.audio.src=this.music.url,this.option.preload?this.audio.preload=this.option.preload:this.audio.preload=this.isMobile?"none":"metadata",this.audio.addEventListener("durationchange",function(){1!==a.audio.duration&&(a.element.getElementsByClassName("aplayer-dtime")[0].innerHTML=a.secondToTime(a.audio.duration))}),this.audio.addEventListener("progress",function(){var e=a.audio.buffered.length?a.audio.buffered.end(a.audio.buffered.length-1)/a.audio.duration:0;a.updateBar("loaded",e,"width")}),this.audio.addEventListener("error",function(){a.element.getElementsByClassName("aplayer-author")[0].innerHTML=" - Error happens ╥﹏╥",a.trigger("pause")}),this.audio.addEventListener("canplay",function(){a.trigger("canplay")}),this.ended=!1,this.multiple?this.audio.addEventListener("ended",function(){return a.isMobile?(a.ended=!0,void a.pause()):void(0!==a.audio.currentTime&&(a.playIndex<a.option.music.length-1?a.setMusic(++a.playIndex):a.loop?a.setMusic(0):a.loop||(a.ended=!0,a.pause(),a.trigger("ended"))))}):this.audio.addEventListener("ended",function(){a.loop||(a.ended=!0,a.pause(),a.trigger("ended"))}),this.audio.volume=parseInt(this.element.getElementsByClassName("aplayer-volume")[0].style.height)/100,this.audio.loop=!this.multiple&&this.loop,this.multiple&&(this.audios[t]=this.audio)):(this.audio=this.audios[t],this.audio.volume=parseInt(this.element.getElementsByClassName("aplayer-volume")[0].style.height)/100,this.audio.currentTime=0),this.option.showlrc){this.lrc=this.multiple?this.lrcs[t]:this.lrcs[0];var l="";this.lrcContents=this.element.getElementsByClassName("aplayer-lrc-contents")[0];for(var i=0;i<this.lrc.length;i++)l+="<p>"+this.lrc[i][1]+"</p>";this.lrcContents.innerHTML=l,this.lrcIndex||(this.lrcIndex=0),this.lrcContents.getElementsByTagName("p")[0].classList.add("aplayer-lrc-current"),this.lrcContents.style.transform="translateY(0px)",this.lrcContents.style.webkitTransform="translateY(0px)"}1!==this.audio.duration&&(this.element.getElementsByClassName("aplayer-dtime")[0].innerHTML=this.audio.duration?this.secondToTime(this.audio.duration):"00:00"),this.option.autoplay&&!this.isMobile&&this.play(),this.option.autoplay=!0,this.isMobile&&this.pause()}},{key:"play",value:function(e){var a=this;if("[object Number]"===Object.prototype.toString.call(e)&&(this.audio.currentTime=e),this.audio.paused){if(this.button.classList.remove("aplayer-play"),this.button.classList.add("aplayer-pause"),this.button.innerHTML="",setTimeout(function(){a.button.innerHTML='\n                            <button class="aplayer-icon aplayer-icon-pause">'+a.getSVG("pause")+"     </button>"},100),this.option.mutex)for(var t=0;t<r.length;t++)this!=r[t]&&r[t].pause();this.audio.play(),this.playedTime&&clearInterval(this.playedTime),this.playedTime=setInterval(function(){a.updateBar("played",a.audio.currentTime/a.audio.duration,"width"),a.option.showlrc&&a.updateLrc(),a.ptime.innerHTML=a.secondToTime(a.audio.currentTime),a.trigger("playing")},100),this.trigger("play")}}},{key:"pause",value:function(){var e=this;this.audio.paused&&!this.ended||(this.ended=!1,this.button.classList.remove("aplayer-pause"),this.button.classList.add("aplayer-play"),this.button.innerHTML="",setTimeout(function(){e.button.innerHTML='\n                            <button class="aplayer-icon aplayer-icon-play">'+e.getSVG("play")+"     </button>"},100),this.audio.pause(),clearInterval(this.playedTime),this.trigger("pause"))}},{key:"volume",value:function(e){this.updateBar("volume",e,"height"),this.audio.volume=e,this.audio.muted&&(this.audio.muted=!1),1===e?(this.volumeicon.className="aplayer-icon aplayer-icon-volume-up",this.volumeicon.innerHTML=this.getSVG("volume-up")):(this.volumeicon.className="aplayer-icon aplayer-icon-volume-down",this.volumeicon.innerHTML=this.getSVG("volume-down"))}},{key:"on",value:function(e,a){"function"==typeof a&&this.event[e].push(a)}},{key:"toggle",value:function(){this.audio.paused?this.play():this.pause()}}]),e}();a.APlayer=n},function(e,a,t){var l=t(2);"string"==typeof l&&(l=[[e.id,l,""]]);t(5)(l,{});l.locals&&(e.exports=l.locals)},function(e,a,t){a=e.exports=t(3)(),a.push([e.id,".aplayer-narrow{width:66px}.aplayer-narrow .aplayer-info{display:none}.aplayer-withlrc.aplayer-narrow{width:106px}.aplayer-withlrc.aplayer .aplayer-pic{height:106px;width:106px}.aplayer-withlrc.aplayer .aplayer-info{margin-left:106px;height:106px}.aplayer-withlrc.aplayer .aplayer-lrc{display:block}.aplayer{font-family:Arial,Helvetica,sans-serif;margin:5px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);border-radius:2px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal}.aplayer *{box-sizing:content-box}.aplayer .aplayer-icon{width:15px;height:15px;border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;vertical-align:middle;padding:0}.aplayer .aplayer-icon .aplayer-fill{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.aplayer .aplayer-lrc-content{display:none}.aplayer .aplayer-pic{position:relative;float:left;height:66px;width:66px;background-image:url("+t(4)+");background-size:100%;-webkit-transition:all .3s ease;transition:all .3s ease}.aplayer .aplayer-pic .aplayer-button{position:absolute;border-radius:50%;opacity:.8;cursor:pointer;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);background:rgba(0,0,0,.2);-webkit-transition:all .1s ease;transition:all .1s ease}.aplayer .aplayer-pic .aplayer-button:hover{opacity:1}.aplayer .aplayer-pic .aplayer-button .aplayer-fill{fill:#fff}.aplayer .aplayer-pic .aplayer-hide{display:none}.aplayer .aplayer-pic .aplayer-play{width:26px;height:26px;border:2px solid #fff;bottom:50%;right:50%;margin:0 -15px -15px 0}.aplayer .aplayer-pic .aplayer-play .aplayer-icon-play{position:absolute;top:3px;left:4px;height:20px;width:20px}.aplayer .aplayer-pic .aplayer-pause{width:16px;height:16px;border:2px solid #fff;bottom:4px;right:4px}.aplayer .aplayer-pic .aplayer-pause .aplayer-icon-pause{position:absolute;top:2px;left:2px;height:12px;width:12px}.aplayer .aplayer-info{margin-left:66px;padding:14px 7px 0 10px;height:66px;box-sizing:border-box}.aplayer .aplayer-info .aplayer-music{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:13px}.aplayer .aplayer-info .aplayer-music .aplayer-title{font-size:14px}.aplayer .aplayer-info .aplayer-music .aplayer-author{font-size:12px;color:#666}.aplayer .aplayer-info .aplayer-controller{position:relative}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap{margin:0 140px 0 5px;padding:4px 0;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar{position:relative;height:2px;width:100%;background:#cdcdcd}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded{position:absolute;left:0;top:0;bottom:0;background:#aaa;height:2px;-webkit-transition:all .5s ease;transition:all .5s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{position:absolute;left:0;top:0;bottom:0;height:2px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:8px;width:8px;border-radius:50%;background:#fff;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-time{position:absolute;right:0;bottom:-3px;height:17px;color:#999;font-size:11px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner{vertical-align:middle}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon{cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon .aplayer-fill{fill:#666}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-loop{margin-right:4px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-noloop .aplayer-fill{fill:#ddd}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-noloop:hover .aplayer-fill{fill:#bbb}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover .aplayer-fill{fill:#000}.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-loop,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap{position:relative;display:inline-block;margin-left:3px;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap{display:block}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap{display:none;position:absolute;bottom:15px;right:-3px;width:25px;height:40px;z-index:99}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar{position:absolute;bottom:0;right:10px;width:5px;height:35px;background:#aaa}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume{position:absolute;bottom:0;right:0;width:5px;-webkit-transition:all .1s ease;transition:all .1s ease}.aplayer .aplayer-lrc{display:none;position:relative;height:40px;background:#fff;text-align:center;overflow:hidden;margin:-10px 0 10px}.aplayer .aplayer-lrc:before{top:0;height:10%;background:-webkit-linear-gradient(top,#fff,hsla(0,0%,100%,0));background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=0)}.aplayer .aplayer-lrc:after,.aplayer .aplayer-lrc:before{position:absolute;z-index:1;display:block;overflow:hidden;width:100%;content:' '}.aplayer .aplayer-lrc:after{bottom:0;height:33%;background:-webkit-linear-gradient(bottom,#fff,hsla(0,0%,100%,0));background:-webkit-gradient(linear,left bottom,left top,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(0deg,#fff 0,hsla(0,0%,100%,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0)}.aplayer .aplayer-lrc p{font-size:12px;color:#666;line-height:20px!important;height:20px!important;padding:0!important;margin:0!important;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;opacity:.4;overflow:hidden}.aplayer .aplayer-lrc p.aplayer-lrc-current{opacity:1}.aplayer .aplayer-lrc .aplayer-lrc-contents{width:100%;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.aplayer .aplayer-list{overflow:auto;-webkit-transition:all .5s ease;transition:all .5s ease}.aplayer .aplayer-list.aplayer-list-hide{height:0!important}.aplayer .aplayer-list ol{list-style-type:none;margin:0;padding:0}.aplayer .aplayer-list ol li{position:relative;height:32px;line-height:32px;padding:0 15px;font-size:12px;border-top:1px solid #e9e9e9;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;overflow:hidden}.aplayer .aplayer-list ol li:hover{background:#efefef}.aplayer .aplayer-list ol li.aplayer-list-light{background:#e9e9e9}.aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur{display:inline-block}.aplayer .aplayer-list ol li .aplayer-list-cur{display:none;width:3px;height:22px;position:absolute;left:0;top:5px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-index{color:#666;margin-right:12px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-author{color:#666;float:right;cursor:pointer}@-webkit-keyframes aplayer-roll{0%{left:0}to{left:-100%}}@keyframes aplayer-roll{0%{left:0}to{left:-100%}}",""])},function(e,a){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],a=0;a<this.length;a++){var t=this[a];t[2]?e.push("@media "+t[2]+"{"+t[1]+"}"):e.push(t[1])}return e.join("")},e.i=function(a,t){"string"==typeof a&&(a=[[null,a,""]]);for(var l={},i=0;i<this.length;i++){var r=this[i][0];"number"==typeof r&&(l[r]=!0)}for(i=0;i<a.length;i++){var n=a[i];"number"==typeof n[0]&&l[n[0]]||(t&&!n[2]?n[2]=t:t&&(n[2]="("+n[2]+") and ("+t+")"),e.push(n))}},e}},function(e,a){e.exports="data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAeAAD/4QMfaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzA2NyA3OS4xNTc3NDcsIDIwMTUvMDMvMzAtMjM6NDA6NDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2NjQ3NUZBM0Y4RDExRTY4NzJCRDdCNkZCQTQ0MjNBIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2NjQ3NUY5M0Y4RDExRTY4NzJCRDdCNkZCQTQ0MjNBIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSI5OENEMEFFRjM0NTI1NjE0NEREQkU4RjkxRjAwNjM3NiIgc3RSZWY6ZG9jdW1lbnRJRD0iOThDRDBBRUYzNDUyNTYxNDREREJFOEY5MUYwMDYzNzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAQCwsLDAsQDAwQFw8NDxcbFBAQFBsfFxcXFxcfHhca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";
+},function(e,a,t){function l(e,a){for(var t=0;t<e.length;t++){var l=e[t],i=y[l.id];if(i){i.refs++;for(var r=0;r<i.parts.length;r++)i.parts[r](l.parts[r]);for(;r<l.parts.length;r++)i.parts.push(p(l.parts[r],a))}else{for(var n=[],r=0;r<l.parts.length;r++)n.push(p(l.parts[r],a));y[l.id]={id:l.id,refs:1,parts:n}}}}function i(e){for(var a=[],t={},l=0;l<e.length;l++){var i=e[l],r=i[0],n=i[1],o=i[2],s=i[3],p={css:n,media:o,sourceMap:s};t[r]?t[r].parts.push(p):a.push(t[r]={id:r,parts:[p]})}return a}function r(e,a){var t=f(),l=b[b.length-1];if("top"===e.insertAt)l?l.nextSibling?t.insertBefore(a,l.nextSibling):t.appendChild(a):t.insertBefore(a,t.firstChild),b.push(a);else{if("bottom"!==e.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");t.appendChild(a)}}function n(e){e.parentNode.removeChild(e);var a=b.indexOf(e);a>=0&&b.splice(a,1)}function o(e){var a=document.createElement("style");return a.type="text/css",r(e,a),a}function s(e){var a=document.createElement("link");return a.rel="stylesheet",r(e,a),a}function p(e,a){var t,l,i;if(a.singleton){var r=g++;t=v||(v=o(a)),l=u.bind(null,t,r,!1),i=u.bind(null,t,r,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(t=s(a),l=d.bind(null,t),i=function(){n(t),t.href&&URL.revokeObjectURL(t.href)}):(t=o(a),l=c.bind(null,t),i=function(){n(t)});return l(e),function(a){if(a){if(a.css===e.css&&a.media===e.media&&a.sourceMap===e.sourceMap)return;l(e=a)}else i()}}function u(e,a,t,l){var i=t?"":l.css;if(e.styleSheet)e.styleSheet.cssText=x(a,i);else{var r=document.createTextNode(i),n=e.childNodes;n[a]&&e.removeChild(n[a]),n.length?e.insertBefore(r,n[a]):e.appendChild(r)}}function c(e,a){var t=a.css,l=a.media;if(l&&e.setAttribute("media",l),e.styleSheet)e.styleSheet.cssText=t;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(t))}}function d(e,a){var t=a.css,l=a.sourceMap;l&&(t+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(l))))+" */");var i=new Blob([t],{type:"text/css"}),r=e.href;e.href=URL.createObjectURL(i),r&&URL.revokeObjectURL(r)}var y={},h=function(e){var a;return function(){return"undefined"==typeof a&&(a=e.apply(this,arguments)),a}},m=h(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),f=h(function(){return document.head||document.getElementsByTagName("head")[0]}),v=null,g=0,b=[];e.exports=function(e,a){a=a||{},"undefined"==typeof a.singleton&&(a.singleton=m()),"undefined"==typeof a.insertAt&&(a.insertAt="bottom");var t=i(e);return l(t,a),function(e){for(var r=[],n=0;n<t.length;n++){var o=t[n],s=y[o.id];s.refs--,r.push(s)}if(e){var p=i(e);l(p,a)}for(var n=0;n<r.length;n++){var s=r[n];if(0===s.refs){for(var u=0;u<s.parts.length;u++)s.parts[u]();delete y[s.id]}}}};var x=function(){var e=[];return function(a,t){return e[a]=t,e.filter(Boolean).join("\n")}}()}])});
+//# sourceMappingURL=APlayer.min.js.map
\ No newline at end of file
diff --git a/dist/APlayer.min.js.map b/dist/APlayer.min.js.map
index b2a50e2..bc8a206 100644
--- a/dist/APlayer.min.js.map
+++ b/dist/APlayer.min.js.map
@@ -1 +1 @@
-{"version":3,"sources":["APlayer.js"],"names":["_classCallCheck","instance","Constructor","TypeError","_createClass","defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","protoProps","staticProps","prototype","instances","APlayer","option","_this","this","svg","play","pause","volume-up","volume-down","volume-off","loop","menu","getSVG","type","isMobile","test","window","navigator","userAgent","autoplay","defaultOption","element","document","getElementsByClassName","narrow","mutex","showlrc","theme","defaultKey","hasOwnProperty","playIndex","toString","call","music","audios","secondToTime","second","add0","num","min","parseInt","sec","parseLrc","arr","lrcs","k","lyric","split","lrc","lyricLen","lrcTimes","match","lrcText","replace","timeLen","j","oneTime","exec","lrcTime","push","sort","a","b","updateBar","percentage","direction","style","updateLrc","currentTime","arguments","undefined","audio","lrcIndex","lrcContents","transform","webkitTransform","classList","remove","getElementsByTagName","add","eventTypes","event","trigger","_i","value","getElementViewLeft","actualLeft","offsetLeft","current","offsetParent","elementScrollLeft","body","scrollLeft","documentElement","getElementViewTop","actualTop","offsetTop","elementScrollTop","scrollTop","_this2","multiple","innerHTML","eleHTML","pic","title","author","offsetWidth","display","ptime","bar","marginRight","button","addEventListener","e","contains","listItem","_loop","_i2","musicIndex","setMusic","toggle","playedBar","loadedBar","thumb","barWidth","clientWidth","clientX","duration","parseFloat","width","background","thumbMove","thumbUp","removeEventListener","playedTime","setInterval","clearInterval","volumeBar","volumeBarWrap","volumeicon","barHeight","clientY","volume","muted","className","loopEle","list","height","offsetHeight","index","_this3","indexMusic","backgroundImage","createElement","src","url","preload","buffered","end","ended","lrcHTML","time","_this4","paused","setTimeout","_this5","name","func","module","exports"],"mappings":"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","file":"APlayer.min.js","sourcesContent":["((instances) => {\n\n    class APlayer {\n        /**\n         * APlayer constructor function\n         *\n         * @param {Object} option - See README\n         * @constructor\n         */\n        constructor(option) {\n            this.svg = {\n                'play': ['0 0 16 31', 'M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z'],\n                'pause': ['0 0 17 32', 'M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z'],\n                'volume-up': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528zM25.152 16q0 2.72-1.536 5.056t-4 3.36q-0.256 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.704 0.672-1.056 1.024-0.512 1.376-0.8 1.312-0.96 2.048-2.4t0.736-3.104-0.736-3.104-2.048-2.4q-0.352-0.288-1.376-0.8-0.672-0.352-0.672-1.056 0-0.448 0.32-0.8t0.8-0.352q0.224 0 0.48 0.096 2.496 1.056 4 3.36t1.536 5.056zM29.728 16q0 4.096-2.272 7.552t-6.048 5.056q-0.224 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.64 0.704-1.056 0.128-0.064 0.384-0.192t0.416-0.192q0.8-0.448 1.44-0.896 2.208-1.632 3.456-4.064t1.216-5.152-1.216-5.152-3.456-4.064q-0.64-0.448-1.44-0.896-0.128-0.096-0.416-0.192t-0.384-0.192q-0.704-0.416-0.704-1.056 0-0.448 0.32-0.8t0.832-0.352q0.224 0 0.448 0.096 3.776 1.632 6.048 5.056t2.272 7.552z'],\n                'volume-down': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z'],\n                'volume-off': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8z'],\n                'loop': ['0 0 29 32', 'M25.6 9.92q1.344 0 2.272 0.928t0.928 2.272v9.28q0 1.28-0.928 2.24t-2.272 0.96h-22.4q-1.28 0-2.24-0.96t-0.96-2.24v-9.28q0-1.344 0.96-2.272t2.24-0.928h8v-3.52l6.4 5.76-6.4 5.76v-3.52h-6.72v6.72h19.84v-6.72h-4.8v-4.48h6.080z'],\n                'menu': ['0 0 22 32', 'M20.8 14.4q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2zM1.6 11.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2zM20.8 20.8q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2z']\n            };\n            this.getSVG = (type) => {\n                return `\n                    <svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" height=\"100%\" version=\"1.1\" viewBox=\"${this.svg[type][0]}\" width=\"100%\">\n                        <use xlink:href=\"#aplayer-${type}\"></use>\n                        <path class=\"aplayer-fill\" d=\"${this.svg[type][1]}\" id=\"aplayer-${type}\"></path>\n                    </svg>\n                `;\n            };\n\n            this.isMobile = /mobile/i.test(window.navigator.userAgent);\n            // compatibility: some mobile browsers don't suppose autoplay\n            if (this.isMobile) {\n                option.autoplay = false;\n            }\n\n            // default options\n            const defaultOption = {\n                element: document.getElementsByClassName('aplayer')[0],\n                narrow: false,\n                autoplay: false,\n                mutex: true,\n                showlrc: 0,\n                theme: '#b7daff',\n                loop: true\n            };\n            for (let defaultKey in defaultOption) {\n                if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {\n                    option[defaultKey] = defaultOption[defaultKey];\n                }\n            }\n\n            // multiple music\n            this.playIndex = Object.prototype.toString.call(option.music) === '[object Array]' ? 0 : -1;\n\n            this.option = option;\n            this.audios = [];\n            this.loop = option.loop;\n\n            /**\n             * Parse second to 00:00 format\n             *\n             * @param {Number} second\n             * @return {String} 00:00 format\n             */\n            this.secondToTime = (second) => {\n                const add0 = (num) => {\n                    return num < 10 ? '0' + num : '' + num;\n                };\n                const min = parseInt(second / 60);\n                const sec = parseInt(second - min * 60);\n                return add0(min) + ':' + add0(sec);\n            };\n\n            /**\n             * Parse lrc, suppose multiple time tag\n             *\n             * @param {Array} arr - Format:\n             * [mm:ss.xx]lyric\n             * [mm:ss.xxx]lyric\n             * [mm:ss.xx][mm:ss.xx][mm:ss.xx]lyric\n             *\n             * @return {Array} [[[time, text], [time, text], [time, text], ...], [[time, text], [time, text], [time, text], ...], ...]\n             */\n            this.parseLrc = (arr) => {\n                let lrcs = [];\n                for (let k = 0; k < arr.length; k++) {\n                    const lyric = arr[k].split('\\n');\n                    let lrc = [];\n                    const lyricLen = lyric.length;\n                    for (let i = 0; i < lyricLen; i++) {\n                        // match lrc time\n                        const lrcTimes = lyric[i].match(/\\[(\\d{2}):(\\d{2})\\.(\\d{2,3})]/g);\n                        // match lrc text\n                        const lrcText = lyric[i].replace(/\\[(\\d{2}):(\\d{2})\\.(\\d{2,3})]/g, '').replace(/^\\s+|\\s+$/g, '');\n\n                        if (lrcTimes != null) {\n                            // handle multiple time tag\n                            const timeLen = lrcTimes.length;\n                            for (let j = 0; j < timeLen; j++) {\n                                const oneTime = /\\[(\\d{2}):(\\d{2})\\.(\\d{2,3})]/.exec(lrcTimes[j]);\n                                const lrcTime = (oneTime[1]) * 60 + parseInt(oneTime[2]) + parseInt(oneTime[3]) / ((oneTime[3] + '').length === 2 ? 100 : 1000);\n                                lrc.push([lrcTime, lrcText]);\n                            }\n                        }\n                    }\n                    // sort by time\n                    lrc.sort((a, b) => a[0] - b[0]);\n                    lrcs.push(lrc);\n                }\n                return lrcs;\n            };\n\n            /**\n             * Update progress bar, including loading progress bar and play progress bar\n             *\n             * @param {String} type - Point out which bar it is, should be played loaded or volume\n             * @param {Number} percentage\n             * @param {String} direction - Point out the direction of this bar, Should be height or width\n             */\n            this.updateBar = (type, percentage, direction) => {\n                percentage = percentage > 0 ? percentage : 0;\n                percentage = percentage < 1 ? percentage : 1;\n                this[type + 'Bar'].style[direction] = percentage * 100 + '%';\n            };\n\n            /**\n             * Update lrc\n             *\n             * @param {Number} currentTime\n             */\n            this.updateLrc = (currentTime = this.audio.currentTime) => {\n                if (this.lrcIndex > this.lrc.length - 1 || currentTime < this.lrc[this.lrcIndex][0] || (!this.lrc[this.lrcIndex + 1] || currentTime >= this.lrc[this.lrcIndex + 1][0])) {\n                    for (let i = 0; i < this.lrc.length; i++) {\n                        if (currentTime >= this.lrc[i][0] && (!this.lrc[i + 1] || currentTime < this.lrc[i + 1][0])) {\n                            this.lrcIndex = i;\n                            this.lrcContents.style.transform = `translateY(${-this.lrcIndex * 20}px)`;\n                            this.lrcContents.style.webkitTransform = `translateY(${-this.lrcIndex * 20}px)`;\n                            this.lrcContents.getElementsByClassName('aplayer-lrc-current')[0].classList.remove('aplayer-lrc-current');\n                            this.lrcContents.getElementsByTagName('p')[i].classList.add('aplayer-lrc-current');\n                        }\n                    }\n                }\n            };\n\n            // define APlayer events\n            this.eventTypes = ['play', 'pause', 'canplay', 'playing', 'ended', 'error'];\n            this.event = {};\n            for (let i = 0; i < this.eventTypes.length; i++) {\n                this.event[this.eventTypes[i]] = [];\n            }\n            this.trigger = (type) => {\n                for (let i = 0; i < this.event[type].length; i++) {\n                    this.event[type][i]();\n                }\n            }\n        }\n\n        /**\n         * AutoLink initialization function\n         */\n        init() {\n            this.element = this.option.element;\n            this.multiple = this.playIndex > -1;\n            this.music = this.multiple ? this.option.music[this.playIndex] : this.option.music;\n\n            let i;\n            // parser lrc\n            if (this.option.showlrc) {\n                let lrcs = [];\n                if (this.option.showlrc === 1) {\n                    if (this.multiple) {\n                        for (i = 0; i < this.option.music.length; i++) {\n                            lrcs.push(this.option.music[i].lrc);\n                        }\n                    }\n                    else {\n                        lrcs.push(this.option.music.lrc);\n                    }\n                }\n                else if (this.option.showlrc === 2 || this.option.showlrc === true)  {\n                    for (i = 0; i < this.element.getElementsByClassName('aplayer-lrc-content').length; i++) {\n                        lrcs.push(this.element.getElementsByClassName('aplayer-lrc-content')[i].innerHTML);\n                    }\n                }\n\n                this.lrcs = this.parseLrc(lrcs);\n            }\n\n            // add class aplayer-withlrc\n            if (this.option.showlrc) {\n                this.element.classList.add('aplayer-withlrc');\n            }\n\n            // fill in HTML\n            let eleHTML = `\n                <div class=\"aplayer-pic\" ${(this.music.pic ? (`style=\"background-image: url('${this.music.pic}');\"`) : ``)}>\n                    <div class=\"aplayer-button aplayer-play\">\n                        <button class=\"aplayer-icon aplayer-icon-play\">`\n                +           this.getSVG('play')\n                + `     </button>\n                    </div>\n                </div>\n                <div class=\"aplayer-info\">\n                    <div class=\"aplayer-music\">\n                        <span class=\"aplayer-title\"></span>\n                        <span class=\"aplayer-author\"></span>\n                    </div>\n                    <div class=\"aplayer-lrc\">\n                        <div class=\"aplayer-lrc-contents\" style=\"transform: translateY(0); -webkit-transform: translateY(0);\"></div>\n                    </div>\n                    <div class=\"aplayer-controller\">\n                        <div class=\"aplayer-bar-wrap\">\n                            <div class=\"aplayer-bar\">\n                                <div class=\"aplayer-loaded\" style=\"width: 0\"></div>\n                                <div class=\"aplayer-played\" style=\"width: 0; background: ${this.option.theme};\">\n                                    <span class=\"aplayer-thumb\" style=\"border: 1px solid ${this.option.theme};\"></span>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"aplayer-time\">\n                            <span class=\"aplayer-time-inner\">\n                                - <span class=\"aplayer-ptime\">00:00</span> / <span class=\"aplayer-dtime\">00:00</span>\n                            </span>\n                            <div class=\"aplayer-volume-wrap\">\n                                <button class=\"aplayer-icon aplayer-icon-volume-down\">`\n                +                   this.getSVG('volume-down')\n                + `             </button>\n                                <div class=\"aplayer-volume-bar-wrap\">\n                                    <div class=\"aplayer-volume-bar\">\n                                        <div class=\"aplayer-volume\" style=\"height: 80%; background: ${this.option.theme};\"></div>\n                                    </div>\n                                </div>\n                            </div>\n                            <button class=\"aplayer-icon aplayer-icon-loop${(this.loop ? `` : ` aplayer-noloop`)}\">`\n                +               this.getSVG('loop')\n                + `         </button>\n                            ${(this.multiple ? `<button class=\"aplayer-icon aplayer-icon-menu\">`\n                +               this.getSVG('menu')\n                + `         </button>` : ``)}\n                        </div>\n                    </div>\n                </div>`;\n            if (this.multiple) {\n                eleHTML += `\n                <div class=\"aplayer-list\">\n                    <ol>`;\n                for (i = 0; i < this.option.music.length; i++) {\n                    eleHTML += `\n                        <li>\n                            <span class=\"aplayer-list-cur\" style=\"background: ${this.option.theme};\"></span>\n                            <span class=\"aplayer-list-index\">${(i + 1)}</span>\n                            <span class=\"aplayer-list-title\">${this.option.music[i].title}</span>\n                            <span class=\"aplayer-list-author\">${this.option.music[i].author}</span>\n                        </li>`\n                }\n                eleHTML += `\n                    </ol>\n                </div>`\n            }\n            this.element.innerHTML = eleHTML;\n\n            // hide loop button in arrow container\n            if (this.element.offsetWidth < 300) {\n                this.element.getElementsByClassName('aplayer-icon-loop')[0].style.display = 'none';\n            }\n\n            this.ptime = this.element.getElementsByClassName('aplayer-ptime')[0];\n\n            if (this.element.getElementsByClassName('aplayer-info')[0].offsetWidth < 200) {\n                this.element.getElementsByClassName('aplayer-time')[0].classList.add('aplayer-time-narrow');\n            }\n            // fix the width of aplayer bar\n            this.bar = this.element.getElementsByClassName('aplayer-bar-wrap')[0];\n            this.bar.style.marginRight = this.element.getElementsByClassName('aplayer-time')[0].offsetWidth + 5 + 'px';\n\n            // switch to narrow style\n            if (this.option.narrow) {\n                this.element.classList.add('aplayer-narrow');\n            }\n\n            // play and pause button\n            this.button = this.element.getElementsByClassName('aplayer-button')[0];\n            this.button.addEventListener('click', (e) => {\n                if (this.button.classList.contains('aplayer-play')) {\n                    this.play();\n                }\n                else if (this.button.classList.contains('aplayer-pause')) {\n                    this.pause();\n                }\n            });\n\n            // click music list: change music\n            if (this.multiple) {\n                const listItem = this.element.getElementsByClassName('aplayer-list')[0].getElementsByTagName('li');\n                for (let i = 0; i < this.option.music.length; i++) {\n                    listItem[i].addEventListener('click', () => {\n                        const musicIndex = parseInt(listItem[i].getElementsByClassName('aplayer-list-index')[0].innerHTML) - 1;\n                        if (musicIndex !== this.playIndex) {\n                            this.setMusic(musicIndex);\n                            if (this.isMobile) {\n                                this.pause();\n                            }\n                            else {\n                                this.play();\n                            }\n                        }\n                        else {\n                            this.toggle();\n                        }\n                    });\n                }\n            }\n\n            // control play progress\n            this.playedBar = this.element.getElementsByClassName('aplayer-played')[0];\n            this.loadedBar = this.element.getElementsByClassName('aplayer-loaded')[0];\n            this.thumb = this.element.getElementsByClassName('aplayer-thumb')[0];\n            let barWidth;\n            this.bar.addEventListener('click', (event) => {\n                const e = event || window.event;\n                barWidth = this.bar.clientWidth;\n                const percentage = (e.clientX - getElementViewLeft(this.bar)) / barWidth;\n                this.updateBar('played', percentage, 'width');\n                this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = this.secondToTime(percentage * this.audio.duration);\n                this.audio.currentTime = parseFloat(this.playedBar.style.width) / 100 * this.audio.duration;\n            });\n\n            this.thumb.addEventListener('mouseover', () => {\n                this.thumb.style.background = this.option.theme;\n            });\n            this.thumb.addEventListener('mouseout', () => {\n                this.thumb.style.background = '#fff';\n            });\n\n            const thumbMove = (event) => {\n                const e = event || window.event;\n                let percentage = (e.clientX - getElementViewLeft(this.bar)) / barWidth;\n                percentage = percentage > 0 ? percentage : 0;\n                percentage = percentage < 1 ? percentage : 1;\n                this.updateBar('played', percentage, 'width');\n                if (this.option.showlrc) {\n                    this.updateLrc(parseFloat(this.playedBar.style.width) / 100 * this.audio.duration);\n                }\n                this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = this.secondToTime(percentage * this.audio.duration);\n            };\n\n            const thumbUp = () => {\n                document.removeEventListener('mouseup', thumbUp);\n                document.removeEventListener('mousemove', thumbMove);\n                this.audio.currentTime = parseFloat(this.playedBar.style.width) / 100 * this.audio.duration;\n                this.playedTime = setInterval(() => {\n                    this.updateBar('played', this.audio.currentTime / this.audio.duration, 'width');\n                    if (this.option.showlrc) {\n                        this.updateLrc();\n                    }\n                    this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = this.secondToTime(this.audio.currentTime);\n                    this.trigger('playing');\n                }, 100);\n            };\n\n            this.thumb.addEventListener('mousedown', () => {\n                barWidth = this.bar.clientWidth;\n                clearInterval(this.playedTime);\n                document.addEventListener('mousemove', thumbMove);\n                document.addEventListener('mouseup', thumbUp);\n            });\n\n            // control volume\n            this.volumeBar = this.element.getElementsByClassName('aplayer-volume')[0];\n            const volumeBarWrap = this.element.getElementsByClassName('aplayer-volume-bar')[0];\n            this.volumeicon = this.element.getElementsByClassName('aplayer-time')[0].getElementsByTagName('button')[0];\n            const barHeight = 35;\n            this.element.getElementsByClassName('aplayer-volume-bar-wrap')[0].addEventListener('click', (event) => {\n                const e = event || window.event;\n                let percentage = (barHeight - e.clientY + getElementViewTop(volumeBarWrap)) / barHeight;\n                percentage = percentage > 0 ? percentage : 0;\n                percentage = percentage < 1 ? percentage : 1;\n                this.volume(percentage);\n            });\n            this.volumeicon.addEventListener('click', () => {\n                if (this.audio.muted) {\n                    this.audio.muted = false;\n                    this.volumeicon.className = this.audio.volume === 1 ? 'aplayer-icon aplayer-icon-volume-up' : 'aplayer-icon aplayer-icon-volume-down';\n                    if (this.audio.volume === 1) {\n                        this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-up';\n                        this.volumeicon.innerHTML = this.getSVG('volume-up');\n                    }\n                    else {\n                        this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-down';\n                        this.volumeicon.innerHTML = this.getSVG('volume-down');\n                    }\n                    this.updateBar('volume', this.audio.volume, 'height');\n                }\n                else {\n                    this.audio.muted = true;\n                    this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-off';\n                    this.volumeicon.innerHTML = this.getSVG('volume-off');\n                    this.updateBar('volume', 0, 'height');\n                }\n            });\n\n            // get element's view position\n            function getElementViewLeft(element) {\n                let actualLeft = element.offsetLeft;\n                let current = element.offsetParent;\n                let elementScrollLeft;\n                while (current !== null) {\n                    actualLeft += current.offsetLeft;\n                    current = current.offsetParent;\n                }\n                elementScrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft;\n                return actualLeft - elementScrollLeft;\n            }\n\n            function getElementViewTop(element) {\n                let actualTop = element.offsetTop;\n                let current = element.offsetParent;\n                let elementScrollTop;\n                while (current !== null) {\n                    actualTop += current.offsetTop;\n                    current = current.offsetParent;\n                }\n                elementScrollTop = document.body.scrollTop + document.documentElement.scrollTop;\n                return actualTop - elementScrollTop;\n            }\n\n            // loop control\n            const loopEle = this.element.getElementsByClassName('aplayer-icon-loop')[0];\n            loopEle.addEventListener('click', () => {\n                if (this.loop) {\n                    loopEle.classList.add('aplayer-noloop');\n                    this.loop = false;\n                    this.audio.loop = this.multiple ? false : this.loop;\n                }\n                else {\n                    loopEle.classList.remove('aplayer-noloop');\n                    this.loop = true;\n                    this.audio.loop = this.multiple ? false : this.loop;\n                }\n            });\n\n            // toggle menu control\n            if (this.multiple) {\n                const list = this.element.getElementsByClassName('aplayer-list')[0];\n                list.style.height = list.offsetHeight + 'px';\n                this.element.getElementsByClassName('aplayer-icon-menu')[0].addEventListener('click', () => {\n                    if (!list.classList.contains('aplayer-list-hide')) {\n                        list.classList.add('aplayer-list-hide');\n                    }\n                    else {\n                        list.classList.remove('aplayer-list-hide');\n                    }\n                });\n            }\n\n            this.setMusic(0);\n\n            instances.push(this);\n        }\n\n        /**\n         * Set music\n         */\n        setMusic(index) {\n            // get this.music\n            if (this.multiple && typeof(index) !== 'undefined') {\n                this.playIndex = index;\n            }\n            const indexMusic = this.playIndex;\n            this.music = this.multiple ? this.option.music[indexMusic] : this.option.music;\n\n            // set html\n            if (this.music.pic) {\n                this.element.getElementsByClassName('aplayer-pic')[0].style.backgroundImage = `url('${this.music.pic}')`;\n            }\n            this.element.getElementsByClassName('aplayer-title')[0].innerHTML = this.music.title;\n            this.element.getElementsByClassName('aplayer-author')[0].innerHTML = ` - ${this.music.author}`;\n            if (this.multiple) {\n                if (this.element.getElementsByClassName('aplayer-list-light')[0]) {\n                    this.element.getElementsByClassName('aplayer-list-light')[0].classList.remove('aplayer-list-light');\n                }\n                this.element.getElementsByClassName('aplayer-list')[0].getElementsByTagName('li')[indexMusic].classList.add('aplayer-list-light');\n            }\n\n            // set the previous audio object\n            if (this.audio) {\n                this.pause();\n                this.audio.currentTime = 0;\n            }\n\n            // get this audio object\n            if ((this.multiple && !this.audios[indexMusic]) || this.playIndex === -1) {\n                this.audio = document.createElement(\"audio\");\n                this.audio.src = this.music.url;\n                if (this.option.preload) {\n                    this.audio.preload = this.option.preload;\n                }\n                else {\n                    this.audio.preload = this.isMobile ? 'none' : 'metadata';\n                }\n\n                // show audio time: the metadata has loaded or changed\n                this.audio.addEventListener('durationchange', () => {\n                    if (this.audio.duration !== 1) {           // compatibility: Android browsers will output 1 at first\n                        this.element.getElementsByClassName('aplayer-dtime')[0].innerHTML = this.secondToTime(this.audio.duration);\n                    }\n                });\n\n                // show audio loaded bar: to inform interested parties of progress downloading the media\n                this.audio.addEventListener('progress', () => {\n                    const percentage = this.audio.buffered.length ? this.audio.buffered.end(this.audio.buffered.length - 1) / this.audio.duration : 0;\n                    this.updateBar('loaded', percentage, 'width');\n                });\n\n                // audio download error: an error occurs\n                this.audio.addEventListener('error', () => {\n                    this.element.getElementsByClassName('aplayer-author')[0].innerHTML = ` - Error happens ╥﹏╥`;\n                    this.trigger('pause');\n                });\n\n                // audio can play: enough data is available that the media can be played\n                this.audio.addEventListener('canplay', () => {\n                    this.trigger('canplay');\n                });\n\n                // multiple music play\n                this.ended = false;\n                if (this.multiple) {\n                    this.audio.addEventListener('ended', () => {\n                        if (this.isMobile) {\n                            this.ended = true;\n                            this.pause();\n                            return;\n                        }\n                        if (this.audio.currentTime !== 0) {\n                            if (this.playIndex < this.option.music.length - 1) {\n                                this.setMusic(++this.playIndex);\n                            }\n                            else if (this.loop) {\n                                this.setMusic(0);\n                            }\n                            else if (!this.loop) {\n                                this.ended = true;\n                                this.pause();\n                                this.trigger('ended');\n                            }\n                        }\n                    });\n                }\n                else {\n                    this.audio.addEventListener('ended', () => {\n                        if (!this.loop) {\n                            this.ended = true;\n                            this.pause();\n                            this.trigger('ended');\n                        }\n                    });\n                }\n\n                // control volume\n                this.audio.volume = parseInt(this.element.getElementsByClassName('aplayer-volume')[0].style.height) / 100;\n\n                // loop\n                this.audio.loop = this.multiple ? false : this.loop;\n\n                if (this.multiple) {\n                    this.audios[indexMusic] = this.audio;\n                }\n            }\n            else {\n                this.audio = this.audios[indexMusic];\n                this.audio.volume = parseInt(this.element.getElementsByClassName('aplayer-volume')[0].style.height) / 100;\n                this.audio.currentTime = 0;\n            }\n\n            // fill in lrc\n            if (this.option.showlrc) {\n                this.lrc = this.multiple ? this.lrcs[indexMusic] : this.lrcs[0];\n                let lrcHTML = '';\n                this.lrcContents = this.element.getElementsByClassName('aplayer-lrc-contents')[0];\n                for (let i = 0; i < this.lrc.length; i++) {\n                    lrcHTML += `<p>${this.lrc[i][1]}</p>`;\n                }\n                this.lrcContents.innerHTML = lrcHTML;\n                if (!this.lrcIndex) {\n                    this.lrcIndex = 0;\n                }\n                this.lrcContents.getElementsByTagName('p')[0].classList.add('aplayer-lrc-current');\n                this.lrcContents.style.transform = 'translateY(0px)';\n                this.lrcContents.style.webkitTransform = 'translateY(0px)';\n            }\n\n            // set duration time\n            if (this.audio.duration !== 1) {           // compatibility: Android browsers will output 1 at first\n                this.element.getElementsByClassName('aplayer-dtime')[0].innerHTML = this.audio.duration ? this.secondToTime(this.audio.duration) : '00:00';\n            }\n\n            // autoplay\n            if (this.option.autoplay && !this.isMobile) {\n                this.play();\n            }\n            this.option.autoplay = true;  // autoplay next music\n\n            if (this.isMobile) {\n                this.pause();\n            }\n        }\n\n        /**\n         * Play music\n         */\n        play(time) {\n            if (Object.prototype.toString.call(time) === '[object Number]') {\n                this.audio.currentTime = time;\n            }\n            if (this.audio.paused) {\n                this.button.classList.remove('aplayer-play');\n                this.button.classList.add('aplayer-pause');\n                this.button.innerHTML = '';\n                setTimeout(() => {\n                    this.button.innerHTML = `\n                                <button class=\"aplayer-icon aplayer-icon-pause\">`\n                        +           this.getSVG('pause')\n                        + `     </button>`;\n                }, 100);\n\n                // pause other players (Thanks @Aprikyblue)\n                if (this.option.mutex) {\n                    for (let i = 0; i < instances.length; i++) {\n                        if (this != instances[i]) {\n                            instances[i].pause();\n                        }\n                    }\n                }\n                this.audio.play();\n                if (this.playedTime) {\n                    clearInterval(this.playedTime);\n                }\n                this.playedTime = setInterval(() => {\n                    this.updateBar('played', this.audio.currentTime / this.audio.duration, 'width');\n                    if (this.option.showlrc) {\n                        this.updateLrc();\n                    }\n                    this.ptime.innerHTML = this.secondToTime(this.audio.currentTime);\n                    this.trigger('playing');\n                }, 100);\n                this.trigger('play');\n            }\n        }\n\n        /**\n         * Pause music\n         */\n        pause() {\n            if (!this.audio.paused || this.ended) {\n                this.ended = false;\n                this.button.classList.remove('aplayer-pause');\n                this.button.classList.add('aplayer-play');\n                this.button.innerHTML = '';\n                setTimeout(() => {\n                    this.button.innerHTML = `\n                                <button class=\"aplayer-icon aplayer-icon-play\">`\n                        +           this.getSVG('play')\n                        + `     </button>`;\n                }, 100);\n                this.audio.pause();\n                clearInterval(this.playedTime);\n                this.trigger('pause');\n            }\n        }\n\n        /**\n         * Set volume\n         */\n        volume(percentage) {\n            this.updateBar('volume', percentage, 'height');\n            this.audio.volume = percentage;\n            if (this.audio.muted) {\n                this.audio.muted = false;\n            }\n            if (percentage === 1) {\n                this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-up';\n                this.volumeicon.innerHTML = this.getSVG('volume-up');\n            }\n            else {\n                this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-down';\n                this.volumeicon.innerHTML = this.getSVG('volume-down');\n            }\n        }\n\n        /**\n         * attach event\n         */\n        on(name, func) {\n            if (typeof func === 'function') {\n                this.event[name].push(func);\n            }\n        }\n\n        /**\n         * toggle between play and pause\n         */\n        toggle() {\n            if (this.audio.paused) {\n                this.play();\n            }\n            else {\n                this.pause();\n            }\n        }\n    }\n\n    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {\n        module.exports = APlayer;\n    }\n    else {\n        window.APlayer = APlayer;\n    }\n})([]);"],"sourceRoot":"/source/"}
\ No newline at end of file
+{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///APlayer.min.js","webpack:///webpack/bootstrap dc7c196c6ea2793b388c","webpack:///./src/APlayer.js","webpack:///./src/APlayer.scss?bc6d","webpack:///./src/APlayer.scss","webpack:///./~/css-loader/lib/css-base.js","webpack:///./src/default.jpg","webpack:///./~/style-loader/addStyles.js"],"names":["root","factory","exports","module","define","amd","a","i","this","modules","__webpack_require__","moduleId","installedModules","id","loaded","call","m","c","p","_classCallCheck","instance","Constructor","TypeError","Object","defineProperty","value","_createClass","defineProperties","target","props","length","descriptor","enumerable","configurable","writable","key","protoProps","staticProps","prototype","instances","APlayer","option","_this","svg","play","pause","volume-up","volume-down","volume-off","loop","menu","getSVG","type","isMobile","test","window","navigator","userAgent","autoplay","defaultOption","element","document","getElementsByClassName","narrow","mutex","showlrc","theme","defaultKey","hasOwnProperty","playIndex","toString","music","audios","secondToTime","second","add0","num","min","parseInt","sec","parseLrc","arr","lrcs","k","lyric","split","lrc","lyricLen","lrcTimes","match","lrcText","replace","timeLen","j","oneTime","exec","lrcTime","push","sort","b","updateBar","percentage","direction","style","updateLrc","currentTime","arguments","undefined","audio","lrcIndex","lrcContents","transform","webkitTransform","classList","remove","getElementsByTagName","add","eventTypes","event","trigger","_i","getElementViewLeft","actualLeft","offsetLeft","current","offsetParent","elementScrollLeft","body","scrollLeft","documentElement","getElementViewTop","actualTop","offsetTop","elementScrollTop","scrollTop","_this2","multiple","innerHTML","eleHTML","pic","title","author","offsetWidth","display","ptime","bar","marginRight","button","addEventListener","e","contains","listItem","_loop","_i2","musicIndex","setMusic","toggle","playedBar","loadedBar","thumb","barWidth","clientWidth","clientX","duration","parseFloat","width","background","thumbMove","thumbUp","removeEventListener","playedTime","setInterval","clearInterval","volumeBar","volumeBarWrap","volumeicon","barHeight","clientY","volume","muted","className","loopEle","list","height","offsetHeight","index","_this3","indexMusic","backgroundImage","createElement","src","url","preload","buffered","end","ended","lrcHTML","time","_this4","paused","setTimeout","_this5","name","func","content","locals","result","item","join","mediaQuery","alreadyImportedModules","addStylesToDom","styles","options","domStyle","stylesInDom","refs","parts","addStyle","listToStyles","newStyles","css","media","sourceMap","part","insertStyleElement","styleElement","head","getHeadElement","lastStyleElementInsertedAtTop","styleElementsInsertedAtTop","insertAt","nextSibling","insertBefore","appendChild","firstChild","Error","removeStyleElement","parentNode","removeChild","idx","indexOf","splice","createStyleElement","createLinkElement","linkElement","rel","obj","update","singleton","styleIndex","singletonCounter","singletonElement","applyToSingletonTag","bind","URL","createObjectURL","revokeObjectURL","Blob","btoa","updateLink","href","applyToTag","newObj","styleSheet","cssText","replaceText","cssNode","createTextNode","childNodes","setAttribute","unescape","encodeURIComponent","JSON","stringify","blob","oldSrc","memoize","fn","memo","apply","isOldIE","toLowerCase","newList","mayRemove","textStore","replacement","filter","Boolean"],"mappings":"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","file":"APlayer.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse {\n\t\tvar a = factory();\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(this, function() {\nreturn \n\n\n/** WEBPACK FOOTER **\n ** webpack/universalModuleDefinition\n **/","(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse {\n\t\tvar a = factory();\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(this, function() {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId])\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\texports: {},\n/******/ \t\t\tid: moduleId,\n/******/ \t\t\tloaded: false\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.loaded = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(0);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t'use strict';\n\t\n\tObject.defineProperty(exports, \"__esModule\", {\n\t    value: true\n\t});\n\t\n\tvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();\n\t\n\tfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\t\n\t__webpack_require__(1);\n\t\n\tvar instances = [];\n\t\n\tvar APlayer = function () {\n\t    /**\n\t     * APlayer constructor function\n\t     *\n\t     * @param {Object} option - See README\n\t     * @constructor\n\t     */\n\t\n\t    function APlayer(option) {\n\t        var _this = this;\n\t\n\t        _classCallCheck(this, APlayer);\n\t\n\t        this.svg = {\n\t            'play': ['0 0 16 31', 'M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z'],\n\t            'pause': ['0 0 17 32', 'M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z'],\n\t            'volume-up': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528zM25.152 16q0 2.72-1.536 5.056t-4 3.36q-0.256 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.704 0.672-1.056 1.024-0.512 1.376-0.8 1.312-0.96 2.048-2.4t0.736-3.104-0.736-3.104-2.048-2.4q-0.352-0.288-1.376-0.8-0.672-0.352-0.672-1.056 0-0.448 0.32-0.8t0.8-0.352q0.224 0 0.48 0.096 2.496 1.056 4 3.36t1.536 5.056zM29.728 16q0 4.096-2.272 7.552t-6.048 5.056q-0.224 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.64 0.704-1.056 0.128-0.064 0.384-0.192t0.416-0.192q0.8-0.448 1.44-0.896 2.208-1.632 3.456-4.064t1.216-5.152-1.216-5.152-3.456-4.064q-0.64-0.448-1.44-0.896-0.128-0.096-0.416-0.192t-0.384-0.192q-0.704-0.416-0.704-1.056 0-0.448 0.32-0.8t0.832-0.352q0.224 0 0.448 0.096 3.776 1.632 6.048 5.056t2.272 7.552z'],\n\t            'volume-down': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z'],\n\t            'volume-off': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8z'],\n\t            'loop': ['0 0 29 32', 'M25.6 9.92q1.344 0 2.272 0.928t0.928 2.272v9.28q0 1.28-0.928 2.24t-2.272 0.96h-22.4q-1.28 0-2.24-0.96t-0.96-2.24v-9.28q0-1.344 0.96-2.272t2.24-0.928h8v-3.52l6.4 5.76-6.4 5.76v-3.52h-6.72v6.72h19.84v-6.72h-4.8v-4.48h6.080z'],\n\t            'menu': ['0 0 22 32', 'M20.8 14.4q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2zM1.6 11.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2zM20.8 20.8q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2z']\n\t        };\n\t        this.getSVG = function (type) {\n\t            return '\\n                <svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" height=\"100%\" version=\"1.1\" viewBox=\"' + _this.svg[type][0] + '\" width=\"100%\">\\n                    <use xlink:href=\"#aplayer-' + type + '\"></use>\\n                    <path class=\"aplayer-fill\" d=\"' + _this.svg[type][1] + '\" id=\"aplayer-' + type + '\"></path>\\n                </svg>\\n            ';\n\t        };\n\t\n\t        this.isMobile = /mobile/i.test(window.navigator.userAgent);\n\t        // compatibility: some mobile browsers don't suppose autoplay\n\t        if (this.isMobile) {\n\t            option.autoplay = false;\n\t        }\n\t\n\t        // default options\n\t        var defaultOption = {\n\t            element: document.getElementsByClassName('aplayer')[0],\n\t            narrow: false,\n\t            autoplay: false,\n\t            mutex: true,\n\t            showlrc: 0,\n\t            theme: '#b7daff',\n\t            loop: true\n\t        };\n\t        for (var defaultKey in defaultOption) {\n\t            if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {\n\t                option[defaultKey] = defaultOption[defaultKey];\n\t            }\n\t        }\n\t\n\t        // multiple music\n\t        this.playIndex = Object.prototype.toString.call(option.music) === '[object Array]' ? 0 : -1;\n\t\n\t        this.option = option;\n\t        this.audios = [];\n\t        this.loop = option.loop;\n\t\n\t        /**\n\t         * Parse second to 00:00 format\n\t         *\n\t         * @param {Number} second\n\t         * @return {String} 00:00 format\n\t         */\n\t        this.secondToTime = function (second) {\n\t            var add0 = function add0(num) {\n\t                return num < 10 ? '0' + num : '' + num;\n\t            };\n\t            var min = parseInt(second / 60);\n\t            var sec = parseInt(second - min * 60);\n\t            return add0(min) + ':' + add0(sec);\n\t        };\n\t\n\t        /**\n\t         * Parse lrc, suppose multiple time tag\n\t         *\n\t         * @param {Array} arr - Format:\n\t         * [mm:ss.xx]lyric\n\t         * [mm:ss.xxx]lyric\n\t         * [mm:ss.xx][mm:ss.xx][mm:ss.xx]lyric\n\t         *\n\t         * @return {Array} [[[time, text], [time, text], [time, text], ...], [[time, text], [time, text], [time, text], ...], ...]\n\t         */\n\t        this.parseLrc = function (arr) {\n\t            var lrcs = [];\n\t            for (var k = 0; k < arr.length; k++) {\n\t                var lyric = arr[k].split('\\n');\n\t                var lrc = [];\n\t                var lyricLen = lyric.length;\n\t                for (var i = 0; i < lyricLen; i++) {\n\t                    // match lrc time\n\t                    var lrcTimes = lyric[i].match(/\\[(\\d{2}):(\\d{2})\\.(\\d{2,3})]/g);\n\t                    // match lrc text\n\t                    var lrcText = lyric[i].replace(/\\[(\\d{2}):(\\d{2})\\.(\\d{2,3})]/g, '').replace(/^\\s+|\\s+$/g, '');\n\t\n\t                    if (lrcTimes != null) {\n\t                        // handle multiple time tag\n\t                        var timeLen = lrcTimes.length;\n\t                        for (var j = 0; j < timeLen; j++) {\n\t                            var oneTime = /\\[(\\d{2}):(\\d{2})\\.(\\d{2,3})]/.exec(lrcTimes[j]);\n\t                            var lrcTime = oneTime[1] * 60 + parseInt(oneTime[2]) + parseInt(oneTime[3]) / ((oneTime[3] + '').length === 2 ? 100 : 1000);\n\t                            lrc.push([lrcTime, lrcText]);\n\t                        }\n\t                    }\n\t                }\n\t                // sort by time\n\t                lrc.sort(function (a, b) {\n\t                    return a[0] - b[0];\n\t                });\n\t                lrcs.push(lrc);\n\t            }\n\t            return lrcs;\n\t        };\n\t\n\t        /**\n\t         * Update progress bar, including loading progress bar and play progress bar\n\t         *\n\t         * @param {String} type - Point out which bar it is, should be played loaded or volume\n\t         * @param {Number} percentage\n\t         * @param {String} direction - Point out the direction of this bar, Should be height or width\n\t         */\n\t        this.updateBar = function (type, percentage, direction) {\n\t            percentage = percentage > 0 ? percentage : 0;\n\t            percentage = percentage < 1 ? percentage : 1;\n\t            _this[type + 'Bar'].style[direction] = percentage * 100 + '%';\n\t        };\n\t\n\t        /**\n\t         * Update lrc\n\t         *\n\t         * @param {Number} currentTime\n\t         */\n\t        this.updateLrc = function () {\n\t            var currentTime = arguments.length <= 0 || arguments[0] === undefined ? _this.audio.currentTime : arguments[0];\n\t\n\t            if (_this.lrcIndex > _this.lrc.length - 1 || currentTime < _this.lrc[_this.lrcIndex][0] || !_this.lrc[_this.lrcIndex + 1] || currentTime >= _this.lrc[_this.lrcIndex + 1][0]) {\n\t                for (var i = 0; i < _this.lrc.length; i++) {\n\t                    if (currentTime >= _this.lrc[i][0] && (!_this.lrc[i + 1] || currentTime < _this.lrc[i + 1][0])) {\n\t                        _this.lrcIndex = i;\n\t                        _this.lrcContents.style.transform = 'translateY(' + -_this.lrcIndex * 20 + 'px)';\n\t                        _this.lrcContents.style.webkitTransform = 'translateY(' + -_this.lrcIndex * 20 + 'px)';\n\t                        _this.lrcContents.getElementsByClassName('aplayer-lrc-current')[0].classList.remove('aplayer-lrc-current');\n\t                        _this.lrcContents.getElementsByTagName('p')[i].classList.add('aplayer-lrc-current');\n\t                    }\n\t                }\n\t            }\n\t        };\n\t\n\t        // define APlayer events\n\t        this.eventTypes = ['play', 'pause', 'canplay', 'playing', 'ended', 'error'];\n\t        this.event = {};\n\t        for (var i = 0; i < this.eventTypes.length; i++) {\n\t            this.event[this.eventTypes[i]] = [];\n\t        }\n\t        this.trigger = function (type) {\n\t            for (var _i = 0; _i < _this.event[type].length; _i++) {\n\t                _this.event[type][_i]();\n\t            }\n\t        };\n\t    }\n\t\n\t    /**\n\t     * AutoLink initialization function\n\t     */\n\t\n\t\n\t    _createClass(APlayer, [{\n\t        key: 'init',\n\t        value: function init() {\n\t            var _this2 = this;\n\t\n\t            this.element = this.option.element;\n\t            this.multiple = this.playIndex > -1;\n\t            this.music = this.multiple ? this.option.music[this.playIndex] : this.option.music;\n\t\n\t            var i = void 0;\n\t            // parser lrc\n\t            if (this.option.showlrc) {\n\t                var lrcs = [];\n\t                if (this.option.showlrc === 1) {\n\t                    if (this.multiple) {\n\t                        for (i = 0; i < this.option.music.length; i++) {\n\t                            lrcs.push(this.option.music[i].lrc);\n\t                        }\n\t                    } else {\n\t                        lrcs.push(this.option.music.lrc);\n\t                    }\n\t                } else if (this.option.showlrc === 2 || this.option.showlrc === true) {\n\t                    for (i = 0; i < this.element.getElementsByClassName('aplayer-lrc-content').length; i++) {\n\t                        lrcs.push(this.element.getElementsByClassName('aplayer-lrc-content')[i].innerHTML);\n\t                    }\n\t                }\n\t\n\t                this.lrcs = this.parseLrc(lrcs);\n\t            }\n\t\n\t            // add class aplayer-withlrc\n\t            if (this.option.showlrc) {\n\t                this.element.classList.add('aplayer-withlrc');\n\t            }\n\t\n\t            // fill in HTML\n\t            var eleHTML = '\\n            <div class=\"aplayer-pic\" ' + (this.music.pic ? 'style=\"background-image: url(\\'' + this.music.pic + '\\');\"' : '') + '>\\n                <div class=\"aplayer-button aplayer-play\">\\n                    <button class=\"aplayer-icon aplayer-icon-play\">' + this.getSVG('play') + ('     </button>\\n                </div>\\n            </div>\\n            <div class=\"aplayer-info\">\\n                <div class=\"aplayer-music\">\\n                    <span class=\"aplayer-title\"></span>\\n                    <span class=\"aplayer-author\"></span>\\n                </div>\\n                <div class=\"aplayer-lrc\">\\n                    <div class=\"aplayer-lrc-contents\" style=\"transform: translateY(0); -webkit-transform: translateY(0);\"></div>\\n                </div>\\n                <div class=\"aplayer-controller\">\\n                    <div class=\"aplayer-bar-wrap\">\\n                        <div class=\"aplayer-bar\">\\n                            <div class=\"aplayer-loaded\" style=\"width: 0\"></div>\\n                            <div class=\"aplayer-played\" style=\"width: 0; background: ' + this.option.theme + ';\">\\n                                <span class=\"aplayer-thumb\" style=\"border: 1px solid ' + this.option.theme + ';\"></span>\\n                            </div>\\n                        </div>\\n                    </div>\\n                    <div class=\"aplayer-time\">\\n                        <span class=\"aplayer-time-inner\">\\n                            - <span class=\"aplayer-ptime\">00:00</span> / <span class=\"aplayer-dtime\">00:00</span>\\n                        </span>\\n                        <div class=\"aplayer-volume-wrap\">\\n                            <button class=\"aplayer-icon aplayer-icon-volume-down\">') + this.getSVG('volume-down') + ('             </button>\\n                            <div class=\"aplayer-volume-bar-wrap\">\\n                                <div class=\"aplayer-volume-bar\">\\n                                    <div class=\"aplayer-volume\" style=\"height: 80%; background: ' + this.option.theme + ';\"></div>\\n                                </div>\\n                            </div>\\n                        </div>\\n                        <button class=\"aplayer-icon aplayer-icon-loop' + (this.loop ? '' : ' aplayer-noloop') + '\">') + this.getSVG('loop') + ('         </button>\\n                        ' + (this.multiple ? '<button class=\"aplayer-icon aplayer-icon-menu\">' + this.getSVG('menu') + '         </button>' : '') + '\\n                    </div>\\n                </div>\\n            </div>');\n\t            if (this.multiple) {\n\t                eleHTML += '\\n            <div class=\"aplayer-list\">\\n                <ol>';\n\t                for (i = 0; i < this.option.music.length; i++) {\n\t                    eleHTML += '\\n                    <li>\\n                        <span class=\"aplayer-list-cur\" style=\"background: ' + this.option.theme + ';\"></span>\\n                        <span class=\"aplayer-list-index\">' + (i + 1) + '</span>\\n                        <span class=\"aplayer-list-title\">' + this.option.music[i].title + '</span>\\n                        <span class=\"aplayer-list-author\">' + this.option.music[i].author + '</span>\\n                    </li>';\n\t                }\n\t                eleHTML += '\\n                </ol>\\n            </div>';\n\t            }\n\t            this.element.innerHTML = eleHTML;\n\t\n\t            // hide loop button in arrow container\n\t            if (this.element.offsetWidth < 300) {\n\t                this.element.getElementsByClassName('aplayer-icon-loop')[0].style.display = 'none';\n\t            }\n\t\n\t            this.ptime = this.element.getElementsByClassName('aplayer-ptime')[0];\n\t\n\t            if (this.element.getElementsByClassName('aplayer-info')[0].offsetWidth < 200) {\n\t                this.element.getElementsByClassName('aplayer-time')[0].classList.add('aplayer-time-narrow');\n\t            }\n\t            // fix the width of aplayer bar\n\t            this.bar = this.element.getElementsByClassName('aplayer-bar-wrap')[0];\n\t            this.bar.style.marginRight = this.element.getElementsByClassName('aplayer-time')[0].offsetWidth + 5 + 'px';\n\t\n\t            // switch to narrow style\n\t            if (this.option.narrow) {\n\t                this.element.classList.add('aplayer-narrow');\n\t            }\n\t\n\t            // play and pause button\n\t            this.button = this.element.getElementsByClassName('aplayer-button')[0];\n\t            this.button.addEventListener('click', function (e) {\n\t                if (_this2.button.classList.contains('aplayer-play')) {\n\t                    _this2.play();\n\t                } else if (_this2.button.classList.contains('aplayer-pause')) {\n\t                    _this2.pause();\n\t                }\n\t            });\n\t\n\t            // click music list: change music\n\t            if (this.multiple) {\n\t                (function () {\n\t                    var listItem = _this2.element.getElementsByClassName('aplayer-list')[0].getElementsByTagName('li');\n\t\n\t                    var _loop = function _loop(_i2) {\n\t                        listItem[_i2].addEventListener('click', function () {\n\t                            var musicIndex = parseInt(listItem[_i2].getElementsByClassName('aplayer-list-index')[0].innerHTML) - 1;\n\t                            if (musicIndex !== _this2.playIndex) {\n\t                                _this2.setMusic(musicIndex);\n\t                                if (_this2.isMobile) {\n\t                                    _this2.pause();\n\t                                } else {\n\t                                    _this2.play();\n\t                                }\n\t                            } else {\n\t                                _this2.toggle();\n\t                            }\n\t                        });\n\t                    };\n\t\n\t                    for (var _i2 = 0; _i2 < _this2.option.music.length; _i2++) {\n\t                        _loop(_i2);\n\t                    }\n\t                })();\n\t            }\n\t\n\t            // control play progress\n\t            this.playedBar = this.element.getElementsByClassName('aplayer-played')[0];\n\t            this.loadedBar = this.element.getElementsByClassName('aplayer-loaded')[0];\n\t            this.thumb = this.element.getElementsByClassName('aplayer-thumb')[0];\n\t            var barWidth = void 0;\n\t            this.bar.addEventListener('click', function (event) {\n\t                var e = event || window.event;\n\t                barWidth = _this2.bar.clientWidth;\n\t                var percentage = (e.clientX - getElementViewLeft(_this2.bar)) / barWidth;\n\t                _this2.updateBar('played', percentage, 'width');\n\t                _this2.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = _this2.secondToTime(percentage * _this2.audio.duration);\n\t                _this2.audio.currentTime = parseFloat(_this2.playedBar.style.width) / 100 * _this2.audio.duration;\n\t            });\n\t\n\t            this.thumb.addEventListener('mouseover', function () {\n\t                _this2.thumb.style.background = _this2.option.theme;\n\t            });\n\t            this.thumb.addEventListener('mouseout', function () {\n\t                _this2.thumb.style.background = '#fff';\n\t            });\n\t\n\t            var thumbMove = function thumbMove(event) {\n\t                var e = event || window.event;\n\t                var percentage = (e.clientX - getElementViewLeft(_this2.bar)) / barWidth;\n\t                percentage = percentage > 0 ? percentage : 0;\n\t                percentage = percentage < 1 ? percentage : 1;\n\t                _this2.updateBar('played', percentage, 'width');\n\t                if (_this2.option.showlrc) {\n\t                    _this2.updateLrc(parseFloat(_this2.playedBar.style.width) / 100 * _this2.audio.duration);\n\t                }\n\t                _this2.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = _this2.secondToTime(percentage * _this2.audio.duration);\n\t            };\n\t\n\t            var thumbUp = function thumbUp() {\n\t                document.removeEventListener('mouseup', thumbUp);\n\t                document.removeEventListener('mousemove', thumbMove);\n\t                _this2.audio.currentTime = parseFloat(_this2.playedBar.style.width) / 100 * _this2.audio.duration;\n\t                _this2.playedTime = setInterval(function () {\n\t                    _this2.updateBar('played', _this2.audio.currentTime / _this2.audio.duration, 'width');\n\t                    if (_this2.option.showlrc) {\n\t                        _this2.updateLrc();\n\t                    }\n\t                    _this2.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = _this2.secondToTime(_this2.audio.currentTime);\n\t                    _this2.trigger('playing');\n\t                }, 100);\n\t            };\n\t\n\t            this.thumb.addEventListener('mousedown', function () {\n\t                barWidth = _this2.bar.clientWidth;\n\t                clearInterval(_this2.playedTime);\n\t                document.addEventListener('mousemove', thumbMove);\n\t                document.addEventListener('mouseup', thumbUp);\n\t            });\n\t\n\t            // control volume\n\t            this.volumeBar = this.element.getElementsByClassName('aplayer-volume')[0];\n\t            var volumeBarWrap = this.element.getElementsByClassName('aplayer-volume-bar')[0];\n\t            this.volumeicon = this.element.getElementsByClassName('aplayer-time')[0].getElementsByTagName('button')[0];\n\t            var barHeight = 35;\n\t            this.element.getElementsByClassName('aplayer-volume-bar-wrap')[0].addEventListener('click', function (event) {\n\t                var e = event || window.event;\n\t                var percentage = (barHeight - e.clientY + getElementViewTop(volumeBarWrap)) / barHeight;\n\t                percentage = percentage > 0 ? percentage : 0;\n\t                percentage = percentage < 1 ? percentage : 1;\n\t                _this2.volume(percentage);\n\t            });\n\t            this.volumeicon.addEventListener('click', function () {\n\t                if (_this2.audio.muted) {\n\t                    _this2.audio.muted = false;\n\t                    _this2.volumeicon.className = _this2.audio.volume === 1 ? 'aplayer-icon aplayer-icon-volume-up' : 'aplayer-icon aplayer-icon-volume-down';\n\t                    if (_this2.audio.volume === 1) {\n\t                        _this2.volumeicon.className = 'aplayer-icon aplayer-icon-volume-up';\n\t                        _this2.volumeicon.innerHTML = _this2.getSVG('volume-up');\n\t                    } else {\n\t                        _this2.volumeicon.className = 'aplayer-icon aplayer-icon-volume-down';\n\t                        _this2.volumeicon.innerHTML = _this2.getSVG('volume-down');\n\t                    }\n\t                    _this2.updateBar('volume', _this2.audio.volume, 'height');\n\t                } else {\n\t                    _this2.audio.muted = true;\n\t                    _this2.volumeicon.className = 'aplayer-icon aplayer-icon-volume-off';\n\t                    _this2.volumeicon.innerHTML = _this2.getSVG('volume-off');\n\t                    _this2.updateBar('volume', 0, 'height');\n\t                }\n\t            });\n\t\n\t            // get element's view position\n\t            function getElementViewLeft(element) {\n\t                var actualLeft = element.offsetLeft;\n\t                var current = element.offsetParent;\n\t                var elementScrollLeft = void 0;\n\t                while (current !== null) {\n\t                    actualLeft += current.offsetLeft;\n\t                    current = current.offsetParent;\n\t                }\n\t                elementScrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft;\n\t                return actualLeft - elementScrollLeft;\n\t            }\n\t\n\t            function getElementViewTop(element) {\n\t                var actualTop = element.offsetTop;\n\t                var current = element.offsetParent;\n\t                var elementScrollTop = void 0;\n\t                while (current !== null) {\n\t                    actualTop += current.offsetTop;\n\t                    current = current.offsetParent;\n\t                }\n\t                elementScrollTop = document.body.scrollTop + document.documentElement.scrollTop;\n\t                return actualTop - elementScrollTop;\n\t            }\n\t\n\t            // loop control\n\t            var loopEle = this.element.getElementsByClassName('aplayer-icon-loop')[0];\n\t            loopEle.addEventListener('click', function () {\n\t                if (_this2.loop) {\n\t                    loopEle.classList.add('aplayer-noloop');\n\t                    _this2.loop = false;\n\t                    _this2.audio.loop = _this2.multiple ? false : _this2.loop;\n\t                } else {\n\t                    loopEle.classList.remove('aplayer-noloop');\n\t                    _this2.loop = true;\n\t                    _this2.audio.loop = _this2.multiple ? false : _this2.loop;\n\t                }\n\t            });\n\t\n\t            // toggle menu control\n\t            if (this.multiple) {\n\t                (function () {\n\t                    var list = _this2.element.getElementsByClassName('aplayer-list')[0];\n\t                    list.style.height = list.offsetHeight + 'px';\n\t                    _this2.element.getElementsByClassName('aplayer-icon-menu')[0].addEventListener('click', function () {\n\t                        if (!list.classList.contains('aplayer-list-hide')) {\n\t                            list.classList.add('aplayer-list-hide');\n\t                        } else {\n\t                            list.classList.remove('aplayer-list-hide');\n\t                        }\n\t                    });\n\t                })();\n\t            }\n\t\n\t            this.setMusic(0);\n\t\n\t            instances.push(this);\n\t        }\n\t\n\t        /**\n\t         * Set music\n\t         */\n\t\n\t    }, {\n\t        key: 'setMusic',\n\t        value: function setMusic(index) {\n\t            var _this3 = this;\n\t\n\t            // get this.music\n\t            if (this.multiple && typeof index !== 'undefined') {\n\t                this.playIndex = index;\n\t            }\n\t            var indexMusic = this.playIndex;\n\t            this.music = this.multiple ? this.option.music[indexMusic] : this.option.music;\n\t\n\t            // set html\n\t            if (this.music.pic) {\n\t                this.element.getElementsByClassName('aplayer-pic')[0].style.backgroundImage = 'url(\\'' + this.music.pic + '\\')';\n\t            }\n\t            this.element.getElementsByClassName('aplayer-title')[0].innerHTML = this.music.title;\n\t            this.element.getElementsByClassName('aplayer-author')[0].innerHTML = ' - ' + this.music.author;\n\t            if (this.multiple) {\n\t                if (this.element.getElementsByClassName('aplayer-list-light')[0]) {\n\t                    this.element.getElementsByClassName('aplayer-list-light')[0].classList.remove('aplayer-list-light');\n\t                }\n\t                this.element.getElementsByClassName('aplayer-list')[0].getElementsByTagName('li')[indexMusic].classList.add('aplayer-list-light');\n\t            }\n\t\n\t            // set the previous audio object\n\t            if (this.audio) {\n\t                this.pause();\n\t                this.audio.currentTime = 0;\n\t            }\n\t\n\t            // get this audio object\n\t            if (this.multiple && !this.audios[indexMusic] || this.playIndex === -1) {\n\t                this.audio = document.createElement(\"audio\");\n\t                this.audio.src = this.music.url;\n\t                if (this.option.preload) {\n\t                    this.audio.preload = this.option.preload;\n\t                } else {\n\t                    this.audio.preload = this.isMobile ? 'none' : 'metadata';\n\t                }\n\t\n\t                // show audio time: the metadata has loaded or changed\n\t                this.audio.addEventListener('durationchange', function () {\n\t                    if (_this3.audio.duration !== 1) {\n\t                        // compatibility: Android browsers will output 1 at first\n\t                        _this3.element.getElementsByClassName('aplayer-dtime')[0].innerHTML = _this3.secondToTime(_this3.audio.duration);\n\t                    }\n\t                });\n\t\n\t                // show audio loaded bar: to inform interested parties of progress downloading the media\n\t                this.audio.addEventListener('progress', function () {\n\t                    var percentage = _this3.audio.buffered.length ? _this3.audio.buffered.end(_this3.audio.buffered.length - 1) / _this3.audio.duration : 0;\n\t                    _this3.updateBar('loaded', percentage, 'width');\n\t                });\n\t\n\t                // audio download error: an error occurs\n\t                this.audio.addEventListener('error', function () {\n\t                    _this3.element.getElementsByClassName('aplayer-author')[0].innerHTML = ' - Error happens ╥﹏╥';\n\t                    _this3.trigger('pause');\n\t                });\n\t\n\t                // audio can play: enough data is available that the media can be played\n\t                this.audio.addEventListener('canplay', function () {\n\t                    _this3.trigger('canplay');\n\t                });\n\t\n\t                // multiple music play\n\t                this.ended = false;\n\t                if (this.multiple) {\n\t                    this.audio.addEventListener('ended', function () {\n\t                        if (_this3.isMobile) {\n\t                            _this3.ended = true;\n\t                            _this3.pause();\n\t                            return;\n\t                        }\n\t                        if (_this3.audio.currentTime !== 0) {\n\t                            if (_this3.playIndex < _this3.option.music.length - 1) {\n\t                                _this3.setMusic(++_this3.playIndex);\n\t                            } else if (_this3.loop) {\n\t                                _this3.setMusic(0);\n\t                            } else if (!_this3.loop) {\n\t                                _this3.ended = true;\n\t                                _this3.pause();\n\t                                _this3.trigger('ended');\n\t                            }\n\t                        }\n\t                    });\n\t                } else {\n\t                    this.audio.addEventListener('ended', function () {\n\t                        if (!_this3.loop) {\n\t                            _this3.ended = true;\n\t                            _this3.pause();\n\t                            _this3.trigger('ended');\n\t                        }\n\t                    });\n\t                }\n\t\n\t                // control volume\n\t                this.audio.volume = parseInt(this.element.getElementsByClassName('aplayer-volume')[0].style.height) / 100;\n\t\n\t                // loop\n\t                this.audio.loop = this.multiple ? false : this.loop;\n\t\n\t                if (this.multiple) {\n\t                    this.audios[indexMusic] = this.audio;\n\t                }\n\t            } else {\n\t                this.audio = this.audios[indexMusic];\n\t                this.audio.volume = parseInt(this.element.getElementsByClassName('aplayer-volume')[0].style.height) / 100;\n\t                this.audio.currentTime = 0;\n\t            }\n\t\n\t            // fill in lrc\n\t            if (this.option.showlrc) {\n\t                this.lrc = this.multiple ? this.lrcs[indexMusic] : this.lrcs[0];\n\t                var lrcHTML = '';\n\t                this.lrcContents = this.element.getElementsByClassName('aplayer-lrc-contents')[0];\n\t                for (var i = 0; i < this.lrc.length; i++) {\n\t                    lrcHTML += '<p>' + this.lrc[i][1] + '</p>';\n\t                }\n\t                this.lrcContents.innerHTML = lrcHTML;\n\t                if (!this.lrcIndex) {\n\t                    this.lrcIndex = 0;\n\t                }\n\t                this.lrcContents.getElementsByTagName('p')[0].classList.add('aplayer-lrc-current');\n\t                this.lrcContents.style.transform = 'translateY(0px)';\n\t                this.lrcContents.style.webkitTransform = 'translateY(0px)';\n\t            }\n\t\n\t            // set duration time\n\t            if (this.audio.duration !== 1) {\n\t                // compatibility: Android browsers will output 1 at first\n\t                this.element.getElementsByClassName('aplayer-dtime')[0].innerHTML = this.audio.duration ? this.secondToTime(this.audio.duration) : '00:00';\n\t            }\n\t\n\t            // autoplay\n\t            if (this.option.autoplay && !this.isMobile) {\n\t                this.play();\n\t            }\n\t            this.option.autoplay = true; // autoplay next music\n\t\n\t            if (this.isMobile) {\n\t                this.pause();\n\t            }\n\t        }\n\t\n\t        /**\n\t         * Play music\n\t         */\n\t\n\t    }, {\n\t        key: 'play',\n\t        value: function play(time) {\n\t            var _this4 = this;\n\t\n\t            if (Object.prototype.toString.call(time) === '[object Number]') {\n\t                this.audio.currentTime = time;\n\t            }\n\t            if (this.audio.paused) {\n\t                this.button.classList.remove('aplayer-play');\n\t                this.button.classList.add('aplayer-pause');\n\t                this.button.innerHTML = '';\n\t                setTimeout(function () {\n\t                    _this4.button.innerHTML = '\\n                            <button class=\"aplayer-icon aplayer-icon-pause\">' + _this4.getSVG('pause') + '     </button>';\n\t                }, 100);\n\t\n\t                // pause other players (Thanks @Aprikyblue)\n\t                if (this.option.mutex) {\n\t                    for (var i = 0; i < instances.length; i++) {\n\t                        if (this != instances[i]) {\n\t                            instances[i].pause();\n\t                        }\n\t                    }\n\t                }\n\t                this.audio.play();\n\t                if (this.playedTime) {\n\t                    clearInterval(this.playedTime);\n\t                }\n\t                this.playedTime = setInterval(function () {\n\t                    _this4.updateBar('played', _this4.audio.currentTime / _this4.audio.duration, 'width');\n\t                    if (_this4.option.showlrc) {\n\t                        _this4.updateLrc();\n\t                    }\n\t                    _this4.ptime.innerHTML = _this4.secondToTime(_this4.audio.currentTime);\n\t                    _this4.trigger('playing');\n\t                }, 100);\n\t                this.trigger('play');\n\t            }\n\t        }\n\t\n\t        /**\n\t         * Pause music\n\t         */\n\t\n\t    }, {\n\t        key: 'pause',\n\t        value: function pause() {\n\t            var _this5 = this;\n\t\n\t            if (!this.audio.paused || this.ended) {\n\t                this.ended = false;\n\t                this.button.classList.remove('aplayer-pause');\n\t                this.button.classList.add('aplayer-play');\n\t                this.button.innerHTML = '';\n\t                setTimeout(function () {\n\t                    _this5.button.innerHTML = '\\n                            <button class=\"aplayer-icon aplayer-icon-play\">' + _this5.getSVG('play') + '     </button>';\n\t                }, 100);\n\t                this.audio.pause();\n\t                clearInterval(this.playedTime);\n\t                this.trigger('pause');\n\t            }\n\t        }\n\t\n\t        /**\n\t         * Set volume\n\t         */\n\t\n\t    }, {\n\t        key: 'volume',\n\t        value: function volume(percentage) {\n\t            this.updateBar('volume', percentage, 'height');\n\t            this.audio.volume = percentage;\n\t            if (this.audio.muted) {\n\t                this.audio.muted = false;\n\t            }\n\t            if (percentage === 1) {\n\t                this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-up';\n\t                this.volumeicon.innerHTML = this.getSVG('volume-up');\n\t            } else {\n\t                this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-down';\n\t                this.volumeicon.innerHTML = this.getSVG('volume-down');\n\t            }\n\t        }\n\t\n\t        /**\n\t         * attach event\n\t         */\n\t\n\t    }, {\n\t        key: 'on',\n\t        value: function on(name, func) {\n\t            if (typeof func === 'function') {\n\t                this.event[name].push(func);\n\t            }\n\t        }\n\t\n\t        /**\n\t         * toggle between play and pause\n\t         */\n\t\n\t    }, {\n\t        key: 'toggle',\n\t        value: function toggle() {\n\t            if (this.audio.paused) {\n\t                this.play();\n\t            } else {\n\t                this.pause();\n\t            }\n\t        }\n\t    }]);\n\t\n\t    return APlayer;\n\t}();\n\t\n\texports.APlayer = APlayer;\n\n/***/ },\n/* 1 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t// style-loader: Adds some css to the DOM by adding a <style> tag\n\t\n\t// load the styles\n\tvar content = __webpack_require__(2);\n\tif(typeof content === 'string') content = [[module.id, content, '']];\n\t// add the styles to the DOM\n\tvar update = __webpack_require__(5)(content, {});\n\tif(content.locals) module.exports = content.locals;\n\t// Hot Module Replacement\n\tif(false) {\n\t\t// When the styles change, update the <style> tags\n\t\tif(!content.locals) {\n\t\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/postcss-loader/index.js!./../node_modules/sass-loader/index.js!./APlayer.scss\", function() {\n\t\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/postcss-loader/index.js!./../node_modules/sass-loader/index.js!./APlayer.scss\");\n\t\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\t\tupdate(newContent);\n\t\t\t});\n\t\t}\n\t\t// When the module is disposed, remove the <style> tags\n\t\tmodule.hot.dispose(function() { update(); });\n\t}\n\n/***/ },\n/* 2 */\n/***/ function(module, exports, __webpack_require__) {\n\n\texports = module.exports = __webpack_require__(3)();\n\t// imports\n\t\n\t\n\t// module\n\texports.push([module.id, \".aplayer-narrow{width:66px}.aplayer-narrow .aplayer-info{display:none}.aplayer-withlrc.aplayer-narrow{width:106px}.aplayer-withlrc.aplayer .aplayer-pic{height:106px;width:106px}.aplayer-withlrc.aplayer .aplayer-info{margin-left:106px;height:106px}.aplayer-withlrc.aplayer .aplayer-lrc{display:block}.aplayer{font-family:Arial,Helvetica,sans-serif;margin:5px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);border-radius:2px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal}.aplayer *{box-sizing:content-box}.aplayer .aplayer-icon{width:15px;height:15px;border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;vertical-align:middle;padding:0}.aplayer .aplayer-icon .aplayer-fill{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.aplayer .aplayer-lrc-content{display:none}.aplayer .aplayer-pic{position:relative;float:left;height:66px;width:66px;background-image:url(\" + __webpack_require__(4) + \");background-size:100%;-webkit-transition:all .3s ease;transition:all .3s ease}.aplayer .aplayer-pic .aplayer-button{position:absolute;border-radius:50%;opacity:.8;cursor:pointer;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);background:rgba(0,0,0,.2);-webkit-transition:all .1s ease;transition:all .1s ease}.aplayer .aplayer-pic .aplayer-button:hover{opacity:1}.aplayer .aplayer-pic .aplayer-button .aplayer-fill{fill:#fff}.aplayer .aplayer-pic .aplayer-hide{display:none}.aplayer .aplayer-pic .aplayer-play{width:26px;height:26px;border:2px solid #fff;bottom:50%;right:50%;margin:0 -15px -15px 0}.aplayer .aplayer-pic .aplayer-play .aplayer-icon-play{position:absolute;top:3px;left:4px;height:20px;width:20px}.aplayer .aplayer-pic .aplayer-pause{width:16px;height:16px;border:2px solid #fff;bottom:4px;right:4px}.aplayer .aplayer-pic .aplayer-pause .aplayer-icon-pause{position:absolute;top:2px;left:2px;height:12px;width:12px}.aplayer .aplayer-info{margin-left:66px;padding:14px 7px 0 10px;height:66px;box-sizing:border-box}.aplayer .aplayer-info .aplayer-music{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:13px}.aplayer .aplayer-info .aplayer-music .aplayer-title{font-size:14px}.aplayer .aplayer-info .aplayer-music .aplayer-author{font-size:12px;color:#666}.aplayer .aplayer-info .aplayer-controller{position:relative}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap{margin:0 140px 0 5px;padding:4px 0;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar{position:relative;height:2px;width:100%;background:#cdcdcd}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded{position:absolute;left:0;top:0;bottom:0;background:#aaa;height:2px;-webkit-transition:all .5s ease;transition:all .5s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{position:absolute;left:0;top:0;bottom:0;height:2px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:8px;width:8px;border-radius:50%;background:#fff;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-time{position:absolute;right:0;bottom:-3px;height:17px;color:#999;font-size:11px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner{vertical-align:middle}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon{cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon .aplayer-fill{fill:#666}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-loop{margin-right:4px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-noloop .aplayer-fill{fill:#ddd}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-noloop:hover .aplayer-fill{fill:#bbb}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover .aplayer-fill{fill:#000}.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-loop,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap{position:relative;display:inline-block;margin-left:3px;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap{display:block}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap{display:none;position:absolute;bottom:15px;right:-3px;width:25px;height:40px;z-index:99}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar{position:absolute;bottom:0;right:10px;width:5px;height:35px;background:#aaa}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume{position:absolute;bottom:0;right:0;width:5px;-webkit-transition:all .1s ease;transition:all .1s ease}.aplayer .aplayer-lrc{display:none;position:relative;height:40px;background:#fff;text-align:center;overflow:hidden;margin:-10px 0 10px}.aplayer .aplayer-lrc:before{top:0;height:10%;background:-webkit-linear-gradient(top,#fff,hsla(0,0%,100%,0));background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=0)}.aplayer .aplayer-lrc:after,.aplayer .aplayer-lrc:before{position:absolute;z-index:1;display:block;overflow:hidden;width:100%;content:' '}.aplayer .aplayer-lrc:after{bottom:0;height:33%;background:-webkit-linear-gradient(bottom,#fff,hsla(0,0%,100%,0));background:-webkit-gradient(linear,left bottom,left top,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(0deg,#fff 0,hsla(0,0%,100%,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0)}.aplayer .aplayer-lrc p{font-size:12px;color:#666;line-height:20px!important;height:20px!important;padding:0!important;margin:0!important;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;opacity:.4;overflow:hidden}.aplayer .aplayer-lrc p.aplayer-lrc-current{opacity:1}.aplayer .aplayer-lrc .aplayer-lrc-contents{width:100%;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.aplayer .aplayer-list{overflow:auto;-webkit-transition:all .5s ease;transition:all .5s ease}.aplayer .aplayer-list.aplayer-list-hide{height:0!important}.aplayer .aplayer-list ol{list-style-type:none;margin:0;padding:0}.aplayer .aplayer-list ol li{position:relative;height:32px;line-height:32px;padding:0 15px;font-size:12px;border-top:1px solid #e9e9e9;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;overflow:hidden}.aplayer .aplayer-list ol li:hover{background:#efefef}.aplayer .aplayer-list ol li.aplayer-list-light{background:#e9e9e9}.aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur{display:inline-block}.aplayer .aplayer-list ol li .aplayer-list-cur{display:none;width:3px;height:22px;position:absolute;left:0;top:5px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-index{color:#666;margin-right:12px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-author{color:#666;float:right;cursor:pointer}@-webkit-keyframes aplayer-roll{0%{left:0}to{left:-100%}}@keyframes aplayer-roll{0%{left:0}to{left:-100%}}\", \"\"]);\n\t\n\t// exports\n\n\n/***/ },\n/* 3 */\n/***/ function(module, exports) {\n\n\t/*\r\n\t\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\t\tAuthor Tobias Koppers @sokra\r\n\t*/\r\n\t// css base code, injected by the css-loader\r\n\tmodule.exports = function() {\r\n\t\tvar list = [];\r\n\t\r\n\t\t// return the list of modules as css string\r\n\t\tlist.toString = function toString() {\r\n\t\t\tvar result = [];\r\n\t\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\t\tvar item = this[i];\r\n\t\t\t\tif(item[2]) {\r\n\t\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tresult.push(item[1]);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\treturn result.join(\"\");\r\n\t\t};\r\n\t\r\n\t\t// import a list of modules into the list\r\n\t\tlist.i = function(modules, mediaQuery) {\r\n\t\t\tif(typeof modules === \"string\")\r\n\t\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\t\tvar alreadyImportedModules = {};\r\n\t\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\t\tvar id = this[i][0];\r\n\t\t\t\tif(typeof id === \"number\")\r\n\t\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t\t}\r\n\t\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\t\tvar item = modules[i];\r\n\t\t\t\t// skip already imported module\r\n\t\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t\t//  when a module is imported multiple times with different media queries.\r\n\t\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\r\n\t\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t\t}\r\n\t\t\t\t\tlist.push(item);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t};\r\n\t\treturn list;\r\n\t};\r\n\n\n/***/ },\n/* 4 */\n/***/ function(module, exports) {\n\n\tmodule.exports = \"data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAeAAD/4QMfaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzA2NyA3OS4xNTc3NDcsIDIwMTUvMDMvMzAtMjM6NDA6NDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2NjQ3NUZBM0Y4RDExRTY4NzJCRDdCNkZCQTQ0MjNBIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2NjQ3NUY5M0Y4RDExRTY4NzJCRDdCNkZCQTQ0MjNBIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSI5OENEMEFFRjM0NTI1NjE0NEREQkU4RjkxRjAwNjM3NiIgc3RSZWY6ZG9jdW1lbnRJRD0iOThDRDBBRUYzNDUyNTYxNDREREJFOEY5MUYwMDYzNzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAQCwsLDAsQDAwQFw8NDxcbFBAQFBsfFxcXFxcfHhca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\"\n\n/***/ },\n/* 5 */\n/***/ function(module, exports, __webpack_require__) {\n\n\t/*\r\n\t\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\t\tAuthor Tobias Koppers @sokra\r\n\t*/\r\n\tvar stylesInDom = {},\r\n\t\tmemoize = function(fn) {\r\n\t\t\tvar memo;\r\n\t\t\treturn function () {\r\n\t\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\r\n\t\t\t\treturn memo;\r\n\t\t\t};\r\n\t\t},\r\n\t\tisOldIE = memoize(function() {\r\n\t\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\r\n\t\t}),\r\n\t\tgetHeadElement = memoize(function () {\r\n\t\t\treturn document.head || document.getElementsByTagName(\"head\")[0];\r\n\t\t}),\r\n\t\tsingletonElement = null,\r\n\t\tsingletonCounter = 0,\r\n\t\tstyleElementsInsertedAtTop = [];\r\n\t\r\n\tmodule.exports = function(list, options) {\r\n\t\tif(false) {\r\n\t\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\r\n\t\t}\r\n\t\r\n\t\toptions = options || {};\r\n\t\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\r\n\t\t// tags it will allow on a page\r\n\t\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\r\n\t\r\n\t\t// By default, add <style> tags to the bottom of <head>.\r\n\t\tif (typeof options.insertAt === \"undefined\") options.insertAt = \"bottom\";\r\n\t\r\n\t\tvar styles = listToStyles(list);\r\n\t\taddStylesToDom(styles, options);\r\n\t\r\n\t\treturn function update(newList) {\r\n\t\t\tvar mayRemove = [];\r\n\t\t\tfor(var i = 0; i < styles.length; i++) {\r\n\t\t\t\tvar item = styles[i];\r\n\t\t\t\tvar domStyle = stylesInDom[item.id];\r\n\t\t\t\tdomStyle.refs--;\r\n\t\t\t\tmayRemove.push(domStyle);\r\n\t\t\t}\r\n\t\t\tif(newList) {\r\n\t\t\t\tvar newStyles = listToStyles(newList);\r\n\t\t\t\taddStylesToDom(newStyles, options);\r\n\t\t\t}\r\n\t\t\tfor(var i = 0; i < mayRemove.length; i++) {\r\n\t\t\t\tvar domStyle = mayRemove[i];\r\n\t\t\t\tif(domStyle.refs === 0) {\r\n\t\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\r\n\t\t\t\t\t\tdomStyle.parts[j]();\r\n\t\t\t\t\tdelete stylesInDom[domStyle.id];\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t};\r\n\t}\r\n\t\r\n\tfunction addStylesToDom(styles, options) {\r\n\t\tfor(var i = 0; i < styles.length; i++) {\r\n\t\t\tvar item = styles[i];\r\n\t\t\tvar domStyle = stylesInDom[item.id];\r\n\t\t\tif(domStyle) {\r\n\t\t\t\tdomStyle.refs++;\r\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\r\n\t\t\t\t\tdomStyle.parts[j](item.parts[j]);\r\n\t\t\t\t}\r\n\t\t\t\tfor(; j < item.parts.length; j++) {\r\n\t\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tvar parts = [];\r\n\t\t\t\tfor(var j = 0; j < item.parts.length; j++) {\r\n\t\t\t\t\tparts.push(addStyle(item.parts[j], options));\r\n\t\t\t\t}\r\n\t\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n\tfunction listToStyles(list) {\r\n\t\tvar styles = [];\r\n\t\tvar newStyles = {};\r\n\t\tfor(var i = 0; i < list.length; i++) {\r\n\t\t\tvar item = list[i];\r\n\t\t\tvar id = item[0];\r\n\t\t\tvar css = item[1];\r\n\t\t\tvar media = item[2];\r\n\t\t\tvar sourceMap = item[3];\r\n\t\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\r\n\t\t\tif(!newStyles[id])\r\n\t\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\r\n\t\t\telse\r\n\t\t\t\tnewStyles[id].parts.push(part);\r\n\t\t}\r\n\t\treturn styles;\r\n\t}\r\n\t\r\n\tfunction insertStyleElement(options, styleElement) {\r\n\t\tvar head = getHeadElement();\r\n\t\tvar lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];\r\n\t\tif (options.insertAt === \"top\") {\r\n\t\t\tif(!lastStyleElementInsertedAtTop) {\r\n\t\t\t\thead.insertBefore(styleElement, head.firstChild);\r\n\t\t\t} else if(lastStyleElementInsertedAtTop.nextSibling) {\r\n\t\t\t\thead.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);\r\n\t\t\t} else {\r\n\t\t\t\thead.appendChild(styleElement);\r\n\t\t\t}\r\n\t\t\tstyleElementsInsertedAtTop.push(styleElement);\r\n\t\t} else if (options.insertAt === \"bottom\") {\r\n\t\t\thead.appendChild(styleElement);\r\n\t\t} else {\r\n\t\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\r\n\t\t}\r\n\t}\r\n\t\r\n\tfunction removeStyleElement(styleElement) {\r\n\t\tstyleElement.parentNode.removeChild(styleElement);\r\n\t\tvar idx = styleElementsInsertedAtTop.indexOf(styleElement);\r\n\t\tif(idx >= 0) {\r\n\t\t\tstyleElementsInsertedAtTop.splice(idx, 1);\r\n\t\t}\r\n\t}\r\n\t\r\n\tfunction createStyleElement(options) {\r\n\t\tvar styleElement = document.createElement(\"style\");\r\n\t\tstyleElement.type = \"text/css\";\r\n\t\tinsertStyleElement(options, styleElement);\r\n\t\treturn styleElement;\r\n\t}\r\n\t\r\n\tfunction createLinkElement(options) {\r\n\t\tvar linkElement = document.createElement(\"link\");\r\n\t\tlinkElement.rel = \"stylesheet\";\r\n\t\tinsertStyleElement(options, linkElement);\r\n\t\treturn linkElement;\r\n\t}\r\n\t\r\n\tfunction addStyle(obj, options) {\r\n\t\tvar styleElement, update, remove;\r\n\t\r\n\t\tif (options.singleton) {\r\n\t\t\tvar styleIndex = singletonCounter++;\r\n\t\t\tstyleElement = singletonElement || (singletonElement = createStyleElement(options));\r\n\t\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\r\n\t\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\r\n\t\t} else if(obj.sourceMap &&\r\n\t\t\ttypeof URL === \"function\" &&\r\n\t\t\ttypeof URL.createObjectURL === \"function\" &&\r\n\t\t\ttypeof URL.revokeObjectURL === \"function\" &&\r\n\t\t\ttypeof Blob === \"function\" &&\r\n\t\t\ttypeof btoa === \"function\") {\r\n\t\t\tstyleElement = createLinkElement(options);\r\n\t\t\tupdate = updateLink.bind(null, styleElement);\r\n\t\t\tremove = function() {\r\n\t\t\t\tremoveStyleElement(styleElement);\r\n\t\t\t\tif(styleElement.href)\r\n\t\t\t\t\tURL.revokeObjectURL(styleElement.href);\r\n\t\t\t};\r\n\t\t} else {\r\n\t\t\tstyleElement = createStyleElement(options);\r\n\t\t\tupdate = applyToTag.bind(null, styleElement);\r\n\t\t\tremove = function() {\r\n\t\t\t\tremoveStyleElement(styleElement);\r\n\t\t\t};\r\n\t\t}\r\n\t\r\n\t\tupdate(obj);\r\n\t\r\n\t\treturn function updateStyle(newObj) {\r\n\t\t\tif(newObj) {\r\n\t\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\r\n\t\t\t\t\treturn;\r\n\t\t\t\tupdate(obj = newObj);\r\n\t\t\t} else {\r\n\t\t\t\tremove();\r\n\t\t\t}\r\n\t\t};\r\n\t}\r\n\t\r\n\tvar replaceText = (function () {\r\n\t\tvar textStore = [];\r\n\t\r\n\t\treturn function (index, replacement) {\r\n\t\t\ttextStore[index] = replacement;\r\n\t\t\treturn textStore.filter(Boolean).join('\\n');\r\n\t\t};\r\n\t})();\r\n\t\r\n\tfunction applyToSingletonTag(styleElement, index, remove, obj) {\r\n\t\tvar css = remove ? \"\" : obj.css;\r\n\t\r\n\t\tif (styleElement.styleSheet) {\r\n\t\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\r\n\t\t} else {\r\n\t\t\tvar cssNode = document.createTextNode(css);\r\n\t\t\tvar childNodes = styleElement.childNodes;\r\n\t\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\r\n\t\t\tif (childNodes.length) {\r\n\t\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\r\n\t\t\t} else {\r\n\t\t\t\tstyleElement.appendChild(cssNode);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n\tfunction applyToTag(styleElement, obj) {\r\n\t\tvar css = obj.css;\r\n\t\tvar media = obj.media;\r\n\t\r\n\t\tif(media) {\r\n\t\t\tstyleElement.setAttribute(\"media\", media)\r\n\t\t}\r\n\t\r\n\t\tif(styleElement.styleSheet) {\r\n\t\t\tstyleElement.styleSheet.cssText = css;\r\n\t\t} else {\r\n\t\t\twhile(styleElement.firstChild) {\r\n\t\t\t\tstyleElement.removeChild(styleElement.firstChild);\r\n\t\t\t}\r\n\t\t\tstyleElement.appendChild(document.createTextNode(css));\r\n\t\t}\r\n\t}\r\n\t\r\n\tfunction updateLink(linkElement, obj) {\r\n\t\tvar css = obj.css;\r\n\t\tvar sourceMap = obj.sourceMap;\r\n\t\r\n\t\tif(sourceMap) {\r\n\t\t\t// http://stackoverflow.com/a/26603875\r\n\t\t\tcss += \"\\n/*# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" */\";\r\n\t\t}\r\n\t\r\n\t\tvar blob = new Blob([css], { type: \"text/css\" });\r\n\t\r\n\t\tvar oldSrc = linkElement.href;\r\n\t\r\n\t\tlinkElement.href = URL.createObjectURL(blob);\r\n\t\r\n\t\tif(oldSrc)\r\n\t\t\tURL.revokeObjectURL(oldSrc);\r\n\t}\r\n\n\n/***/ }\n/******/ ])\n});\n;\n\n\n/** WEBPACK FOOTER **\n ** APlayer.min.js\n **/"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId])\n \t\t\treturn installedModules[moduleId].exports;\n\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\texports: {},\n \t\t\tid: moduleId,\n \t\t\tloaded: false\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.loaded = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(0);\n\n\n\n/** WEBPACK FOOTER **\n ** webpack/bootstrap dc7c196c6ea2793b388c\n **/","require('./APlayer.scss');\n\nlet instances = [];\n\nclass APlayer {\n    /**\n     * APlayer constructor function\n     *\n     * @param {Object} option - See README\n     * @constructor\n     */\n    constructor(option) {\n        this.svg = {\n            'play': ['0 0 16 31', 'M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z'],\n            'pause': ['0 0 17 32', 'M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z'],\n            'volume-up': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528zM25.152 16q0 2.72-1.536 5.056t-4 3.36q-0.256 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.704 0.672-1.056 1.024-0.512 1.376-0.8 1.312-0.96 2.048-2.4t0.736-3.104-0.736-3.104-2.048-2.4q-0.352-0.288-1.376-0.8-0.672-0.352-0.672-1.056 0-0.448 0.32-0.8t0.8-0.352q0.224 0 0.48 0.096 2.496 1.056 4 3.36t1.536 5.056zM29.728 16q0 4.096-2.272 7.552t-6.048 5.056q-0.224 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.64 0.704-1.056 0.128-0.064 0.384-0.192t0.416-0.192q0.8-0.448 1.44-0.896 2.208-1.632 3.456-4.064t1.216-5.152-1.216-5.152-3.456-4.064q-0.64-0.448-1.44-0.896-0.128-0.096-0.416-0.192t-0.384-0.192q-0.704-0.416-0.704-1.056 0-0.448 0.32-0.8t0.832-0.352q0.224 0 0.448 0.096 3.776 1.632 6.048 5.056t2.272 7.552z'],\n            'volume-down': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z'],\n            'volume-off': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8z'],\n            'loop': ['0 0 29 32', 'M25.6 9.92q1.344 0 2.272 0.928t0.928 2.272v9.28q0 1.28-0.928 2.24t-2.272 0.96h-22.4q-1.28 0-2.24-0.96t-0.96-2.24v-9.28q0-1.344 0.96-2.272t2.24-0.928h8v-3.52l6.4 5.76-6.4 5.76v-3.52h-6.72v6.72h19.84v-6.72h-4.8v-4.48h6.080z'],\n            'menu': ['0 0 22 32', 'M20.8 14.4q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2zM1.6 11.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2zM20.8 20.8q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2z']\n        };\n        this.getSVG = (type) => {\n            return `\n                <svg xmlns:xlink=\"http://www.w3.org/1999/xlink\" height=\"100%\" version=\"1.1\" viewBox=\"${this.svg[type][0]}\" width=\"100%\">\n                    <use xlink:href=\"#aplayer-${type}\"></use>\n                    <path class=\"aplayer-fill\" d=\"${this.svg[type][1]}\" id=\"aplayer-${type}\"></path>\n                </svg>\n            `;\n        };\n\n        this.isMobile = /mobile/i.test(window.navigator.userAgent);\n        // compatibility: some mobile browsers don't suppose autoplay\n        if (this.isMobile) {\n            option.autoplay = false;\n        }\n\n        // default options\n        const defaultOption = {\n            element: document.getElementsByClassName('aplayer')[0],\n            narrow: false,\n            autoplay: false,\n            mutex: true,\n            showlrc: 0,\n            theme: '#b7daff',\n            loop: true\n        };\n        for (let defaultKey in defaultOption) {\n            if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {\n                option[defaultKey] = defaultOption[defaultKey];\n            }\n        }\n\n        // multiple music\n        this.playIndex = Object.prototype.toString.call(option.music) === '[object Array]' ? 0 : -1;\n\n        this.option = option;\n        this.audios = [];\n        this.loop = option.loop;\n\n        /**\n         * Parse second to 00:00 format\n         *\n         * @param {Number} second\n         * @return {String} 00:00 format\n         */\n        this.secondToTime = (second) => {\n            const add0 = (num) => {\n                return num < 10 ? '0' + num : '' + num;\n            };\n            const min = parseInt(second / 60);\n            const sec = parseInt(second - min * 60);\n            return add0(min) + ':' + add0(sec);\n        };\n\n        /**\n         * Parse lrc, suppose multiple time tag\n         *\n         * @param {Array} arr - Format:\n         * [mm:ss.xx]lyric\n         * [mm:ss.xxx]lyric\n         * [mm:ss.xx][mm:ss.xx][mm:ss.xx]lyric\n         *\n         * @return {Array} [[[time, text], [time, text], [time, text], ...], [[time, text], [time, text], [time, text], ...], ...]\n         */\n        this.parseLrc = (arr) => {\n            let lrcs = [];\n            for (let k = 0; k < arr.length; k++) {\n                const lyric = arr[k].split('\\n');\n                let lrc = [];\n                const lyricLen = lyric.length;\n                for (let i = 0; i < lyricLen; i++) {\n                    // match lrc time\n                    const lrcTimes = lyric[i].match(/\\[(\\d{2}):(\\d{2})\\.(\\d{2,3})]/g);\n                    // match lrc text\n                    const lrcText = lyric[i].replace(/\\[(\\d{2}):(\\d{2})\\.(\\d{2,3})]/g, '').replace(/^\\s+|\\s+$/g, '');\n\n                    if (lrcTimes != null) {\n                        // handle multiple time tag\n                        const timeLen = lrcTimes.length;\n                        for (let j = 0; j < timeLen; j++) {\n                            const oneTime = /\\[(\\d{2}):(\\d{2})\\.(\\d{2,3})]/.exec(lrcTimes[j]);\n                            const lrcTime = (oneTime[1]) * 60 + parseInt(oneTime[2]) + parseInt(oneTime[3]) / ((oneTime[3] + '').length === 2 ? 100 : 1000);\n                            lrc.push([lrcTime, lrcText]);\n                        }\n                    }\n                }\n                // sort by time\n                lrc.sort((a, b) => a[0] - b[0]);\n                lrcs.push(lrc);\n            }\n            return lrcs;\n        };\n\n        /**\n         * Update progress bar, including loading progress bar and play progress bar\n         *\n         * @param {String} type - Point out which bar it is, should be played loaded or volume\n         * @param {Number} percentage\n         * @param {String} direction - Point out the direction of this bar, Should be height or width\n         */\n        this.updateBar = (type, percentage, direction) => {\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            this[type + 'Bar'].style[direction] = percentage * 100 + '%';\n        };\n\n        /**\n         * Update lrc\n         *\n         * @param {Number} currentTime\n         */\n        this.updateLrc = (currentTime = this.audio.currentTime) => {\n            if (this.lrcIndex > this.lrc.length - 1 || currentTime < this.lrc[this.lrcIndex][0] || (!this.lrc[this.lrcIndex + 1] || currentTime >= this.lrc[this.lrcIndex + 1][0])) {\n                for (let i = 0; i < this.lrc.length; i++) {\n                    if (currentTime >= this.lrc[i][0] && (!this.lrc[i + 1] || currentTime < this.lrc[i + 1][0])) {\n                        this.lrcIndex = i;\n                        this.lrcContents.style.transform = `translateY(${-this.lrcIndex * 20}px)`;\n                        this.lrcContents.style.webkitTransform = `translateY(${-this.lrcIndex * 20}px)`;\n                        this.lrcContents.getElementsByClassName('aplayer-lrc-current')[0].classList.remove('aplayer-lrc-current');\n                        this.lrcContents.getElementsByTagName('p')[i].classList.add('aplayer-lrc-current');\n                    }\n                }\n            }\n        };\n\n        // define APlayer events\n        this.eventTypes = ['play', 'pause', 'canplay', 'playing', 'ended', 'error'];\n        this.event = {};\n        for (let i = 0; i < this.eventTypes.length; i++) {\n            this.event[this.eventTypes[i]] = [];\n        }\n        this.trigger = (type) => {\n            for (let i = 0; i < this.event[type].length; i++) {\n                this.event[type][i]();\n            }\n        }\n    }\n\n    /**\n     * AutoLink initialization function\n     */\n    init() {\n        this.element = this.option.element;\n        this.multiple = this.playIndex > -1;\n        this.music = this.multiple ? this.option.music[this.playIndex] : this.option.music;\n\n        let i;\n        // parser lrc\n        if (this.option.showlrc) {\n            let lrcs = [];\n            if (this.option.showlrc === 1) {\n                if (this.multiple) {\n                    for (i = 0; i < this.option.music.length; i++) {\n                        lrcs.push(this.option.music[i].lrc);\n                    }\n                }\n                else {\n                    lrcs.push(this.option.music.lrc);\n                }\n            }\n            else if (this.option.showlrc === 2 || this.option.showlrc === true)  {\n                for (i = 0; i < this.element.getElementsByClassName('aplayer-lrc-content').length; i++) {\n                    lrcs.push(this.element.getElementsByClassName('aplayer-lrc-content')[i].innerHTML);\n                }\n            }\n\n            this.lrcs = this.parseLrc(lrcs);\n        }\n\n        // add class aplayer-withlrc\n        if (this.option.showlrc) {\n            this.element.classList.add('aplayer-withlrc');\n        }\n\n        // fill in HTML\n        let eleHTML = `\n            <div class=\"aplayer-pic\" ${(this.music.pic ? (`style=\"background-image: url('${this.music.pic}');\"`) : ``)}>\n                <div class=\"aplayer-button aplayer-play\">\n                    <button class=\"aplayer-icon aplayer-icon-play\">`\n            +           this.getSVG('play')\n            + `     </button>\n                </div>\n            </div>\n            <div class=\"aplayer-info\">\n                <div class=\"aplayer-music\">\n                    <span class=\"aplayer-title\"></span>\n                    <span class=\"aplayer-author\"></span>\n                </div>\n                <div class=\"aplayer-lrc\">\n                    <div class=\"aplayer-lrc-contents\" style=\"transform: translateY(0); -webkit-transform: translateY(0);\"></div>\n                </div>\n                <div class=\"aplayer-controller\">\n                    <div class=\"aplayer-bar-wrap\">\n                        <div class=\"aplayer-bar\">\n                            <div class=\"aplayer-loaded\" style=\"width: 0\"></div>\n                            <div class=\"aplayer-played\" style=\"width: 0; background: ${this.option.theme};\">\n                                <span class=\"aplayer-thumb\" style=\"border: 1px solid ${this.option.theme};\"></span>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"aplayer-time\">\n                        <span class=\"aplayer-time-inner\">\n                            - <span class=\"aplayer-ptime\">00:00</span> / <span class=\"aplayer-dtime\">00:00</span>\n                        </span>\n                        <div class=\"aplayer-volume-wrap\">\n                            <button class=\"aplayer-icon aplayer-icon-volume-down\">`\n            +                   this.getSVG('volume-down')\n            + `             </button>\n                            <div class=\"aplayer-volume-bar-wrap\">\n                                <div class=\"aplayer-volume-bar\">\n                                    <div class=\"aplayer-volume\" style=\"height: 80%; background: ${this.option.theme};\"></div>\n                                </div>\n                            </div>\n                        </div>\n                        <button class=\"aplayer-icon aplayer-icon-loop${(this.loop ? `` : ` aplayer-noloop`)}\">`\n            +               this.getSVG('loop')\n            + `         </button>\n                        ${(this.multiple ? `<button class=\"aplayer-icon aplayer-icon-menu\">`\n            +               this.getSVG('menu')\n            + `         </button>` : ``)}\n                    </div>\n                </div>\n            </div>`;\n        if (this.multiple) {\n            eleHTML += `\n            <div class=\"aplayer-list\">\n                <ol>`;\n            for (i = 0; i < this.option.music.length; i++) {\n                eleHTML += `\n                    <li>\n                        <span class=\"aplayer-list-cur\" style=\"background: ${this.option.theme};\"></span>\n                        <span class=\"aplayer-list-index\">${(i + 1)}</span>\n                        <span class=\"aplayer-list-title\">${this.option.music[i].title}</span>\n                        <span class=\"aplayer-list-author\">${this.option.music[i].author}</span>\n                    </li>`\n            }\n            eleHTML += `\n                </ol>\n            </div>`\n        }\n        this.element.innerHTML = eleHTML;\n\n        // hide loop button in arrow container\n        if (this.element.offsetWidth < 300) {\n            this.element.getElementsByClassName('aplayer-icon-loop')[0].style.display = 'none';\n        }\n\n        this.ptime = this.element.getElementsByClassName('aplayer-ptime')[0];\n\n        if (this.element.getElementsByClassName('aplayer-info')[0].offsetWidth < 200) {\n            this.element.getElementsByClassName('aplayer-time')[0].classList.add('aplayer-time-narrow');\n        }\n        // fix the width of aplayer bar\n        this.bar = this.element.getElementsByClassName('aplayer-bar-wrap')[0];\n        this.bar.style.marginRight = this.element.getElementsByClassName('aplayer-time')[0].offsetWidth + 5 + 'px';\n\n        // switch to narrow style\n        if (this.option.narrow) {\n            this.element.classList.add('aplayer-narrow');\n        }\n\n        // play and pause button\n        this.button = this.element.getElementsByClassName('aplayer-button')[0];\n        this.button.addEventListener('click', (e) => {\n            if (this.button.classList.contains('aplayer-play')) {\n                this.play();\n            }\n            else if (this.button.classList.contains('aplayer-pause')) {\n                this.pause();\n            }\n        });\n\n        // click music list: change music\n        if (this.multiple) {\n            const listItem = this.element.getElementsByClassName('aplayer-list')[0].getElementsByTagName('li');\n            for (let i = 0; i < this.option.music.length; i++) {\n                listItem[i].addEventListener('click', () => {\n                    const musicIndex = parseInt(listItem[i].getElementsByClassName('aplayer-list-index')[0].innerHTML) - 1;\n                    if (musicIndex !== this.playIndex) {\n                        this.setMusic(musicIndex);\n                        if (this.isMobile) {\n                            this.pause();\n                        }\n                        else {\n                            this.play();\n                        }\n                    }\n                    else {\n                        this.toggle();\n                    }\n                });\n            }\n        }\n\n        // control play progress\n        this.playedBar = this.element.getElementsByClassName('aplayer-played')[0];\n        this.loadedBar = this.element.getElementsByClassName('aplayer-loaded')[0];\n        this.thumb = this.element.getElementsByClassName('aplayer-thumb')[0];\n        let barWidth;\n        this.bar.addEventListener('click', (event) => {\n            const e = event || window.event;\n            barWidth = this.bar.clientWidth;\n            const percentage = (e.clientX - getElementViewLeft(this.bar)) / barWidth;\n            this.updateBar('played', percentage, 'width');\n            this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = this.secondToTime(percentage * this.audio.duration);\n            this.audio.currentTime = parseFloat(this.playedBar.style.width) / 100 * this.audio.duration;\n        });\n\n        this.thumb.addEventListener('mouseover', () => {\n            this.thumb.style.background = this.option.theme;\n        });\n        this.thumb.addEventListener('mouseout', () => {\n            this.thumb.style.background = '#fff';\n        });\n\n        const thumbMove = (event) => {\n            const e = event || window.event;\n            let percentage = (e.clientX - getElementViewLeft(this.bar)) / barWidth;\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            this.updateBar('played', percentage, 'width');\n            if (this.option.showlrc) {\n                this.updateLrc(parseFloat(this.playedBar.style.width) / 100 * this.audio.duration);\n            }\n            this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = this.secondToTime(percentage * this.audio.duration);\n        };\n\n        const thumbUp = () => {\n            document.removeEventListener('mouseup', thumbUp);\n            document.removeEventListener('mousemove', thumbMove);\n            this.audio.currentTime = parseFloat(this.playedBar.style.width) / 100 * this.audio.duration;\n            this.playedTime = setInterval(() => {\n                this.updateBar('played', this.audio.currentTime / this.audio.duration, 'width');\n                if (this.option.showlrc) {\n                    this.updateLrc();\n                }\n                this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = this.secondToTime(this.audio.currentTime);\n                this.trigger('playing');\n            }, 100);\n        };\n\n        this.thumb.addEventListener('mousedown', () => {\n            barWidth = this.bar.clientWidth;\n            clearInterval(this.playedTime);\n            document.addEventListener('mousemove', thumbMove);\n            document.addEventListener('mouseup', thumbUp);\n        });\n\n        // control volume\n        this.volumeBar = this.element.getElementsByClassName('aplayer-volume')[0];\n        const volumeBarWrap = this.element.getElementsByClassName('aplayer-volume-bar')[0];\n        this.volumeicon = this.element.getElementsByClassName('aplayer-time')[0].getElementsByTagName('button')[0];\n        const barHeight = 35;\n        this.element.getElementsByClassName('aplayer-volume-bar-wrap')[0].addEventListener('click', (event) => {\n            const e = event || window.event;\n            let percentage = (barHeight - e.clientY + getElementViewTop(volumeBarWrap)) / barHeight;\n            percentage = percentage > 0 ? percentage : 0;\n            percentage = percentage < 1 ? percentage : 1;\n            this.volume(percentage);\n        });\n        this.volumeicon.addEventListener('click', () => {\n            if (this.audio.muted) {\n                this.audio.muted = false;\n                this.volumeicon.className = this.audio.volume === 1 ? 'aplayer-icon aplayer-icon-volume-up' : 'aplayer-icon aplayer-icon-volume-down';\n                if (this.audio.volume === 1) {\n                    this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-up';\n                    this.volumeicon.innerHTML = this.getSVG('volume-up');\n                }\n                else {\n                    this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-down';\n                    this.volumeicon.innerHTML = this.getSVG('volume-down');\n                }\n                this.updateBar('volume', this.audio.volume, 'height');\n            }\n            else {\n                this.audio.muted = true;\n                this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-off';\n                this.volumeicon.innerHTML = this.getSVG('volume-off');\n                this.updateBar('volume', 0, 'height');\n            }\n        });\n\n        // get element's view position\n        function getElementViewLeft(element) {\n            let actualLeft = element.offsetLeft;\n            let current = element.offsetParent;\n            let elementScrollLeft;\n            while (current !== null) {\n                actualLeft += current.offsetLeft;\n                current = current.offsetParent;\n            }\n            elementScrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft;\n            return actualLeft - elementScrollLeft;\n        }\n\n        function getElementViewTop(element) {\n            let actualTop = element.offsetTop;\n            let current = element.offsetParent;\n            let elementScrollTop;\n            while (current !== null) {\n                actualTop += current.offsetTop;\n                current = current.offsetParent;\n            }\n            elementScrollTop = document.body.scrollTop + document.documentElement.scrollTop;\n            return actualTop - elementScrollTop;\n        }\n\n        // loop control\n        const loopEle = this.element.getElementsByClassName('aplayer-icon-loop')[0];\n        loopEle.addEventListener('click', () => {\n            if (this.loop) {\n                loopEle.classList.add('aplayer-noloop');\n                this.loop = false;\n                this.audio.loop = this.multiple ? false : this.loop;\n            }\n            else {\n                loopEle.classList.remove('aplayer-noloop');\n                this.loop = true;\n                this.audio.loop = this.multiple ? false : this.loop;\n            }\n        });\n\n        // toggle menu control\n        if (this.multiple) {\n            const list = this.element.getElementsByClassName('aplayer-list')[0];\n            list.style.height = list.offsetHeight + 'px';\n            this.element.getElementsByClassName('aplayer-icon-menu')[0].addEventListener('click', () => {\n                if (!list.classList.contains('aplayer-list-hide')) {\n                    list.classList.add('aplayer-list-hide');\n                }\n                else {\n                    list.classList.remove('aplayer-list-hide');\n                }\n            });\n        }\n\n        this.setMusic(0);\n\n        instances.push(this);\n    }\n\n    /**\n     * Set music\n     */\n    setMusic(index) {\n        // get this.music\n        if (this.multiple && typeof(index) !== 'undefined') {\n            this.playIndex = index;\n        }\n        const indexMusic = this.playIndex;\n        this.music = this.multiple ? this.option.music[indexMusic] : this.option.music;\n\n        // set html\n        if (this.music.pic) {\n            this.element.getElementsByClassName('aplayer-pic')[0].style.backgroundImage = `url('${this.music.pic}')`;\n        }\n        this.element.getElementsByClassName('aplayer-title')[0].innerHTML = this.music.title;\n        this.element.getElementsByClassName('aplayer-author')[0].innerHTML = ` - ${this.music.author}`;\n        if (this.multiple) {\n            if (this.element.getElementsByClassName('aplayer-list-light')[0]) {\n                this.element.getElementsByClassName('aplayer-list-light')[0].classList.remove('aplayer-list-light');\n            }\n            this.element.getElementsByClassName('aplayer-list')[0].getElementsByTagName('li')[indexMusic].classList.add('aplayer-list-light');\n        }\n\n        // set the previous audio object\n        if (this.audio) {\n            this.pause();\n            this.audio.currentTime = 0;\n        }\n\n        // get this audio object\n        if ((this.multiple && !this.audios[indexMusic]) || this.playIndex === -1) {\n            this.audio = document.createElement(\"audio\");\n            this.audio.src = this.music.url;\n            if (this.option.preload) {\n                this.audio.preload = this.option.preload;\n            }\n            else {\n                this.audio.preload = this.isMobile ? 'none' : 'metadata';\n            }\n\n            // show audio time: the metadata has loaded or changed\n            this.audio.addEventListener('durationchange', () => {\n                if (this.audio.duration !== 1) {           // compatibility: Android browsers will output 1 at first\n                    this.element.getElementsByClassName('aplayer-dtime')[0].innerHTML = this.secondToTime(this.audio.duration);\n                }\n            });\n\n            // show audio loaded bar: to inform interested parties of progress downloading the media\n            this.audio.addEventListener('progress', () => {\n                const percentage = this.audio.buffered.length ? this.audio.buffered.end(this.audio.buffered.length - 1) / this.audio.duration : 0;\n                this.updateBar('loaded', percentage, 'width');\n            });\n\n            // audio download error: an error occurs\n            this.audio.addEventListener('error', () => {\n                this.element.getElementsByClassName('aplayer-author')[0].innerHTML = ` - Error happens ╥﹏╥`;\n                this.trigger('pause');\n            });\n\n            // audio can play: enough data is available that the media can be played\n            this.audio.addEventListener('canplay', () => {\n                this.trigger('canplay');\n            });\n\n            // multiple music play\n            this.ended = false;\n            if (this.multiple) {\n                this.audio.addEventListener('ended', () => {\n                    if (this.isMobile) {\n                        this.ended = true;\n                        this.pause();\n                        return;\n                    }\n                    if (this.audio.currentTime !== 0) {\n                        if (this.playIndex < this.option.music.length - 1) {\n                            this.setMusic(++this.playIndex);\n                        }\n                        else if (this.loop) {\n                            this.setMusic(0);\n                        }\n                        else if (!this.loop) {\n                            this.ended = true;\n                            this.pause();\n                            this.trigger('ended');\n                        }\n                    }\n                });\n            }\n            else {\n                this.audio.addEventListener('ended', () => {\n                    if (!this.loop) {\n                        this.ended = true;\n                        this.pause();\n                        this.trigger('ended');\n                    }\n                });\n            }\n\n            // control volume\n            this.audio.volume = parseInt(this.element.getElementsByClassName('aplayer-volume')[0].style.height) / 100;\n\n            // loop\n            this.audio.loop = this.multiple ? false : this.loop;\n\n            if (this.multiple) {\n                this.audios[indexMusic] = this.audio;\n            }\n        }\n        else {\n            this.audio = this.audios[indexMusic];\n            this.audio.volume = parseInt(this.element.getElementsByClassName('aplayer-volume')[0].style.height) / 100;\n            this.audio.currentTime = 0;\n        }\n\n        // fill in lrc\n        if (this.option.showlrc) {\n            this.lrc = this.multiple ? this.lrcs[indexMusic] : this.lrcs[0];\n            let lrcHTML = '';\n            this.lrcContents = this.element.getElementsByClassName('aplayer-lrc-contents')[0];\n            for (let i = 0; i < this.lrc.length; i++) {\n                lrcHTML += `<p>${this.lrc[i][1]}</p>`;\n            }\n            this.lrcContents.innerHTML = lrcHTML;\n            if (!this.lrcIndex) {\n                this.lrcIndex = 0;\n            }\n            this.lrcContents.getElementsByTagName('p')[0].classList.add('aplayer-lrc-current');\n            this.lrcContents.style.transform = 'translateY(0px)';\n            this.lrcContents.style.webkitTransform = 'translateY(0px)';\n        }\n\n        // set duration time\n        if (this.audio.duration !== 1) {           // compatibility: Android browsers will output 1 at first\n            this.element.getElementsByClassName('aplayer-dtime')[0].innerHTML = this.audio.duration ? this.secondToTime(this.audio.duration) : '00:00';\n        }\n\n        // autoplay\n        if (this.option.autoplay && !this.isMobile) {\n            this.play();\n        }\n        this.option.autoplay = true;  // autoplay next music\n\n        if (this.isMobile) {\n            this.pause();\n        }\n    }\n\n    /**\n     * Play music\n     */\n    play(time) {\n        if (Object.prototype.toString.call(time) === '[object Number]') {\n            this.audio.currentTime = time;\n        }\n        if (this.audio.paused) {\n            this.button.classList.remove('aplayer-play');\n            this.button.classList.add('aplayer-pause');\n            this.button.innerHTML = '';\n            setTimeout(() => {\n                this.button.innerHTML = `\n                            <button class=\"aplayer-icon aplayer-icon-pause\">`\n                    +           this.getSVG('pause')\n                    + `     </button>`;\n            }, 100);\n\n            // pause other players (Thanks @Aprikyblue)\n            if (this.option.mutex) {\n                for (let i = 0; i < instances.length; i++) {\n                    if (this != instances[i]) {\n                        instances[i].pause();\n                    }\n                }\n            }\n            this.audio.play();\n            if (this.playedTime) {\n                clearInterval(this.playedTime);\n            }\n            this.playedTime = setInterval(() => {\n                this.updateBar('played', this.audio.currentTime / this.audio.duration, 'width');\n                if (this.option.showlrc) {\n                    this.updateLrc();\n                }\n                this.ptime.innerHTML = this.secondToTime(this.audio.currentTime);\n                this.trigger('playing');\n            }, 100);\n            this.trigger('play');\n        }\n    }\n\n    /**\n     * Pause music\n     */\n    pause() {\n        if (!this.audio.paused || this.ended) {\n            this.ended = false;\n            this.button.classList.remove('aplayer-pause');\n            this.button.classList.add('aplayer-play');\n            this.button.innerHTML = '';\n            setTimeout(() => {\n                this.button.innerHTML = `\n                            <button class=\"aplayer-icon aplayer-icon-play\">`\n                    +           this.getSVG('play')\n                    + `     </button>`;\n            }, 100);\n            this.audio.pause();\n            clearInterval(this.playedTime);\n            this.trigger('pause');\n        }\n    }\n\n    /**\n     * Set volume\n     */\n    volume(percentage) {\n        this.updateBar('volume', percentage, 'height');\n        this.audio.volume = percentage;\n        if (this.audio.muted) {\n            this.audio.muted = false;\n        }\n        if (percentage === 1) {\n            this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-up';\n            this.volumeicon.innerHTML = this.getSVG('volume-up');\n        }\n        else {\n            this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-down';\n            this.volumeicon.innerHTML = this.getSVG('volume-down');\n        }\n    }\n\n    /**\n     * attach event\n     */\n    on(name, func) {\n        if (typeof func === 'function') {\n            this.event[name].push(func);\n        }\n    }\n\n    /**\n     * toggle between play and pause\n     */\n    toggle() {\n        if (this.audio.paused) {\n            this.play();\n        }\n        else {\n            this.pause();\n        }\n    }\n}\n\nexport {APlayer};\n\n\n/** WEBPACK FOOTER **\n ** ./src/APlayer.js\n **/","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/postcss-loader/index.js!./../node_modules/sass-loader/index.js!./APlayer.scss\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// add the styles to the DOM\nvar update = require(\"!./../node_modules/style-loader/addStyles.js\")(content, {});\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(module.hot) {\n\t// When the styles change, update the <style> tags\n\tif(!content.locals) {\n\t\tmodule.hot.accept(\"!!./../node_modules/css-loader/index.js!./../node_modules/postcss-loader/index.js!./../node_modules/sass-loader/index.js!./APlayer.scss\", function() {\n\t\t\tvar newContent = require(\"!!./../node_modules/css-loader/index.js!./../node_modules/postcss-loader/index.js!./../node_modules/sass-loader/index.js!./APlayer.scss\");\n\t\t\tif(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n\t\t\tupdate(newContent);\n\t\t});\n\t}\n\t// When the module is disposed, remove the <style> tags\n\tmodule.hot.dispose(function() { update(); });\n}\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/APlayer.scss\n ** module id = 1\n ** module chunks = 0\n **/","exports = module.exports = require(\"./../node_modules/css-loader/lib/css-base.js\")();\n// imports\n\n\n// module\nexports.push([module.id, \".aplayer-narrow{width:66px}.aplayer-narrow .aplayer-info{display:none}.aplayer-withlrc.aplayer-narrow{width:106px}.aplayer-withlrc.aplayer .aplayer-pic{height:106px;width:106px}.aplayer-withlrc.aplayer .aplayer-info{margin-left:106px;height:106px}.aplayer-withlrc.aplayer .aplayer-lrc{display:block}.aplayer{font-family:Arial,Helvetica,sans-serif;margin:5px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);border-radius:2px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal}.aplayer *{box-sizing:content-box}.aplayer .aplayer-icon{width:15px;height:15px;border:none;background-color:transparent;outline:none;cursor:pointer;opacity:.8;vertical-align:middle;padding:0}.aplayer .aplayer-icon .aplayer-fill{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.aplayer .aplayer-lrc-content{display:none}.aplayer .aplayer-pic{position:relative;float:left;height:66px;width:66px;background-image:url(\" + require(\"./default.jpg\") + \");background-size:100%;-webkit-transition:all .3s ease;transition:all .3s ease}.aplayer .aplayer-pic .aplayer-button{position:absolute;border-radius:50%;opacity:.8;cursor:pointer;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);background:rgba(0,0,0,.2);-webkit-transition:all .1s ease;transition:all .1s ease}.aplayer .aplayer-pic .aplayer-button:hover{opacity:1}.aplayer .aplayer-pic .aplayer-button .aplayer-fill{fill:#fff}.aplayer .aplayer-pic .aplayer-hide{display:none}.aplayer .aplayer-pic .aplayer-play{width:26px;height:26px;border:2px solid #fff;bottom:50%;right:50%;margin:0 -15px -15px 0}.aplayer .aplayer-pic .aplayer-play .aplayer-icon-play{position:absolute;top:3px;left:4px;height:20px;width:20px}.aplayer .aplayer-pic .aplayer-pause{width:16px;height:16px;border:2px solid #fff;bottom:4px;right:4px}.aplayer .aplayer-pic .aplayer-pause .aplayer-icon-pause{position:absolute;top:2px;left:2px;height:12px;width:12px}.aplayer .aplayer-info{margin-left:66px;padding:14px 7px 0 10px;height:66px;box-sizing:border-box}.aplayer .aplayer-info .aplayer-music{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:13px}.aplayer .aplayer-info .aplayer-music .aplayer-title{font-size:14px}.aplayer .aplayer-info .aplayer-music .aplayer-author{font-size:12px;color:#666}.aplayer .aplayer-info .aplayer-controller{position:relative}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap{margin:0 140px 0 5px;padding:4px 0;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar{position:relative;height:2px;width:100%;background:#cdcdcd}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded{position:absolute;left:0;top:0;bottom:0;background:#aaa;height:2px;-webkit-transition:all .5s ease;transition:all .5s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{position:absolute;left:0;top:0;bottom:0;height:2px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:8px;width:8px;border-radius:50%;background:#fff;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-time{position:absolute;right:0;bottom:-3px;height:17px;color:#999;font-size:11px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner{vertical-align:middle}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon{cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon .aplayer-fill{fill:#666}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-loop{margin-right:4px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-noloop .aplayer-fill{fill:#ddd}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-noloop:hover .aplayer-fill{fill:#bbb}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover .aplayer-fill{fill:#000}.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-loop,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap{position:relative;display:inline-block;margin-left:3px;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap{display:block}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap{display:none;position:absolute;bottom:15px;right:-3px;width:25px;height:40px;z-index:99}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar{position:absolute;bottom:0;right:10px;width:5px;height:35px;background:#aaa}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume{position:absolute;bottom:0;right:0;width:5px;-webkit-transition:all .1s ease;transition:all .1s ease}.aplayer .aplayer-lrc{display:none;position:relative;height:40px;background:#fff;text-align:center;overflow:hidden;margin:-10px 0 10px}.aplayer .aplayer-lrc:before{top:0;height:10%;background:-webkit-linear-gradient(top,#fff,hsla(0,0%,100%,0));background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(180deg,#fff 0,hsla(0,0%,100%,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=0)}.aplayer .aplayer-lrc:after,.aplayer .aplayer-lrc:before{position:absolute;z-index:1;display:block;overflow:hidden;width:100%;content:' '}.aplayer .aplayer-lrc:after{bottom:0;height:33%;background:-webkit-linear-gradient(bottom,#fff,hsla(0,0%,100%,0));background:-webkit-gradient(linear,left bottom,left top,from(#fff),to(hsla(0,0%,100%,0)));background:linear-gradient(0deg,#fff 0,hsla(0,0%,100%,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0)}.aplayer .aplayer-lrc p{font-size:12px;color:#666;line-height:20px!important;height:20px!important;padding:0!important;margin:0!important;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;opacity:.4;overflow:hidden}.aplayer .aplayer-lrc p.aplayer-lrc-current{opacity:1}.aplayer .aplayer-lrc .aplayer-lrc-contents{width:100%;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.aplayer .aplayer-list{overflow:auto;-webkit-transition:all .5s ease;transition:all .5s ease}.aplayer .aplayer-list.aplayer-list-hide{height:0!important}.aplayer .aplayer-list ol{list-style-type:none;margin:0;padding:0}.aplayer .aplayer-list ol li{position:relative;height:32px;line-height:32px;padding:0 15px;font-size:12px;border-top:1px solid #e9e9e9;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;overflow:hidden}.aplayer .aplayer-list ol li:hover{background:#efefef}.aplayer .aplayer-list ol li.aplayer-list-light{background:#e9e9e9}.aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur{display:inline-block}.aplayer .aplayer-list ol li .aplayer-list-cur{display:none;width:3px;height:22px;position:absolute;left:0;top:5px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-index{color:#666;margin-right:12px;cursor:pointer}.aplayer .aplayer-list ol li .aplayer-list-author{color:#666;float:right;cursor:pointer}@-webkit-keyframes aplayer-roll{0%{left:0}to{left:-100%}}@keyframes aplayer-roll{0%{left:0}to{left:-100%}}\", \"\"]);\n\n// exports\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader!./~/postcss-loader!./~/sass-loader!./src/APlayer.scss\n ** module id = 2\n ** module chunks = 0\n **/","/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\n// css base code, injected by the css-loader\r\nmodule.exports = function() {\r\n\tvar list = [];\r\n\r\n\t// return the list of modules as css string\r\n\tlist.toString = function toString() {\r\n\t\tvar result = [];\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar item = this[i];\r\n\t\t\tif(item[2]) {\r\n\t\t\t\tresult.push(\"@media \" + item[2] + \"{\" + item[1] + \"}\");\r\n\t\t\t} else {\r\n\t\t\t\tresult.push(item[1]);\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn result.join(\"\");\r\n\t};\r\n\r\n\t// import a list of modules into the list\r\n\tlist.i = function(modules, mediaQuery) {\r\n\t\tif(typeof modules === \"string\")\r\n\t\t\tmodules = [[null, modules, \"\"]];\r\n\t\tvar alreadyImportedModules = {};\r\n\t\tfor(var i = 0; i < this.length; i++) {\r\n\t\t\tvar id = this[i][0];\r\n\t\t\tif(typeof id === \"number\")\r\n\t\t\t\talreadyImportedModules[id] = true;\r\n\t\t}\r\n\t\tfor(i = 0; i < modules.length; i++) {\r\n\t\t\tvar item = modules[i];\r\n\t\t\t// skip already imported module\r\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\r\n\t\t\t//  when a module is imported multiple times with different media queries.\r\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\r\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\r\n\t\t\t\tif(mediaQuery && !item[2]) {\r\n\t\t\t\t\titem[2] = mediaQuery;\r\n\t\t\t\t} else if(mediaQuery) {\r\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\r\n\t\t\t\t}\r\n\t\t\t\tlist.push(item);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\treturn list;\r\n};\r\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/css-loader/lib/css-base.js\n ** module id = 3\n ** module chunks = 0\n **/","module.exports = \"data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAeAAD/4QMfaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzA2NyA3OS4xNTc3NDcsIDIwMTUvMDMvMzAtMjM6NDA6NDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2NjQ3NUZBM0Y4RDExRTY4NzJCRDdCNkZCQTQ0MjNBIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2NjQ3NUY5M0Y4RDExRTY4NzJCRDdCNkZCQTQ0MjNBIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSI5OENEMEFFRjM0NTI1NjE0NEREQkU4RjkxRjAwNjM3NiIgc3RSZWY6ZG9jdW1lbnRJRD0iOThDRDBBRUYzNDUyNTYxNDREREJFOEY5MUYwMDYzNzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAQCwsLDAsQDAwQFw8NDxcbFBAQFBsfFxcXFxcfHhca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\"\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./src/default.jpg\n ** module id = 4\n ** module chunks = 0\n **/","/*\r\n\tMIT License http://www.opensource.org/licenses/mit-license.php\r\n\tAuthor Tobias Koppers @sokra\r\n*/\r\nvar stylesInDom = {},\r\n\tmemoize = function(fn) {\r\n\t\tvar memo;\r\n\t\treturn function () {\r\n\t\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\r\n\t\t\treturn memo;\r\n\t\t};\r\n\t},\r\n\tisOldIE = memoize(function() {\r\n\t\treturn /msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase());\r\n\t}),\r\n\tgetHeadElement = memoize(function () {\r\n\t\treturn document.head || document.getElementsByTagName(\"head\")[0];\r\n\t}),\r\n\tsingletonElement = null,\r\n\tsingletonCounter = 0,\r\n\tstyleElementsInsertedAtTop = [];\r\n\r\nmodule.exports = function(list, options) {\r\n\tif(typeof DEBUG !== \"undefined\" && DEBUG) {\r\n\t\tif(typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\r\n\t}\r\n\r\n\toptions = options || {};\r\n\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\r\n\t// tags it will allow on a page\r\n\tif (typeof options.singleton === \"undefined\") options.singleton = isOldIE();\r\n\r\n\t// By default, add <style> tags to the bottom of <head>.\r\n\tif (typeof options.insertAt === \"undefined\") options.insertAt = \"bottom\";\r\n\r\n\tvar styles = listToStyles(list);\r\n\taddStylesToDom(styles, options);\r\n\r\n\treturn function update(newList) {\r\n\t\tvar mayRemove = [];\r\n\t\tfor(var i = 0; i < styles.length; i++) {\r\n\t\t\tvar item = styles[i];\r\n\t\t\tvar domStyle = stylesInDom[item.id];\r\n\t\t\tdomStyle.refs--;\r\n\t\t\tmayRemove.push(domStyle);\r\n\t\t}\r\n\t\tif(newList) {\r\n\t\t\tvar newStyles = listToStyles(newList);\r\n\t\t\taddStylesToDom(newStyles, options);\r\n\t\t}\r\n\t\tfor(var i = 0; i < mayRemove.length; i++) {\r\n\t\t\tvar domStyle = mayRemove[i];\r\n\t\t\tif(domStyle.refs === 0) {\r\n\t\t\t\tfor(var j = 0; j < domStyle.parts.length; j++)\r\n\t\t\t\t\tdomStyle.parts[j]();\r\n\t\t\t\tdelete stylesInDom[domStyle.id];\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}\r\n\r\nfunction addStylesToDom(styles, options) {\r\n\tfor(var i = 0; i < styles.length; i++) {\r\n\t\tvar item = styles[i];\r\n\t\tvar domStyle = stylesInDom[item.id];\r\n\t\tif(domStyle) {\r\n\t\t\tdomStyle.refs++;\r\n\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts[j](item.parts[j]);\r\n\t\t\t}\r\n\t\t\tfor(; j < item.parts.length; j++) {\r\n\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tvar parts = [];\r\n\t\t\tfor(var j = 0; j < item.parts.length; j++) {\r\n\t\t\t\tparts.push(addStyle(item.parts[j], options));\r\n\t\t\t}\r\n\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction listToStyles(list) {\r\n\tvar styles = [];\r\n\tvar newStyles = {};\r\n\tfor(var i = 0; i < list.length; i++) {\r\n\t\tvar item = list[i];\r\n\t\tvar id = item[0];\r\n\t\tvar css = item[1];\r\n\t\tvar media = item[2];\r\n\t\tvar sourceMap = item[3];\r\n\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\r\n\t\tif(!newStyles[id])\r\n\t\t\tstyles.push(newStyles[id] = {id: id, parts: [part]});\r\n\t\telse\r\n\t\t\tnewStyles[id].parts.push(part);\r\n\t}\r\n\treturn styles;\r\n}\r\n\r\nfunction insertStyleElement(options, styleElement) {\r\n\tvar head = getHeadElement();\r\n\tvar lastStyleElementInsertedAtTop = styleElementsInsertedAtTop[styleElementsInsertedAtTop.length - 1];\r\n\tif (options.insertAt === \"top\") {\r\n\t\tif(!lastStyleElementInsertedAtTop) {\r\n\t\t\thead.insertBefore(styleElement, head.firstChild);\r\n\t\t} else if(lastStyleElementInsertedAtTop.nextSibling) {\r\n\t\t\thead.insertBefore(styleElement, lastStyleElementInsertedAtTop.nextSibling);\r\n\t\t} else {\r\n\t\t\thead.appendChild(styleElement);\r\n\t\t}\r\n\t\tstyleElementsInsertedAtTop.push(styleElement);\r\n\t} else if (options.insertAt === \"bottom\") {\r\n\t\thead.appendChild(styleElement);\r\n\t} else {\r\n\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\r\n\t}\r\n}\r\n\r\nfunction removeStyleElement(styleElement) {\r\n\tstyleElement.parentNode.removeChild(styleElement);\r\n\tvar idx = styleElementsInsertedAtTop.indexOf(styleElement);\r\n\tif(idx >= 0) {\r\n\t\tstyleElementsInsertedAtTop.splice(idx, 1);\r\n\t}\r\n}\r\n\r\nfunction createStyleElement(options) {\r\n\tvar styleElement = document.createElement(\"style\");\r\n\tstyleElement.type = \"text/css\";\r\n\tinsertStyleElement(options, styleElement);\r\n\treturn styleElement;\r\n}\r\n\r\nfunction createLinkElement(options) {\r\n\tvar linkElement = document.createElement(\"link\");\r\n\tlinkElement.rel = \"stylesheet\";\r\n\tinsertStyleElement(options, linkElement);\r\n\treturn linkElement;\r\n}\r\n\r\nfunction addStyle(obj, options) {\r\n\tvar styleElement, update, remove;\r\n\r\n\tif (options.singleton) {\r\n\t\tvar styleIndex = singletonCounter++;\r\n\t\tstyleElement = singletonElement || (singletonElement = createStyleElement(options));\r\n\t\tupdate = applyToSingletonTag.bind(null, styleElement, styleIndex, false);\r\n\t\tremove = applyToSingletonTag.bind(null, styleElement, styleIndex, true);\r\n\t} else if(obj.sourceMap &&\r\n\t\ttypeof URL === \"function\" &&\r\n\t\ttypeof URL.createObjectURL === \"function\" &&\r\n\t\ttypeof URL.revokeObjectURL === \"function\" &&\r\n\t\ttypeof Blob === \"function\" &&\r\n\t\ttypeof btoa === \"function\") {\r\n\t\tstyleElement = createLinkElement(options);\r\n\t\tupdate = updateLink.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tremoveStyleElement(styleElement);\r\n\t\t\tif(styleElement.href)\r\n\t\t\t\tURL.revokeObjectURL(styleElement.href);\r\n\t\t};\r\n\t} else {\r\n\t\tstyleElement = createStyleElement(options);\r\n\t\tupdate = applyToTag.bind(null, styleElement);\r\n\t\tremove = function() {\r\n\t\t\tremoveStyleElement(styleElement);\r\n\t\t};\r\n\t}\r\n\r\n\tupdate(obj);\r\n\r\n\treturn function updateStyle(newObj) {\r\n\t\tif(newObj) {\r\n\t\t\tif(newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap)\r\n\t\t\t\treturn;\r\n\t\t\tupdate(obj = newObj);\r\n\t\t} else {\r\n\t\t\tremove();\r\n\t\t}\r\n\t};\r\n}\r\n\r\nvar replaceText = (function () {\r\n\tvar textStore = [];\r\n\r\n\treturn function (index, replacement) {\r\n\t\ttextStore[index] = replacement;\r\n\t\treturn textStore.filter(Boolean).join('\\n');\r\n\t};\r\n})();\r\n\r\nfunction applyToSingletonTag(styleElement, index, remove, obj) {\r\n\tvar css = remove ? \"\" : obj.css;\r\n\r\n\tif (styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = replaceText(index, css);\r\n\t} else {\r\n\t\tvar cssNode = document.createTextNode(css);\r\n\t\tvar childNodes = styleElement.childNodes;\r\n\t\tif (childNodes[index]) styleElement.removeChild(childNodes[index]);\r\n\t\tif (childNodes.length) {\r\n\t\t\tstyleElement.insertBefore(cssNode, childNodes[index]);\r\n\t\t} else {\r\n\t\t\tstyleElement.appendChild(cssNode);\r\n\t\t}\r\n\t}\r\n}\r\n\r\nfunction applyToTag(styleElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar media = obj.media;\r\n\r\n\tif(media) {\r\n\t\tstyleElement.setAttribute(\"media\", media)\r\n\t}\r\n\r\n\tif(styleElement.styleSheet) {\r\n\t\tstyleElement.styleSheet.cssText = css;\r\n\t} else {\r\n\t\twhile(styleElement.firstChild) {\r\n\t\t\tstyleElement.removeChild(styleElement.firstChild);\r\n\t\t}\r\n\t\tstyleElement.appendChild(document.createTextNode(css));\r\n\t}\r\n}\r\n\r\nfunction updateLink(linkElement, obj) {\r\n\tvar css = obj.css;\r\n\tvar sourceMap = obj.sourceMap;\r\n\r\n\tif(sourceMap) {\r\n\t\t// http://stackoverflow.com/a/26603875\r\n\t\tcss += \"\\n/*# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" */\";\r\n\t}\r\n\r\n\tvar blob = new Blob([css], { type: \"text/css\" });\r\n\r\n\tvar oldSrc = linkElement.href;\r\n\r\n\tlinkElement.href = URL.createObjectURL(blob);\r\n\r\n\tif(oldSrc)\r\n\t\tURL.revokeObjectURL(oldSrc);\r\n}\r\n\n\n\n/*****************\n ** WEBPACK FOOTER\n ** ./~/style-loader/addStyles.js\n ** module id = 5\n ** module chunks = 0\n **/"],"sourceRoot":""}
\ No newline at end of file
diff --git a/dist/default.jpg b/dist/default.jpg
deleted file mode 100644
index 4559258..0000000
Binary files a/dist/default.jpg and /dev/null differ
diff --git a/gulpfile.js b/gulpfile.js
deleted file mode 100644
index e72f0cd..0000000
--- a/gulpfile.js
+++ /dev/null
@@ -1,71 +0,0 @@
-var gulp        = require('gulp');
-var sass        = require('gulp-sass');
-var prefix      = require('gulp-autoprefixer');
-var uglify      = require('gulp-uglify');
-var concat      = require('gulp-concat');
-var cssNano     = require('gulp-cssnano');
-var rename      = require('gulp-rename');
-var babel       = require("gulp-babel");
-var sourcemaps  = require("gulp-sourcemaps");
-var browserSync = require('browser-sync').create();
-
-// Launch the server
-gulp.task('browser-sync', function() {
-    browserSync.init({
-        server: {
-            baseDir: './'
-        },
-        startPath: '/demo'
-    });
-});
-
-// Move files
-gulp.task('copy', function () {
-    gulp.src('src/font/*')
-        .pipe(gulp.dest('dist/font'));
-    gulp.src(['src/*.jpg', 'src/*.png'])
-        .pipe(gulp.dest('dist'));
-});
-
-// Build js files
-gulp.task('compressJS', function() {
-    gulp.src(['src/*.js'])
-        .pipe(sourcemaps.init())
-        .pipe(babel({
-            presets: ['es2015']
-        }))
-        .pipe(uglify())
-        .pipe(rename({
-            suffix: ".min"
-        }))
-        .pipe(sourcemaps.write("."))
-        .pipe(gulp.dest('dist'))
-        .pipe(browserSync.stream());
-});
-
-// Build css files
-gulp.task('compressCSS', function() {
-    gulp.src('src/*.scss')
-        .pipe(sass())
-        .pipe(prefix(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], { cascade: true }))
-        .pipe(cssNano())
-        .pipe(rename({
-            suffix: ".min"
-        }))
-        .pipe(gulp.dest('dist'))
-        .pipe(browserSync.stream());
-});
-
-// Watch files for changes & recompile
-gulp.task('watch', function () {
-    gulp.watch(['src/*.js'], ['compressJS']);
-    gulp.watch(['src/*.scss'], ['compressCSS']);
-    gulp.watch('demo/*.html').on('change', browserSync.reload);
-    gulp.watch('demo/font/*', ['copy']);
-});
-
-// compile the project, including move font, compress js and scss, also be used to test
-gulp.task('release', ['copy', 'compressJS', 'compressCSS']);
-
-// Default task, running just `gulp` will move font, compress js and scss, launch server, watch files.
-gulp.task('default', ['release', 'browser-sync', 'watch']);
\ No newline at end of file
diff --git a/package.json b/package.json
index c65b202..e1eeb41 100644
--- a/package.json
+++ b/package.json
@@ -1,12 +1,11 @@
 {
   "name": "aplayer",
-  "version": "1.4.8",
+  "version": "1.5.0",
   "description": "Wow, such a beautiful html5 music player",
   "main": "dist/APlayer.min.js",
   "scripts": {
-    "test": "gulp release",
-    "dev": "gulp",
-    "build": "gulp release"
+    "test": "webpack",
+    "start": "webpack-dev-server --hot --progress --inline"
   },
   "repository": {
     "type": "git",
@@ -24,16 +23,18 @@
   },
   "homepage": "https://github.com/DIYgod/APlayer#readme",
   "devDependencies": {
-    "babel-preset-es2015": "^6.6.0",
-    "browser-sync": "^2.12.4",
-    "gulp": "^3.9.1",
-    "gulp-autoprefixer": "^3.1.0",
-    "gulp-babel": "^6.1.2",
-    "gulp-concat": "^2.6.0",
-    "gulp-cssnano": "^2.1.2",
-    "gulp-rename": "^1.2.2",
-    "gulp-sass": "^2.3.1",
-    "gulp-sourcemaps": "^1.6.0",
-    "gulp-uglify": "^1.5.3"
+    "autoprefixer": "^6.3.7",
+    "babel-loader": "^6.2.4",
+    "babel-preset-es2015": "^6.9.0",
+    "css-loader": "^0.23.1",
+    "exports-loader": "^0.6.3",
+    "file-loader": "^0.9.0",
+    "node-sass": "^3.8.0",
+    "postcss-loader": "^0.9.1",
+    "sass-loader": "^4.0.0",
+    "style-loader": "^0.13.1",
+    "url-loader": "^0.5.7",
+    "webpack": "^1.13.1",
+    "webpack-dev-server": "^1.9.0"
   }
 }
diff --git a/src/APlayer.js b/src/APlayer.js
index d9a0e20..8e63a1f 100644
--- a/src/APlayer.js
+++ b/src/APlayer.js
@@ -1,718 +1,714 @@
-((instances) => {
+require('./APlayer.scss');
 
-    class APlayer {
-        /**
-         * APlayer constructor function
-         *
-         * @param {Object} option - See README
-         * @constructor
-         */
-        constructor(option) {
-            this.svg = {
-                'play': ['0 0 16 31', 'M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z'],
-                'pause': ['0 0 17 32', 'M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z'],
-                'volume-up': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528zM25.152 16q0 2.72-1.536 5.056t-4 3.36q-0.256 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.704 0.672-1.056 1.024-0.512 1.376-0.8 1.312-0.96 2.048-2.4t0.736-3.104-0.736-3.104-2.048-2.4q-0.352-0.288-1.376-0.8-0.672-0.352-0.672-1.056 0-0.448 0.32-0.8t0.8-0.352q0.224 0 0.48 0.096 2.496 1.056 4 3.36t1.536 5.056zM29.728 16q0 4.096-2.272 7.552t-6.048 5.056q-0.224 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.64 0.704-1.056 0.128-0.064 0.384-0.192t0.416-0.192q0.8-0.448 1.44-0.896 2.208-1.632 3.456-4.064t1.216-5.152-1.216-5.152-3.456-4.064q-0.64-0.448-1.44-0.896-0.128-0.096-0.416-0.192t-0.384-0.192q-0.704-0.416-0.704-1.056 0-0.448 0.32-0.8t0.832-0.352q0.224 0 0.448 0.096 3.776 1.632 6.048 5.056t2.272 7.552z'],
-                'volume-down': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z'],
-                'volume-off': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8z'],
-                'loop': ['0 0 29 32', 'M25.6 9.92q1.344 0 2.272 0.928t0.928 2.272v9.28q0 1.28-0.928 2.24t-2.272 0.96h-22.4q-1.28 0-2.24-0.96t-0.96-2.24v-9.28q0-1.344 0.96-2.272t2.24-0.928h8v-3.52l6.4 5.76-6.4 5.76v-3.52h-6.72v6.72h19.84v-6.72h-4.8v-4.48h6.080z'],
-                'menu': ['0 0 22 32', 'M20.8 14.4q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2zM1.6 11.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2zM20.8 20.8q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2z']
-            };
-            this.getSVG = (type) => {
-                return `
-                    <svg xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" version="1.1" viewBox="${this.svg[type][0]}" width="100%">
-                        <use xlink:href="#aplayer-${type}"></use>
-                        <path class="aplayer-fill" d="${this.svg[type][1]}" id="aplayer-${type}"></path>
-                    </svg>
-                `;
-            };
+let instances = [];
 
-            this.isMobile = /mobile/i.test(window.navigator.userAgent);
-            // compatibility: some mobile browsers don't suppose autoplay
-            if (this.isMobile) {
-                option.autoplay = false;
-            }
+class APlayer {
+    /**
+     * APlayer constructor function
+     *
+     * @param {Object} option - See README
+     * @constructor
+     */
+    constructor(option) {
+        this.svg = {
+            'play': ['0 0 16 31', 'M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z'],
+            'pause': ['0 0 17 32', 'M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z'],
+            'volume-up': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528zM25.152 16q0 2.72-1.536 5.056t-4 3.36q-0.256 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.704 0.672-1.056 1.024-0.512 1.376-0.8 1.312-0.96 2.048-2.4t0.736-3.104-0.736-3.104-2.048-2.4q-0.352-0.288-1.376-0.8-0.672-0.352-0.672-1.056 0-0.448 0.32-0.8t0.8-0.352q0.224 0 0.48 0.096 2.496 1.056 4 3.36t1.536 5.056zM29.728 16q0 4.096-2.272 7.552t-6.048 5.056q-0.224 0.096-0.448 0.096-0.48 0-0.832-0.352t-0.32-0.8q0-0.64 0.704-1.056 0.128-0.064 0.384-0.192t0.416-0.192q0.8-0.448 1.44-0.896 2.208-1.632 3.456-4.064t1.216-5.152-1.216-5.152-3.456-4.064q-0.64-0.448-1.44-0.896-0.128-0.096-0.416-0.192t-0.384-0.192q-0.704-0.416-0.704-1.056 0-0.448 0.32-0.8t0.832-0.352q0.224 0 0.448 0.096 3.776 1.632 6.048 5.056t2.272 7.552z'],
+            'volume-down': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8zM20.576 16q0 1.344-0.768 2.528t-2.016 1.664q-0.16 0.096-0.448 0.096-0.448 0-0.8-0.32t-0.32-0.832q0-0.384 0.192-0.64t0.544-0.448 0.608-0.384 0.512-0.64 0.192-1.024-0.192-1.024-0.512-0.64-0.608-0.384-0.544-0.448-0.192-0.64q0-0.48 0.32-0.832t0.8-0.32q0.288 0 0.448 0.096 1.248 0.48 2.016 1.664t0.768 2.528z'],
+            'volume-off': ['0 0 28 32', 'M13.728 6.272v19.456q0 0.448-0.352 0.8t-0.8 0.32-0.8-0.32l-5.952-5.952h-4.672q-0.48 0-0.8-0.352t-0.352-0.8v-6.848q0-0.48 0.352-0.8t0.8-0.352h4.672l5.952-5.952q0.32-0.32 0.8-0.32t0.8 0.32 0.352 0.8z'],
+            'loop': ['0 0 29 32', 'M25.6 9.92q1.344 0 2.272 0.928t0.928 2.272v9.28q0 1.28-0.928 2.24t-2.272 0.96h-22.4q-1.28 0-2.24-0.96t-0.96-2.24v-9.28q0-1.344 0.96-2.272t2.24-0.928h8v-3.52l6.4 5.76-6.4 5.76v-3.52h-6.72v6.72h19.84v-6.72h-4.8v-4.48h6.080z'],
+            'menu': ['0 0 22 32', 'M20.8 14.4q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2zM1.6 11.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2zM20.8 20.8q0.704 0 1.152 0.48t0.448 1.12-0.48 1.12-1.12 0.48h-19.2q-0.64 0-1.12-0.48t-0.48-1.12 0.448-1.12 1.152-0.48h19.2z']
+        };
+        this.getSVG = (type) => {
+            return `
+                <svg xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" version="1.1" viewBox="${this.svg[type][0]}" width="100%">
+                    <use xlink:href="#aplayer-${type}"></use>
+                    <path class="aplayer-fill" d="${this.svg[type][1]}" id="aplayer-${type}"></path>
+                </svg>
+            `;
+        };
 
-            // default options
-            const defaultOption = {
-                element: document.getElementsByClassName('aplayer')[0],
-                narrow: false,
-                autoplay: false,
-                mutex: true,
-                showlrc: 0,
-                theme: '#b7daff',
-                loop: true
-            };
-            for (let defaultKey in defaultOption) {
-                if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {
-                    option[defaultKey] = defaultOption[defaultKey];
-                }
-            }
+        this.isMobile = /mobile/i.test(window.navigator.userAgent);
+        // compatibility: some mobile browsers don't suppose autoplay
+        if (this.isMobile) {
+            option.autoplay = false;
+        }
 
-            // multiple music
-            this.playIndex = Object.prototype.toString.call(option.music) === '[object Array]' ? 0 : -1;
-
-            this.option = option;
-            this.audios = [];
-            this.loop = option.loop;
-
-            /**
-             * Parse second to 00:00 format
-             *
-             * @param {Number} second
-             * @return {String} 00:00 format
-             */
-            this.secondToTime = (second) => {
-                const add0 = (num) => {
-                    return num < 10 ? '0' + num : '' + num;
-                };
-                const min = parseInt(second / 60);
-                const sec = parseInt(second - min * 60);
-                return add0(min) + ':' + add0(sec);
-            };
-
-            /**
-             * Parse lrc, suppose multiple time tag
-             *
-             * @param {Array} arr - Format:
-             * [mm:ss.xx]lyric
-             * [mm:ss.xxx]lyric
-             * [mm:ss.xx][mm:ss.xx][mm:ss.xx]lyric
-             *
-             * @return {Array} [[[time, text], [time, text], [time, text], ...], [[time, text], [time, text], [time, text], ...], ...]
-             */
-            this.parseLrc = (arr) => {
-                let lrcs = [];
-                for (let k = 0; k < arr.length; k++) {
-                    const lyric = arr[k].split('\n');
-                    let lrc = [];
-                    const lyricLen = lyric.length;
-                    for (let i = 0; i < lyricLen; i++) {
-                        // match lrc time
-                        const lrcTimes = lyric[i].match(/\[(\d{2}):(\d{2})\.(\d{2,3})]/g);
-                        // match lrc text
-                        const lrcText = lyric[i].replace(/\[(\d{2}):(\d{2})\.(\d{2,3})]/g, '').replace(/^\s+|\s+$/g, '');
-
-                        if (lrcTimes != null) {
-                            // handle multiple time tag
-                            const timeLen = lrcTimes.length;
-                            for (let j = 0; j < timeLen; j++) {
-                                const oneTime = /\[(\d{2}):(\d{2})\.(\d{2,3})]/.exec(lrcTimes[j]);
-                                const lrcTime = (oneTime[1]) * 60 + parseInt(oneTime[2]) + parseInt(oneTime[3]) / ((oneTime[3] + '').length === 2 ? 100 : 1000);
-                                lrc.push([lrcTime, lrcText]);
-                            }
-                        }
-                    }
-                    // sort by time
-                    lrc.sort((a, b) => a[0] - b[0]);
-                    lrcs.push(lrc);
-                }
-                return lrcs;
-            };
-
-            /**
-             * Update progress bar, including loading progress bar and play progress bar
-             *
-             * @param {String} type - Point out which bar it is, should be played loaded or volume
-             * @param {Number} percentage
-             * @param {String} direction - Point out the direction of this bar, Should be height or width
-             */
-            this.updateBar = (type, percentage, direction) => {
-                percentage = percentage > 0 ? percentage : 0;
-                percentage = percentage < 1 ? percentage : 1;
-                this[type + 'Bar'].style[direction] = percentage * 100 + '%';
-            };
-
-            /**
-             * Update lrc
-             *
-             * @param {Number} currentTime
-             */
-            this.updateLrc = (currentTime = this.audio.currentTime) => {
-                if (this.lrcIndex > this.lrc.length - 1 || currentTime < this.lrc[this.lrcIndex][0] || (!this.lrc[this.lrcIndex + 1] || currentTime >= this.lrc[this.lrcIndex + 1][0])) {
-                    for (let i = 0; i < this.lrc.length; i++) {
-                        if (currentTime >= this.lrc[i][0] && (!this.lrc[i + 1] || currentTime < this.lrc[i + 1][0])) {
-                            this.lrcIndex = i;
-                            this.lrcContents.style.transform = `translateY(${-this.lrcIndex * 20}px)`;
-                            this.lrcContents.style.webkitTransform = `translateY(${-this.lrcIndex * 20}px)`;
-                            this.lrcContents.getElementsByClassName('aplayer-lrc-current')[0].classList.remove('aplayer-lrc-current');
-                            this.lrcContents.getElementsByTagName('p')[i].classList.add('aplayer-lrc-current');
-                        }
-                    }
-                }
-            };
-
-            // define APlayer events
-            this.eventTypes = ['play', 'pause', 'canplay', 'playing', 'ended', 'error'];
-            this.event = {};
-            for (let i = 0; i < this.eventTypes.length; i++) {
-                this.event[this.eventTypes[i]] = [];
-            }
-            this.trigger = (type) => {
-                for (let i = 0; i < this.event[type].length; i++) {
-                    this.event[type][i]();
-                }
+        // default options
+        const defaultOption = {
+            element: document.getElementsByClassName('aplayer')[0],
+            narrow: false,
+            autoplay: false,
+            mutex: true,
+            showlrc: 0,
+            theme: '#b7daff',
+            loop: true
+        };
+        for (let defaultKey in defaultOption) {
+            if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {
+                option[defaultKey] = defaultOption[defaultKey];
             }
         }
 
-        /**
-         * AutoLink initialization function
-         */
-        init() {
-            this.element = this.option.element;
-            this.multiple = this.playIndex > -1;
-            this.music = this.multiple ? this.option.music[this.playIndex] : this.option.music;
+        // multiple music
+        this.playIndex = Object.prototype.toString.call(option.music) === '[object Array]' ? 0 : -1;
 
-            let i;
-            // parser lrc
-            if (this.option.showlrc) {
-                let lrcs = [];
-                if (this.option.showlrc === 1) {
-                    if (this.multiple) {
-                        for (i = 0; i < this.option.music.length; i++) {
-                            lrcs.push(this.option.music[i].lrc);
+        this.option = option;
+        this.audios = [];
+        this.loop = option.loop;
+
+        /**
+         * Parse second to 00:00 format
+         *
+         * @param {Number} second
+         * @return {String} 00:00 format
+         */
+        this.secondToTime = (second) => {
+            const add0 = (num) => {
+                return num < 10 ? '0' + num : '' + num;
+            };
+            const min = parseInt(second / 60);
+            const sec = parseInt(second - min * 60);
+            return add0(min) + ':' + add0(sec);
+        };
+
+        /**
+         * Parse lrc, suppose multiple time tag
+         *
+         * @param {Array} arr - Format:
+         * [mm:ss.xx]lyric
+         * [mm:ss.xxx]lyric
+         * [mm:ss.xx][mm:ss.xx][mm:ss.xx]lyric
+         *
+         * @return {Array} [[[time, text], [time, text], [time, text], ...], [[time, text], [time, text], [time, text], ...], ...]
+         */
+        this.parseLrc = (arr) => {
+            let lrcs = [];
+            for (let k = 0; k < arr.length; k++) {
+                const lyric = arr[k].split('\n');
+                let lrc = [];
+                const lyricLen = lyric.length;
+                for (let i = 0; i < lyricLen; i++) {
+                    // match lrc time
+                    const lrcTimes = lyric[i].match(/\[(\d{2}):(\d{2})\.(\d{2,3})]/g);
+                    // match lrc text
+                    const lrcText = lyric[i].replace(/\[(\d{2}):(\d{2})\.(\d{2,3})]/g, '').replace(/^\s+|\s+$/g, '');
+
+                    if (lrcTimes != null) {
+                        // handle multiple time tag
+                        const timeLen = lrcTimes.length;
+                        for (let j = 0; j < timeLen; j++) {
+                            const oneTime = /\[(\d{2}):(\d{2})\.(\d{2,3})]/.exec(lrcTimes[j]);
+                            const lrcTime = (oneTime[1]) * 60 + parseInt(oneTime[2]) + parseInt(oneTime[3]) / ((oneTime[3] + '').length === 2 ? 100 : 1000);
+                            lrc.push([lrcTime, lrcText]);
                         }
                     }
-                    else {
-                        lrcs.push(this.option.music.lrc);
+                }
+                // sort by time
+                lrc.sort((a, b) => a[0] - b[0]);
+                lrcs.push(lrc);
+            }
+            return lrcs;
+        };
+
+        /**
+         * Update progress bar, including loading progress bar and play progress bar
+         *
+         * @param {String} type - Point out which bar it is, should be played loaded or volume
+         * @param {Number} percentage
+         * @param {String} direction - Point out the direction of this bar, Should be height or width
+         */
+        this.updateBar = (type, percentage, direction) => {
+            percentage = percentage > 0 ? percentage : 0;
+            percentage = percentage < 1 ? percentage : 1;
+            this[type + 'Bar'].style[direction] = percentage * 100 + '%';
+        };
+
+        /**
+         * Update lrc
+         *
+         * @param {Number} currentTime
+         */
+        this.updateLrc = (currentTime = this.audio.currentTime) => {
+            if (this.lrcIndex > this.lrc.length - 1 || currentTime < this.lrc[this.lrcIndex][0] || (!this.lrc[this.lrcIndex + 1] || currentTime >= this.lrc[this.lrcIndex + 1][0])) {
+                for (let i = 0; i < this.lrc.length; i++) {
+                    if (currentTime >= this.lrc[i][0] && (!this.lrc[i + 1] || currentTime < this.lrc[i + 1][0])) {
+                        this.lrcIndex = i;
+                        this.lrcContents.style.transform = `translateY(${-this.lrcIndex * 20}px)`;
+                        this.lrcContents.style.webkitTransform = `translateY(${-this.lrcIndex * 20}px)`;
+                        this.lrcContents.getElementsByClassName('aplayer-lrc-current')[0].classList.remove('aplayer-lrc-current');
+                        this.lrcContents.getElementsByTagName('p')[i].classList.add('aplayer-lrc-current');
                     }
                 }
-                else if (this.option.showlrc === 2 || this.option.showlrc === true)  {
-                    for (i = 0; i < this.element.getElementsByClassName('aplayer-lrc-content').length; i++) {
-                        lrcs.push(this.element.getElementsByClassName('aplayer-lrc-content')[i].innerHTML);
+            }
+        };
+
+        // define APlayer events
+        this.eventTypes = ['play', 'pause', 'canplay', 'playing', 'ended', 'error'];
+        this.event = {};
+        for (let i = 0; i < this.eventTypes.length; i++) {
+            this.event[this.eventTypes[i]] = [];
+        }
+        this.trigger = (type) => {
+            for (let i = 0; i < this.event[type].length; i++) {
+                this.event[type][i]();
+            }
+        }
+    }
+
+    /**
+     * AutoLink initialization function
+     */
+    init() {
+        this.element = this.option.element;
+        this.multiple = this.playIndex > -1;
+        this.music = this.multiple ? this.option.music[this.playIndex] : this.option.music;
+
+        let i;
+        // parser lrc
+        if (this.option.showlrc) {
+            let lrcs = [];
+            if (this.option.showlrc === 1) {
+                if (this.multiple) {
+                    for (i = 0; i < this.option.music.length; i++) {
+                        lrcs.push(this.option.music[i].lrc);
                     }
                 }
-
-                this.lrcs = this.parseLrc(lrcs);
+                else {
+                    lrcs.push(this.option.music.lrc);
+                }
+            }
+            else if (this.option.showlrc === 2 || this.option.showlrc === true)  {
+                for (i = 0; i < this.element.getElementsByClassName('aplayer-lrc-content').length; i++) {
+                    lrcs.push(this.element.getElementsByClassName('aplayer-lrc-content')[i].innerHTML);
+                }
             }
 
-            // add class aplayer-withlrc
-            if (this.option.showlrc) {
-                this.element.classList.add('aplayer-withlrc');
-            }
+            this.lrcs = this.parseLrc(lrcs);
+        }
 
-            // fill in HTML
-            let eleHTML = `
-                <div class="aplayer-pic" ${(this.music.pic ? (`style="background-image: url('${this.music.pic}');"`) : ``)}>
-                    <div class="aplayer-button aplayer-play">
-                        <button class="aplayer-icon aplayer-icon-play">`
-                +           this.getSVG('play')
-                + `     </button>
+        // add class aplayer-withlrc
+        if (this.option.showlrc) {
+            this.element.classList.add('aplayer-withlrc');
+        }
+
+        // fill in HTML
+        let eleHTML = `
+            <div class="aplayer-pic" ${(this.music.pic ? (`style="background-image: url('${this.music.pic}');"`) : ``)}>
+                <div class="aplayer-button aplayer-play">
+                    <button class="aplayer-icon aplayer-icon-play">`
+            +           this.getSVG('play')
+            + `     </button>
+                </div>
+            </div>
+            <div class="aplayer-info">
+                <div class="aplayer-music">
+                    <span class="aplayer-title"></span>
+                    <span class="aplayer-author"></span>
+                </div>
+                <div class="aplayer-lrc">
+                    <div class="aplayer-lrc-contents" style="transform: translateY(0); -webkit-transform: translateY(0);"></div>
+                </div>
+                <div class="aplayer-controller">
+                    <div class="aplayer-bar-wrap">
+                        <div class="aplayer-bar">
+                            <div class="aplayer-loaded" style="width: 0"></div>
+                            <div class="aplayer-played" style="width: 0; background: ${this.option.theme};">
+                                <span class="aplayer-thumb" style="border: 1px solid ${this.option.theme};"></span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="aplayer-time">
+                        <span class="aplayer-time-inner">
+                            - <span class="aplayer-ptime">00:00</span> / <span class="aplayer-dtime">00:00</span>
+                        </span>
+                        <div class="aplayer-volume-wrap">
+                            <button class="aplayer-icon aplayer-icon-volume-down">`
+            +                   this.getSVG('volume-down')
+            + `             </button>
+                            <div class="aplayer-volume-bar-wrap">
+                                <div class="aplayer-volume-bar">
+                                    <div class="aplayer-volume" style="height: 80%; background: ${this.option.theme};"></div>
+                                </div>
+                            </div>
+                        </div>
+                        <button class="aplayer-icon aplayer-icon-loop${(this.loop ? `` : ` aplayer-noloop`)}">`
+            +               this.getSVG('loop')
+            + `         </button>
+                        ${(this.multiple ? `<button class="aplayer-icon aplayer-icon-menu">`
+            +               this.getSVG('menu')
+            + `         </button>` : ``)}
                     </div>
                 </div>
-                <div class="aplayer-info">
-                    <div class="aplayer-music">
-                        <span class="aplayer-title"></span>
-                        <span class="aplayer-author"></span>
-                    </div>
-                    <div class="aplayer-lrc">
-                        <div class="aplayer-lrc-contents" style="transform: translateY(0); -webkit-transform: translateY(0);"></div>
-                    </div>
-                    <div class="aplayer-controller">
-                        <div class="aplayer-bar-wrap">
-                            <div class="aplayer-bar">
-                                <div class="aplayer-loaded" style="width: 0"></div>
-                                <div class="aplayer-played" style="width: 0; background: ${this.option.theme};">
-                                    <span class="aplayer-thumb" style="border: 1px solid ${this.option.theme};"></span>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="aplayer-time">
-                            <span class="aplayer-time-inner">
-                                - <span class="aplayer-ptime">00:00</span> / <span class="aplayer-dtime">00:00</span>
-                            </span>
-                            <div class="aplayer-volume-wrap">
-                                <button class="aplayer-icon aplayer-icon-volume-down">`
-                +                   this.getSVG('volume-down')
-                + `             </button>
-                                <div class="aplayer-volume-bar-wrap">
-                                    <div class="aplayer-volume-bar">
-                                        <div class="aplayer-volume" style="height: 80%; background: ${this.option.theme};"></div>
-                                    </div>
-                                </div>
-                            </div>
-                            <button class="aplayer-icon aplayer-icon-loop${(this.loop ? `` : ` aplayer-noloop`)}">`
-                +               this.getSVG('loop')
-                + `         </button>
-                            ${(this.multiple ? `<button class="aplayer-icon aplayer-icon-menu">`
-                +               this.getSVG('menu')
-                + `         </button>` : ``)}
-                        </div>
-                    </div>
-                </div>`;
-            if (this.multiple) {
+            </div>`;
+        if (this.multiple) {
+            eleHTML += `
+            <div class="aplayer-list">
+                <ol>`;
+            for (i = 0; i < this.option.music.length; i++) {
                 eleHTML += `
-                <div class="aplayer-list">
-                    <ol>`;
-                for (i = 0; i < this.option.music.length; i++) {
-                    eleHTML += `
-                        <li>
-                            <span class="aplayer-list-cur" style="background: ${this.option.theme};"></span>
-                            <span class="aplayer-list-index">${(i + 1)}</span>
-                            <span class="aplayer-list-title">${this.option.music[i].title}</span>
-                            <span class="aplayer-list-author">${this.option.music[i].author}</span>
-                        </li>`
-                }
-                eleHTML += `
-                    </ol>
-                </div>`
+                    <li>
+                        <span class="aplayer-list-cur" style="background: ${this.option.theme};"></span>
+                        <span class="aplayer-list-index">${(i + 1)}</span>
+                        <span class="aplayer-list-title">${this.option.music[i].title}</span>
+                        <span class="aplayer-list-author">${this.option.music[i].author}</span>
+                    </li>`
             }
-            this.element.innerHTML = eleHTML;
+            eleHTML += `
+                </ol>
+            </div>`
+        }
+        this.element.innerHTML = eleHTML;
 
-            // hide loop button in arrow container
-            if (this.element.offsetWidth < 300) {
-                this.element.getElementsByClassName('aplayer-icon-loop')[0].style.display = 'none';
-            }
-
-            this.ptime = this.element.getElementsByClassName('aplayer-ptime')[0];
-
-            if (this.element.getElementsByClassName('aplayer-info')[0].offsetWidth < 200) {
-                this.element.getElementsByClassName('aplayer-time')[0].classList.add('aplayer-time-narrow');
-            }
-            // fix the width of aplayer bar
-            this.bar = this.element.getElementsByClassName('aplayer-bar-wrap')[0];
-            this.bar.style.marginRight = this.element.getElementsByClassName('aplayer-time')[0].offsetWidth + 5 + 'px';
-
-            // switch to narrow style
-            if (this.option.narrow) {
-                this.element.classList.add('aplayer-narrow');
-            }
-
-            // play and pause button
-            this.button = this.element.getElementsByClassName('aplayer-button')[0];
-            this.button.addEventListener('click', (e) => {
-                if (this.button.classList.contains('aplayer-play')) {
-                    this.play();
-                }
-                else if (this.button.classList.contains('aplayer-pause')) {
-                    this.pause();
-                }
-            });
-
-            // click music list: change music
-            if (this.multiple) {
-                const listItem = this.element.getElementsByClassName('aplayer-list')[0].getElementsByTagName('li');
-                for (let i = 0; i < this.option.music.length; i++) {
-                    listItem[i].addEventListener('click', () => {
-                        const musicIndex = parseInt(listItem[i].getElementsByClassName('aplayer-list-index')[0].innerHTML) - 1;
-                        if (musicIndex !== this.playIndex) {
-                            this.setMusic(musicIndex);
-                            if (this.isMobile) {
-                                this.pause();
-                            }
-                            else {
-                                this.play();
-                            }
-                        }
-                        else {
-                            this.toggle();
-                        }
-                    });
-                }
-            }
-
-            // control play progress
-            this.playedBar = this.element.getElementsByClassName('aplayer-played')[0];
-            this.loadedBar = this.element.getElementsByClassName('aplayer-loaded')[0];
-            this.thumb = this.element.getElementsByClassName('aplayer-thumb')[0];
-            let barWidth;
-            this.bar.addEventListener('click', (event) => {
-                const e = event || window.event;
-                barWidth = this.bar.clientWidth;
-                const percentage = (e.clientX - getElementViewLeft(this.bar)) / barWidth;
-                this.updateBar('played', percentage, 'width');
-                this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = this.secondToTime(percentage * this.audio.duration);
-                this.audio.currentTime = parseFloat(this.playedBar.style.width) / 100 * this.audio.duration;
-            });
-
-            this.thumb.addEventListener('mouseover', () => {
-                this.thumb.style.background = this.option.theme;
-            });
-            this.thumb.addEventListener('mouseout', () => {
-                this.thumb.style.background = '#fff';
-            });
-
-            const thumbMove = (event) => {
-                const e = event || window.event;
-                let percentage = (e.clientX - getElementViewLeft(this.bar)) / barWidth;
-                percentage = percentage > 0 ? percentage : 0;
-                percentage = percentage < 1 ? percentage : 1;
-                this.updateBar('played', percentage, 'width');
-                if (this.option.showlrc) {
-                    this.updateLrc(parseFloat(this.playedBar.style.width) / 100 * this.audio.duration);
-                }
-                this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = this.secondToTime(percentage * this.audio.duration);
-            };
-
-            const thumbUp = () => {
-                document.removeEventListener('mouseup', thumbUp);
-                document.removeEventListener('mousemove', thumbMove);
-                this.audio.currentTime = parseFloat(this.playedBar.style.width) / 100 * this.audio.duration;
-                this.playedTime = setInterval(() => {
-                    this.updateBar('played', this.audio.currentTime / this.audio.duration, 'width');
-                    if (this.option.showlrc) {
-                        this.updateLrc();
-                    }
-                    this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = this.secondToTime(this.audio.currentTime);
-                    this.trigger('playing');
-                }, 100);
-            };
-
-            this.thumb.addEventListener('mousedown', () => {
-                barWidth = this.bar.clientWidth;
-                clearInterval(this.playedTime);
-                document.addEventListener('mousemove', thumbMove);
-                document.addEventListener('mouseup', thumbUp);
-            });
-
-            // control volume
-            this.volumeBar = this.element.getElementsByClassName('aplayer-volume')[0];
-            const volumeBarWrap = this.element.getElementsByClassName('aplayer-volume-bar')[0];
-            this.volumeicon = this.element.getElementsByClassName('aplayer-time')[0].getElementsByTagName('button')[0];
-            const barHeight = 35;
-            this.element.getElementsByClassName('aplayer-volume-bar-wrap')[0].addEventListener('click', (event) => {
-                const e = event || window.event;
-                let percentage = (barHeight - e.clientY + getElementViewTop(volumeBarWrap)) / barHeight;
-                percentage = percentage > 0 ? percentage : 0;
-                percentage = percentage < 1 ? percentage : 1;
-                this.volume(percentage);
-            });
-            this.volumeicon.addEventListener('click', () => {
-                if (this.audio.muted) {
-                    this.audio.muted = false;
-                    this.volumeicon.className = this.audio.volume === 1 ? 'aplayer-icon aplayer-icon-volume-up' : 'aplayer-icon aplayer-icon-volume-down';
-                    if (this.audio.volume === 1) {
-                        this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-up';
-                        this.volumeicon.innerHTML = this.getSVG('volume-up');
-                    }
-                    else {
-                        this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-down';
-                        this.volumeicon.innerHTML = this.getSVG('volume-down');
-                    }
-                    this.updateBar('volume', this.audio.volume, 'height');
-                }
-                else {
-                    this.audio.muted = true;
-                    this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-off';
-                    this.volumeicon.innerHTML = this.getSVG('volume-off');
-                    this.updateBar('volume', 0, 'height');
-                }
-            });
-
-            // get element's view position
-            function getElementViewLeft(element) {
-                let actualLeft = element.offsetLeft;
-                let current = element.offsetParent;
-                let elementScrollLeft;
-                while (current !== null) {
-                    actualLeft += current.offsetLeft;
-                    current = current.offsetParent;
-                }
-                elementScrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft;
-                return actualLeft - elementScrollLeft;
-            }
-
-            function getElementViewTop(element) {
-                let actualTop = element.offsetTop;
-                let current = element.offsetParent;
-                let elementScrollTop;
-                while (current !== null) {
-                    actualTop += current.offsetTop;
-                    current = current.offsetParent;
-                }
-                elementScrollTop = document.body.scrollTop + document.documentElement.scrollTop;
-                return actualTop - elementScrollTop;
-            }
-
-            // loop control
-            const loopEle = this.element.getElementsByClassName('aplayer-icon-loop')[0];
-            loopEle.addEventListener('click', () => {
-                if (this.loop) {
-                    loopEle.classList.add('aplayer-noloop');
-                    this.loop = false;
-                    this.audio.loop = this.multiple ? false : this.loop;
-                }
-                else {
-                    loopEle.classList.remove('aplayer-noloop');
-                    this.loop = true;
-                    this.audio.loop = this.multiple ? false : this.loop;
-                }
-            });
-
-            // toggle menu control
-            if (this.multiple) {
-                const list = this.element.getElementsByClassName('aplayer-list')[0];
-                list.style.height = list.offsetHeight + 'px';
-                this.element.getElementsByClassName('aplayer-icon-menu')[0].addEventListener('click', () => {
-                    if (!list.classList.contains('aplayer-list-hide')) {
-                        list.classList.add('aplayer-list-hide');
-                    }
-                    else {
-                        list.classList.remove('aplayer-list-hide');
-                    }
-                });
-            }
-
-            this.setMusic(0);
-
-            instances.push(this);
+        // hide loop button in arrow container
+        if (this.element.offsetWidth < 300) {
+            this.element.getElementsByClassName('aplayer-icon-loop')[0].style.display = 'none';
         }
 
-        /**
-         * Set music
-         */
-        setMusic(index) {
-            // get this.music
-            if (this.multiple && typeof(index) !== 'undefined') {
-                this.playIndex = index;
-            }
-            const indexMusic = this.playIndex;
-            this.music = this.multiple ? this.option.music[indexMusic] : this.option.music;
+        this.ptime = this.element.getElementsByClassName('aplayer-ptime')[0];
 
-            // set html
-            if (this.music.pic) {
-                this.element.getElementsByClassName('aplayer-pic')[0].style.backgroundImage = `url('${this.music.pic}')`;
-            }
-            this.element.getElementsByClassName('aplayer-title')[0].innerHTML = this.music.title;
-            this.element.getElementsByClassName('aplayer-author')[0].innerHTML = ` - ${this.music.author}`;
-            if (this.multiple) {
-                if (this.element.getElementsByClassName('aplayer-list-light')[0]) {
-                    this.element.getElementsByClassName('aplayer-list-light')[0].classList.remove('aplayer-list-light');
-                }
-                this.element.getElementsByClassName('aplayer-list')[0].getElementsByTagName('li')[indexMusic].classList.add('aplayer-list-light');
-            }
+        if (this.element.getElementsByClassName('aplayer-info')[0].offsetWidth < 200) {
+            this.element.getElementsByClassName('aplayer-time')[0].classList.add('aplayer-time-narrow');
+        }
+        // fix the width of aplayer bar
+        this.bar = this.element.getElementsByClassName('aplayer-bar-wrap')[0];
+        this.bar.style.marginRight = this.element.getElementsByClassName('aplayer-time')[0].offsetWidth + 5 + 'px';
 
-            // set the previous audio object
-            if (this.audio) {
+        // switch to narrow style
+        if (this.option.narrow) {
+            this.element.classList.add('aplayer-narrow');
+        }
+
+        // play and pause button
+        this.button = this.element.getElementsByClassName('aplayer-button')[0];
+        this.button.addEventListener('click', (e) => {
+            if (this.button.classList.contains('aplayer-play')) {
+                this.play();
+            }
+            else if (this.button.classList.contains('aplayer-pause')) {
                 this.pause();
-                this.audio.currentTime = 0;
             }
+        });
 
-            // get this audio object
-            if ((this.multiple && !this.audios[indexMusic]) || this.playIndex === -1) {
-                this.audio = document.createElement("audio");
-                this.audio.src = this.music.url;
-                if (this.option.preload) {
-                    this.audio.preload = this.option.preload;
-                }
-                else {
-                    this.audio.preload = this.isMobile ? 'none' : 'metadata';
-                }
-
-                // show audio time: the metadata has loaded or changed
-                this.audio.addEventListener('durationchange', () => {
-                    if (this.audio.duration !== 1) {           // compatibility: Android browsers will output 1 at first
-                        this.element.getElementsByClassName('aplayer-dtime')[0].innerHTML = this.secondToTime(this.audio.duration);
+        // click music list: change music
+        if (this.multiple) {
+            const listItem = this.element.getElementsByClassName('aplayer-list')[0].getElementsByTagName('li');
+            for (let i = 0; i < this.option.music.length; i++) {
+                listItem[i].addEventListener('click', () => {
+                    const musicIndex = parseInt(listItem[i].getElementsByClassName('aplayer-list-index')[0].innerHTML) - 1;
+                    if (musicIndex !== this.playIndex) {
+                        this.setMusic(musicIndex);
+                        if (this.isMobile) {
+                            this.pause();
+                        }
+                        else {
+                            this.play();
+                        }
+                    }
+                    else {
+                        this.toggle();
                     }
                 });
+            }
+        }
 
-                // show audio loaded bar: to inform interested parties of progress downloading the media
-                this.audio.addEventListener('progress', () => {
-                    const percentage = this.audio.buffered.length ? this.audio.buffered.end(this.audio.buffered.length - 1) / this.audio.duration : 0;
-                    this.updateBar('loaded', percentage, 'width');
-                });
+        // control play progress
+        this.playedBar = this.element.getElementsByClassName('aplayer-played')[0];
+        this.loadedBar = this.element.getElementsByClassName('aplayer-loaded')[0];
+        this.thumb = this.element.getElementsByClassName('aplayer-thumb')[0];
+        let barWidth;
+        this.bar.addEventListener('click', (event) => {
+            const e = event || window.event;
+            barWidth = this.bar.clientWidth;
+            const percentage = (e.clientX - getElementViewLeft(this.bar)) / barWidth;
+            this.updateBar('played', percentage, 'width');
+            this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = this.secondToTime(percentage * this.audio.duration);
+            this.audio.currentTime = parseFloat(this.playedBar.style.width) / 100 * this.audio.duration;
+        });
 
-                // audio download error: an error occurs
-                this.audio.addEventListener('error', () => {
-                    this.element.getElementsByClassName('aplayer-author')[0].innerHTML = ` - Error happens ╥﹏╥`;
-                    this.trigger('pause');
-                });
+        this.thumb.addEventListener('mouseover', () => {
+            this.thumb.style.background = this.option.theme;
+        });
+        this.thumb.addEventListener('mouseout', () => {
+            this.thumb.style.background = '#fff';
+        });
 
-                // audio can play: enough data is available that the media can be played
-                this.audio.addEventListener('canplay', () => {
-                    this.trigger('canplay');
-                });
+        const thumbMove = (event) => {
+            const e = event || window.event;
+            let percentage = (e.clientX - getElementViewLeft(this.bar)) / barWidth;
+            percentage = percentage > 0 ? percentage : 0;
+            percentage = percentage < 1 ? percentage : 1;
+            this.updateBar('played', percentage, 'width');
+            if (this.option.showlrc) {
+                this.updateLrc(parseFloat(this.playedBar.style.width) / 100 * this.audio.duration);
+            }
+            this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = this.secondToTime(percentage * this.audio.duration);
+        };
 
-                // multiple music play
-                this.ended = false;
-                if (this.multiple) {
-                    this.audio.addEventListener('ended', () => {
-                        if (this.isMobile) {
-                            this.ended = true;
-                            this.pause();
-                            return;
-                        }
-                        if (this.audio.currentTime !== 0) {
-                            if (this.playIndex < this.option.music.length - 1) {
-                                this.setMusic(++this.playIndex);
-                            }
-                            else if (this.loop) {
-                                this.setMusic(0);
-                            }
-                            else if (!this.loop) {
-                                this.ended = true;
-                                this.pause();
-                                this.trigger('ended');
-                            }
-                        }
-                    });
+        const thumbUp = () => {
+            document.removeEventListener('mouseup', thumbUp);
+            document.removeEventListener('mousemove', thumbMove);
+            this.audio.currentTime = parseFloat(this.playedBar.style.width) / 100 * this.audio.duration;
+            this.playedTime = setInterval(() => {
+                this.updateBar('played', this.audio.currentTime / this.audio.duration, 'width');
+                if (this.option.showlrc) {
+                    this.updateLrc();
+                }
+                this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = this.secondToTime(this.audio.currentTime);
+                this.trigger('playing');
+            }, 100);
+        };
+
+        this.thumb.addEventListener('mousedown', () => {
+            barWidth = this.bar.clientWidth;
+            clearInterval(this.playedTime);
+            document.addEventListener('mousemove', thumbMove);
+            document.addEventListener('mouseup', thumbUp);
+        });
+
+        // control volume
+        this.volumeBar = this.element.getElementsByClassName('aplayer-volume')[0];
+        const volumeBarWrap = this.element.getElementsByClassName('aplayer-volume-bar')[0];
+        this.volumeicon = this.element.getElementsByClassName('aplayer-time')[0].getElementsByTagName('button')[0];
+        const barHeight = 35;
+        this.element.getElementsByClassName('aplayer-volume-bar-wrap')[0].addEventListener('click', (event) => {
+            const e = event || window.event;
+            let percentage = (barHeight - e.clientY + getElementViewTop(volumeBarWrap)) / barHeight;
+            percentage = percentage > 0 ? percentage : 0;
+            percentage = percentage < 1 ? percentage : 1;
+            this.volume(percentage);
+        });
+        this.volumeicon.addEventListener('click', () => {
+            if (this.audio.muted) {
+                this.audio.muted = false;
+                this.volumeicon.className = this.audio.volume === 1 ? 'aplayer-icon aplayer-icon-volume-up' : 'aplayer-icon aplayer-icon-volume-down';
+                if (this.audio.volume === 1) {
+                    this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-up';
+                    this.volumeicon.innerHTML = this.getSVG('volume-up');
                 }
                 else {
-                    this.audio.addEventListener('ended', () => {
-                        if (!this.loop) {
+                    this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-down';
+                    this.volumeicon.innerHTML = this.getSVG('volume-down');
+                }
+                this.updateBar('volume', this.audio.volume, 'height');
+            }
+            else {
+                this.audio.muted = true;
+                this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-off';
+                this.volumeicon.innerHTML = this.getSVG('volume-off');
+                this.updateBar('volume', 0, 'height');
+            }
+        });
+
+        // get element's view position
+        function getElementViewLeft(element) {
+            let actualLeft = element.offsetLeft;
+            let current = element.offsetParent;
+            let elementScrollLeft;
+            while (current !== null) {
+                actualLeft += current.offsetLeft;
+                current = current.offsetParent;
+            }
+            elementScrollLeft = document.body.scrollLeft + document.documentElement.scrollLeft;
+            return actualLeft - elementScrollLeft;
+        }
+
+        function getElementViewTop(element) {
+            let actualTop = element.offsetTop;
+            let current = element.offsetParent;
+            let elementScrollTop;
+            while (current !== null) {
+                actualTop += current.offsetTop;
+                current = current.offsetParent;
+            }
+            elementScrollTop = document.body.scrollTop + document.documentElement.scrollTop;
+            return actualTop - elementScrollTop;
+        }
+
+        // loop control
+        const loopEle = this.element.getElementsByClassName('aplayer-icon-loop')[0];
+        loopEle.addEventListener('click', () => {
+            if (this.loop) {
+                loopEle.classList.add('aplayer-noloop');
+                this.loop = false;
+                this.audio.loop = this.multiple ? false : this.loop;
+            }
+            else {
+                loopEle.classList.remove('aplayer-noloop');
+                this.loop = true;
+                this.audio.loop = this.multiple ? false : this.loop;
+            }
+        });
+
+        // toggle menu control
+        if (this.multiple) {
+            const list = this.element.getElementsByClassName('aplayer-list')[0];
+            list.style.height = list.offsetHeight + 'px';
+            this.element.getElementsByClassName('aplayer-icon-menu')[0].addEventListener('click', () => {
+                if (!list.classList.contains('aplayer-list-hide')) {
+                    list.classList.add('aplayer-list-hide');
+                }
+                else {
+                    list.classList.remove('aplayer-list-hide');
+                }
+            });
+        }
+
+        this.setMusic(0);
+
+        instances.push(this);
+    }
+
+    /**
+     * Set music
+     */
+    setMusic(index) {
+        // get this.music
+        if (this.multiple && typeof(index) !== 'undefined') {
+            this.playIndex = index;
+        }
+        const indexMusic = this.playIndex;
+        this.music = this.multiple ? this.option.music[indexMusic] : this.option.music;
+
+        // set html
+        if (this.music.pic) {
+            this.element.getElementsByClassName('aplayer-pic')[0].style.backgroundImage = `url('${this.music.pic}')`;
+        }
+        this.element.getElementsByClassName('aplayer-title')[0].innerHTML = this.music.title;
+        this.element.getElementsByClassName('aplayer-author')[0].innerHTML = ` - ${this.music.author}`;
+        if (this.multiple) {
+            if (this.element.getElementsByClassName('aplayer-list-light')[0]) {
+                this.element.getElementsByClassName('aplayer-list-light')[0].classList.remove('aplayer-list-light');
+            }
+            this.element.getElementsByClassName('aplayer-list')[0].getElementsByTagName('li')[indexMusic].classList.add('aplayer-list-light');
+        }
+
+        // set the previous audio object
+        if (this.audio) {
+            this.pause();
+            this.audio.currentTime = 0;
+        }
+
+        // get this audio object
+        if ((this.multiple && !this.audios[indexMusic]) || this.playIndex === -1) {
+            this.audio = document.createElement("audio");
+            this.audio.src = this.music.url;
+            if (this.option.preload) {
+                this.audio.preload = this.option.preload;
+            }
+            else {
+                this.audio.preload = this.isMobile ? 'none' : 'metadata';
+            }
+
+            // show audio time: the metadata has loaded or changed
+            this.audio.addEventListener('durationchange', () => {
+                if (this.audio.duration !== 1) {           // compatibility: Android browsers will output 1 at first
+                    this.element.getElementsByClassName('aplayer-dtime')[0].innerHTML = this.secondToTime(this.audio.duration);
+                }
+            });
+
+            // show audio loaded bar: to inform interested parties of progress downloading the media
+            this.audio.addEventListener('progress', () => {
+                const percentage = this.audio.buffered.length ? this.audio.buffered.end(this.audio.buffered.length - 1) / this.audio.duration : 0;
+                this.updateBar('loaded', percentage, 'width');
+            });
+
+            // audio download error: an error occurs
+            this.audio.addEventListener('error', () => {
+                this.element.getElementsByClassName('aplayer-author')[0].innerHTML = ` - Error happens ╥﹏╥`;
+                this.trigger('pause');
+            });
+
+            // audio can play: enough data is available that the media can be played
+            this.audio.addEventListener('canplay', () => {
+                this.trigger('canplay');
+            });
+
+            // multiple music play
+            this.ended = false;
+            if (this.multiple) {
+                this.audio.addEventListener('ended', () => {
+                    if (this.isMobile) {
+                        this.ended = true;
+                        this.pause();
+                        return;
+                    }
+                    if (this.audio.currentTime !== 0) {
+                        if (this.playIndex < this.option.music.length - 1) {
+                            this.setMusic(++this.playIndex);
+                        }
+                        else if (this.loop) {
+                            this.setMusic(0);
+                        }
+                        else if (!this.loop) {
                             this.ended = true;
                             this.pause();
                             this.trigger('ended');
                         }
-                    });
-                }
-
-                // control volume
-                this.audio.volume = parseInt(this.element.getElementsByClassName('aplayer-volume')[0].style.height) / 100;
-
-                // loop
-                this.audio.loop = this.multiple ? false : this.loop;
-
-                if (this.multiple) {
-                    this.audios[indexMusic] = this.audio;
-                }
+                    }
+                });
             }
             else {
-                this.audio = this.audios[indexMusic];
-                this.audio.volume = parseInt(this.element.getElementsByClassName('aplayer-volume')[0].style.height) / 100;
-                this.audio.currentTime = 0;
+                this.audio.addEventListener('ended', () => {
+                    if (!this.loop) {
+                        this.ended = true;
+                        this.pause();
+                        this.trigger('ended');
+                    }
+                });
             }
 
-            // fill in lrc
-            if (this.option.showlrc) {
-                this.lrc = this.multiple ? this.lrcs[indexMusic] : this.lrcs[0];
-                let lrcHTML = '';
-                this.lrcContents = this.element.getElementsByClassName('aplayer-lrc-contents')[0];
-                for (let i = 0; i < this.lrc.length; i++) {
-                    lrcHTML += `<p>${this.lrc[i][1]}</p>`;
-                }
-                this.lrcContents.innerHTML = lrcHTML;
-                if (!this.lrcIndex) {
-                    this.lrcIndex = 0;
-                }
-                this.lrcContents.getElementsByTagName('p')[0].classList.add('aplayer-lrc-current');
-                this.lrcContents.style.transform = 'translateY(0px)';
-                this.lrcContents.style.webkitTransform = 'translateY(0px)';
-            }
+            // control volume
+            this.audio.volume = parseInt(this.element.getElementsByClassName('aplayer-volume')[0].style.height) / 100;
 
-            // set duration time
-            if (this.audio.duration !== 1) {           // compatibility: Android browsers will output 1 at first
-                this.element.getElementsByClassName('aplayer-dtime')[0].innerHTML = this.audio.duration ? this.secondToTime(this.audio.duration) : '00:00';
-            }
+            // loop
+            this.audio.loop = this.multiple ? false : this.loop;
 
-            // autoplay
-            if (this.option.autoplay && !this.isMobile) {
-                this.play();
-            }
-            this.option.autoplay = true;  // autoplay next music
-
-            if (this.isMobile) {
-                this.pause();
+            if (this.multiple) {
+                this.audios[indexMusic] = this.audio;
             }
         }
-
-        /**
-         * Play music
-         */
-        play(time) {
-            if (Object.prototype.toString.call(time) === '[object Number]') {
-                this.audio.currentTime = time;
-            }
-            if (this.audio.paused) {
-                this.button.classList.remove('aplayer-play');
-                this.button.classList.add('aplayer-pause');
-                this.button.innerHTML = '';
-                setTimeout(() => {
-                    this.button.innerHTML = `
-                                <button class="aplayer-icon aplayer-icon-pause">`
-                        +           this.getSVG('pause')
-                        + `     </button>`;
-                }, 100);
-
-                // pause other players (Thanks @Aprikyblue)
-                if (this.option.mutex) {
-                    for (let i = 0; i < instances.length; i++) {
-                        if (this != instances[i]) {
-                            instances[i].pause();
-                        }
-                    }
-                }
-                this.audio.play();
-                if (this.playedTime) {
-                    clearInterval(this.playedTime);
-                }
-                this.playedTime = setInterval(() => {
-                    this.updateBar('played', this.audio.currentTime / this.audio.duration, 'width');
-                    if (this.option.showlrc) {
-                        this.updateLrc();
-                    }
-                    this.ptime.innerHTML = this.secondToTime(this.audio.currentTime);
-                    this.trigger('playing');
-                }, 100);
-                this.trigger('play');
-            }
+        else {
+            this.audio = this.audios[indexMusic];
+            this.audio.volume = parseInt(this.element.getElementsByClassName('aplayer-volume')[0].style.height) / 100;
+            this.audio.currentTime = 0;
         }
 
-        /**
-         * Pause music
-         */
-        pause() {
-            if (!this.audio.paused || this.ended) {
-                this.ended = false;
-                this.button.classList.remove('aplayer-pause');
-                this.button.classList.add('aplayer-play');
-                this.button.innerHTML = '';
-                setTimeout(() => {
-                    this.button.innerHTML = `
-                                <button class="aplayer-icon aplayer-icon-play">`
-                        +           this.getSVG('play')
-                        + `     </button>`;
-                }, 100);
-                this.audio.pause();
+        // fill in lrc
+        if (this.option.showlrc) {
+            this.lrc = this.multiple ? this.lrcs[indexMusic] : this.lrcs[0];
+            let lrcHTML = '';
+            this.lrcContents = this.element.getElementsByClassName('aplayer-lrc-contents')[0];
+            for (let i = 0; i < this.lrc.length; i++) {
+                lrcHTML += `<p>${this.lrc[i][1]}</p>`;
+            }
+            this.lrcContents.innerHTML = lrcHTML;
+            if (!this.lrcIndex) {
+                this.lrcIndex = 0;
+            }
+            this.lrcContents.getElementsByTagName('p')[0].classList.add('aplayer-lrc-current');
+            this.lrcContents.style.transform = 'translateY(0px)';
+            this.lrcContents.style.webkitTransform = 'translateY(0px)';
+        }
+
+        // set duration time
+        if (this.audio.duration !== 1) {           // compatibility: Android browsers will output 1 at first
+            this.element.getElementsByClassName('aplayer-dtime')[0].innerHTML = this.audio.duration ? this.secondToTime(this.audio.duration) : '00:00';
+        }
+
+        // autoplay
+        if (this.option.autoplay && !this.isMobile) {
+            this.play();
+        }
+        this.option.autoplay = true;  // autoplay next music
+
+        if (this.isMobile) {
+            this.pause();
+        }
+    }
+
+    /**
+     * Play music
+     */
+    play(time) {
+        if (Object.prototype.toString.call(time) === '[object Number]') {
+            this.audio.currentTime = time;
+        }
+        if (this.audio.paused) {
+            this.button.classList.remove('aplayer-play');
+            this.button.classList.add('aplayer-pause');
+            this.button.innerHTML = '';
+            setTimeout(() => {
+                this.button.innerHTML = `
+                            <button class="aplayer-icon aplayer-icon-pause">`
+                    +           this.getSVG('pause')
+                    + `     </button>`;
+            }, 100);
+
+            // pause other players (Thanks @Aprikyblue)
+            if (this.option.mutex) {
+                for (let i = 0; i < instances.length; i++) {
+                    if (this != instances[i]) {
+                        instances[i].pause();
+                    }
+                }
+            }
+            this.audio.play();
+            if (this.playedTime) {
                 clearInterval(this.playedTime);
-                this.trigger('pause');
-            }
-        }
-
-        /**
-         * Set volume
-         */
-        volume(percentage) {
-            this.updateBar('volume', percentage, 'height');
-            this.audio.volume = percentage;
-            if (this.audio.muted) {
-                this.audio.muted = false;
-            }
-            if (percentage === 1) {
-                this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-up';
-                this.volumeicon.innerHTML = this.getSVG('volume-up');
-            }
-            else {
-                this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-down';
-                this.volumeicon.innerHTML = this.getSVG('volume-down');
-            }
-        }
-
-        /**
-         * attach event
-         */
-        on(name, func) {
-            if (typeof func === 'function') {
-                this.event[name].push(func);
-            }
-        }
-
-        /**
-         * toggle between play and pause
-         */
-        toggle() {
-            if (this.audio.paused) {
-                this.play();
-            }
-            else {
-                this.pause();
             }
+            this.playedTime = setInterval(() => {
+                this.updateBar('played', this.audio.currentTime / this.audio.duration, 'width');
+                if (this.option.showlrc) {
+                    this.updateLrc();
+                }
+                this.ptime.innerHTML = this.secondToTime(this.audio.currentTime);
+                this.trigger('playing');
+            }, 100);
+            this.trigger('play');
         }
     }
 
-    if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
-        module.exports = APlayer;
+    /**
+     * Pause music
+     */
+    pause() {
+        if (!this.audio.paused || this.ended) {
+            this.ended = false;
+            this.button.classList.remove('aplayer-pause');
+            this.button.classList.add('aplayer-play');
+            this.button.innerHTML = '';
+            setTimeout(() => {
+                this.button.innerHTML = `
+                            <button class="aplayer-icon aplayer-icon-play">`
+                    +           this.getSVG('play')
+                    + `     </button>`;
+            }, 100);
+            this.audio.pause();
+            clearInterval(this.playedTime);
+            this.trigger('pause');
+        }
     }
-    else {
-        window.APlayer = APlayer;
+
+    /**
+     * Set volume
+     */
+    volume(percentage) {
+        this.updateBar('volume', percentage, 'height');
+        this.audio.volume = percentage;
+        if (this.audio.muted) {
+            this.audio.muted = false;
+        }
+        if (percentage === 1) {
+            this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-up';
+            this.volumeicon.innerHTML = this.getSVG('volume-up');
+        }
+        else {
+            this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-down';
+            this.volumeicon.innerHTML = this.getSVG('volume-down');
+        }
     }
-})([]);
\ No newline at end of file
+
+    /**
+     * attach event
+     */
+    on(name, func) {
+        if (typeof func === 'function') {
+            this.event[name].push(func);
+        }
+    }
+
+    /**
+     * toggle between play and pause
+     */
+    toggle() {
+        if (this.audio.paused) {
+            this.play();
+        }
+        else {
+            this.pause();
+        }
+    }
+}
+
+export {APlayer};
\ No newline at end of file
diff --git a/src/default.jpg b/src/default.jpg
index 4559258..69d274c 100644
Binary files a/src/default.jpg and b/src/default.jpg differ
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 0000000..b0a0936
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,60 @@
+var webpack = require('webpack');
+var path = require('path');
+var autoprefixer = require('autoprefixer');
+
+var ROOT_PATH = path.resolve(__dirname);
+var APP_PATH = path.resolve(ROOT_PATH, 'src');
+var BUILD_PATH = path.resolve(ROOT_PATH, 'dist');
+
+module.exports = {
+    devtool: 'source-map',
+
+    entry: './src/APlayer.js',
+
+    output: {
+        path: BUILD_PATH,
+        filename: 'APlayer.min.js',
+        libraryTarget: 'umd',
+        umdNamedDefine: true
+    },
+
+    devServer: {
+        publicPath: "/dist/",
+    },
+
+    module: {
+        loaders: [
+            {
+                test: /\.js$/,
+                loader: 'babel',
+                include: APP_PATH,
+                query: {
+                    presets: ['es2015']
+                }
+            },
+            {
+                test: /\.scss$/,
+                loaders: ['style', 'css', 'postcss', 'sass'],
+                include: APP_PATH
+            },
+            {
+                test: /\.(png|jpg)$/,
+                loader: 'url?limit=40000'
+            }
+        ]
+    },
+
+    plugins: [
+        new webpack.optimize.UglifyJsPlugin({
+            compress: {
+                warnings: false
+            }
+        })
+    ],
+
+    postcss: [
+        autoprefixer({
+            browsers: ['last 15 versions', '> 1%', 'ie 8', 'ie 7']
+        })
+    ]
+};
\ No newline at end of file