{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///APlayer.min.js","webpack:///webpack/bootstrap 7f1306c26ff95987a7f5","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","this","modules","__webpack_require__","moduleId","installedModules","id","loaded","call","m","c","p","_classCallCheck","instance","Constructor","TypeError","_createClass","defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","protoProps","staticProps","prototype","console","log","instances","APlayer","option","getElementViewLeft","element","actualLeft","offsetLeft","current","offsetParent","elementScrollLeft","document","body","scrollLeft","documentElement","getElementViewTop","actualTop","offsetTop","elementScrollTop","scrollTop","_this","svg","play","pause","volume-up","volume-down","volume-off","circulation","random","order","single","menu","getSVG","type","isMobile","test","window","navigator","userAgent","autoplay","defaultOption","getElementsByClassName","narrow","mutex","showlrc","theme","mode","defaultKey","hasOwnProperty","playIndex","toString","music","audios","secondToTime","second","add0","num","min","parseInt","sec","savelrc","push","innerHTML","lrcs","updateBar","percentage","direction","bar","style","updateLrc","currentTime","arguments","undefined","audio","lrcIndex","lrc","_i","lrcContents","transform","webkitTransform","classList","remove","getElementsByTagName","add","eventTypes","event","_i2","trigger","_i3","multiple","eleHTML","pic","listmaxheight","_i4","title","author","offsetWidth","display","ptime","barWrap","marginRight","button","addEventListener","e","contains","listItem","_loop","_i5","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","modeEle","loop","list","height","offsetHeight","Math","value","index","_this2","indexMusic","backgroundImage","createElement","src","url","preload","buffered","end","ended","parseLrc","lrc_s","lyric","split","lyricLen","lrcTimes","match","lrcText","replace","timeLen","j","oneTime","exec","lrcTime","sort","a","b","xhr","XMLHttpRequest","onreadystatechange","readyState","status","responseText","_lrcHTML","apiurl","open","send","lrcHTML","time","_this3","paused","setTimeout","_this4","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(\"APlayer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"APlayer\"] = factory();\n\telse\n\t\troot[\"APlayer\"] = factory();\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(\"APlayer\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"APlayer\"] = factory();\n\telse\n\t\troot[\"APlayer\"] = factory();\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\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\tconsole.log(\"\\n %c APlayer 1.5.4 %c http://aplayer.js.org \\n\\n\", \"color: #fadfa3; background: #030307; padding:5px 0;\", \"background: #fadfa3; padding:5px 0;\");\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        var 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            'circulation': ['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            'random': ['0 0 33 31', 'M29.867 9.356l-5.003 5.003c-0.094 0.094-0.235 0.141-0.36 0.141-0.266 0-0.5-0.219-0.5-0.5v-3.002h-4.002c-2.079 0-3.064 1.423-3.94 3.111-0.453 0.875-0.844 1.782-1.219 2.673-1.735 4.033-3.768 8.223-8.849 8.223h-3.502c-0.281 0-0.5-0.219-0.5-0.5v-3.002c0-0.281 0.219-0.5 0.5-0.5h3.502c2.079 0 3.064-1.423 3.94-3.111 0.453-0.875 0.844-1.782 1.219-2.673 1.735-4.033 3.768-8.223 8.849-8.223h4.002v-3.002c0-0.281 0.219-0.5 0.5-0.5 0.141 0 0.266 0.063 0.375 0.156l4.987 4.987c0.094 0.094 0.141 0.235 0.141 0.36s-0.047 0.266-0.141 0.36zM10.262 14.781c-0.907-1.892-1.907-3.783-4.268-3.783h-3.502c-0.281 0-0.5-0.219-0.5-0.5v-3.002c0-0.281 0.219-0.5 0.5-0.5h3.502c2.783 0 4.831 1.298 6.41 3.518-0.876 1.344-1.517 2.798-2.142 4.268zM29.867 23.363l-5.003 5.003c-0.094 0.094-0.235 0.141-0.36 0.141-0.266 0-0.5-0.235-0.5-0.5v-3.002c-4.643 0-7.504 0.547-10.396-3.518 0.86-1.344 1.501-2.798 2.126-4.268 0.907 1.892 1.907 3.783 4.268 3.783h4.002v-3.002c0-0.281 0.219-0.5 0.5-0.5 0.141 0 0.266 0.063 0.375 0.156l4.987 4.987c0.094 0.094 0.141 0.235 0.141 0.36s-0.047 0.266-0.141 0.36z'],\n\t            'order': ['0 0 32 32', 'M0.622 18.334h19.54v7.55l11.052-9.412-11.052-9.413v7.549h-19.54v3.725z'],\n\t            'single': ['0 0 34 32', 'M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16c8.837 0 16-7.163 16-16s-7.163-16-16-16zM16 29.5c-7.456 0-13.5-6.044-13.5-13.5s6.044-13.5 13.5-13.5 13.5 6.044 13.5 13.5-6.044 13.5-13.5 13.5zM15.606 12.578h-3.856v-1.563h1.207c0.429 0 0.839-0.076 1.219-0.225 0.386-0.148 0.715-0.353 0.987-0.612 0.272-0.263 0.495-0.578 0.659-0.952 0.171-0.369 0.253-0.781 0.253-1.227h1.675v16h-2.144v-11.422z'],\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=\\\"\" + svg[type][0] + \"\\\" width=\\\"100%\\\">\\n                    <use xlink:href=\\\"#aplayer-\" + type + \"\\\"></use>\\n                    <path class=\\\"aplayer-fill\\\" d=\\\"\" + 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            mode: 'circulation'\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.mode = option.mode;\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        // save lrc\n\t        this.element = this.option.element;\n\t        if (this.option.showlrc === 2 || this.option.showlrc === true) {\n\t            this.savelrc = [];\n\t            for (var i = 0; i < this.element.getElementsByClassName('aplayer-lrc-content').length; i++) {\n\t                this.savelrc.push(this.element.getElementsByClassName('aplayer-lrc-content')[i].innerHTML);\n\t            }\n\t        }\n\t        this.lrcs = [];\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            bar[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        var eventTypes = ['play', 'pause', 'canplay', 'playing', 'ended', 'error'];\n\t        this.event = {};\n\t        for (var _i2 = 0; _i2 < eventTypes.length; _i2++) {\n\t            this.event[eventTypes[_i2]] = [];\n\t        }\n\t        this.trigger = function (type) {\n\t            for (var _i3 = 0; _i3 < _this.event[type].length; _i3++) {\n\t                _this.event[type][_i3]();\n\t            }\n\t        };\n\t\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        // 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-mode\\\">\") + this.getSVG(this.mode) + (\"         </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\\\" \" + (this.option.listmaxheight ? \"style=\\\"max-height: \" + this.option.listmaxheight : \"\") + \"\\\">\\n                <ol>\";\n\t            for (var _i4 = 0; _i4 < this.option.music.length; _i4++) {\n\t                eleHTML += \"\\n                    <li>\\n                        <span class=\\\"aplayer-list-cur\\\" style=\\\"background: \" + this.option.theme + \";\\\"></span>\\n                        <span class=\\\"aplayer-list-index\\\">\" + (_i4 + 1) + \"</span>\\n                        <span class=\\\"aplayer-list-title\\\">\" + this.option.music[_i4].title + \"</span>\\n                        <span class=\\\"aplayer-list-author\\\">\" + this.option.music[_i4].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 mode button in arrow container\n\t        if (this.element.offsetWidth < 300) {\n\t            this.element.getElementsByClassName('aplayer-icon-mode')[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        var bar = {};\n\t        bar.barWrap = this.element.getElementsByClassName('aplayer-bar-wrap')[0];\n\t        bar.barWrap.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 (_this.button.classList.contains('aplayer-play')) {\n\t                _this.play();\n\t            } else if (_this.button.classList.contains('aplayer-pause')) {\n\t                _this.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 = _this.element.getElementsByClassName('aplayer-list')[0].getElementsByTagName('li');\n\t\n\t                var _loop = function _loop(_i5) {\n\t                    listItem[_i5].addEventListener('click', function () {\n\t                        var musicIndex = parseInt(listItem[_i5].getElementsByClassName('aplayer-list-index')[0].innerHTML) - 1;\n\t                        if (musicIndex !== _this.playIndex) {\n\t                            _this.setMusic(musicIndex);\n\t                            _this.play();\n\t                        } else {\n\t                            _this.toggle();\n\t                        }\n\t                    });\n\t                };\n\t\n\t                for (var _i5 = 0; _i5 < _this.option.music.length; _i5++) {\n\t                    _loop(_i5);\n\t                }\n\t            })();\n\t        }\n\t\n\t        // control play progress\n\t        bar.playedBar = this.element.getElementsByClassName('aplayer-played')[0];\n\t        bar.loadedBar = this.element.getElementsByClassName('aplayer-loaded')[0];\n\t        var thumb = this.element.getElementsByClassName('aplayer-thumb')[0];\n\t        var barWidth = void 0;\n\t        bar.barWrap.addEventListener('click', function (event) {\n\t            var e = event || window.event;\n\t            barWidth = bar.barWrap.clientWidth;\n\t            var percentage = (e.clientX - getElementViewLeft(bar.barWrap)) / barWidth;\n\t            _this.updateBar('played', percentage, 'width');\n\t            _this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = _this.secondToTime(percentage * _this.audio.duration);\n\t            _this.audio.currentTime = parseFloat(bar.playedBar.style.width) / 100 * _this.audio.duration;\n\t        });\n\t\n\t        thumb.addEventListener('mouseover', function () {\n\t            thumb.style.background = _this.option.theme;\n\t        });\n\t        thumb.addEventListener('mouseout', function () {\n\t            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(bar.barWrap)) / barWidth;\n\t            percentage = percentage > 0 ? percentage : 0;\n\t            percentage = percentage < 1 ? percentage : 1;\n\t            _this.updateBar('played', percentage, 'width');\n\t            if (_this.option.showlrc) {\n\t                _this.updateLrc(parseFloat(bar.playedBar.style.width) / 100 * _this.audio.duration);\n\t            }\n\t            _this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = _this.secondToTime(percentage * _this.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            _this.audio.currentTime = parseFloat(bar.playedBar.style.width) / 100 * _this.audio.duration;\n\t            _this.playedTime = setInterval(function () {\n\t                _this.updateBar('played', _this.audio.currentTime / _this.audio.duration, 'width');\n\t                if (_this.option.showlrc) {\n\t                    _this.updateLrc();\n\t                }\n\t                _this.element.getElementsByClassName('aplayer-ptime')[0].innerHTML = _this.secondToTime(_this.audio.currentTime);\n\t                _this.trigger('playing');\n\t            }, 100);\n\t        };\n\t\n\t        thumb.addEventListener('mousedown', function () {\n\t            barWidth = bar.barWrap.clientWidth;\n\t            clearInterval(_this.playedTime);\n\t            document.addEventListener('mousemove', thumbMove);\n\t            document.addEventListener('mouseup', thumbUp);\n\t        });\n\t\n\t        // control volume\n\t        bar.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            _this.volume(percentage);\n\t        });\n\t        this.volumeicon.addEventListener('click', function () {\n\t            if (_this.audio.muted) {\n\t                _this.audio.muted = false;\n\t                _this.volumeicon.className = _this.audio.volume === 1 ? 'aplayer-icon aplayer-icon-volume-up' : 'aplayer-icon aplayer-icon-volume-down';\n\t                if (_this.audio.volume === 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                _this.updateBar('volume', _this.audio.volume, 'height');\n\t            } else {\n\t                _this.audio.muted = true;\n\t                _this.volumeicon.className = 'aplayer-icon aplayer-icon-volume-off';\n\t                _this.volumeicon.innerHTML = _this.getSVG('volume-off');\n\t                _this.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        // mode control\n\t        var modeEle = this.element.getElementsByClassName('aplayer-icon-mode')[0];\n\t        modeEle.addEventListener('click', function () {\n\t            if (_this.mode === 'random') {\n\t                _this.mode = 'single';\n\t            } else if (_this.mode === 'single') {\n\t                _this.mode = 'order';\n\t            } else if (_this.mode === 'order') {\n\t                _this.mode = 'circulation';\n\t            } else if (_this.mode === 'circulation') {\n\t                _this.mode = 'random';\n\t            }\n\t            modeEle.innerHTML = _this.getSVG(_this.mode);\n\t            _this.audio.loop = !(_this.multiple || _this.mode === 'order');\n\t        });\n\t\n\t        // toggle menu control\n\t        if (this.multiple) {\n\t            (function () {\n\t                var list = _this.element.getElementsByClassName('aplayer-list')[0];\n\t                list.style.height = list.offsetHeight + 'px';\n\t                _this.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        if (this.mode === 'random') {\n\t            var random = parseInt(Math.random() * this.option.music.length);\n\t            this.setMusic(random);\n\t        } else {\n\t            this.setMusic(0);\n\t        }\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    _createClass(APlayer, [{\n\t        key: \"setMusic\",\n\t        value: function setMusic(index) {\n\t            var _this2 = 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            if (this.multiple) {\n\t                this.element.getElementsByClassName('aplayer-list')[0].scrollTop = indexMusic * 33;\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                this.audio.preload = this.option.preload ? this.option.preload : 'auto';\n\t\n\t                // show audio time: the metadata has loaded or changed\n\t                this.audio.addEventListener('durationchange', function () {\n\t                    if (_this2.audio.duration !== 1) {\n\t                        // compatibility: Android browsers will output 1 at first\n\t                        _this2.element.getElementsByClassName('aplayer-dtime')[0].innerHTML = _this2.secondToTime(_this2.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 = _this2.audio.buffered.length ? _this2.audio.buffered.end(_this2.audio.buffered.length - 1) / _this2.audio.duration : 0;\n\t                    _this2.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                    _this2.element.getElementsByClassName('aplayer-author')[0].innerHTML = \" - Error happens ╥﹏╥\";\n\t                    _this2.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                    _this2.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 (_this2.isMobile) {\n\t                            _this2.ended = true;\n\t                            _this2.pause();\n\t                            return;\n\t                        }\n\t                        if (_this2.audio.currentTime !== 0) {\n\t                            if (_this2.mode === 'random') {\n\t                                var random = parseInt(Math.random() * _this2.option.music.length);\n\t                                if (random === _this2.playIndex) {\n\t                                    random++;\n\t                                    random = random % _this2.option.music.length;\n\t                                }\n\t                                _this2.setMusic(random);\n\t                            } else if (_this2.mode === 'single') {\n\t                                _this2.setMusic(_this2.playIndex);\n\t                            } else if (_this2.mode === 'order') {\n\t                                if (_this2.playIndex < _this2.option.music.length - 1) {\n\t                                    _this2.setMusic(++_this2.playIndex);\n\t                                } else {\n\t                                    _this2.ended = true;\n\t                                    _this2.pause();\n\t                                    _this2.trigger('ended');\n\t                                }\n\t                            } else if (_this2.mode === 'circulation') {\n\t                                if (_this2.playIndex < _this2.option.music.length - 1) {\n\t                                    _this2.setMusic(++_this2.playIndex);\n\t                                } else {\n\t                                    _this2.setMusic(0);\n\t                                }\n\t                            }\n\t                        }\n\t                    });\n\t                } else {\n\t                    this.audio.addEventListener('ended', function () {\n\t                        if (_this2.mode === 'order') {\n\t                            _this2.ended = true;\n\t                            _this2.pause();\n\t                            _this2.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 || this.mode === 'order');\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            /**\n\t             * Parse lrc, suppose multiple time tag\n\t             *\n\t             * @param {String} lrc_s - 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 {String} [[time, text], [time, text], [time, text], ...]\n\t             */\n\t            var parseLrc = function parseLrc(lrc_s) {\n\t                var lyric = lrc_s.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                return lrc;\n\t            };\n\t\n\t            // fill in lrc\n\t            if (this.option.showlrc) {\n\t                (function () {\n\t                    var index = _this2.multiple ? indexMusic : 0;\n\t\n\t                    if (!_this2.lrcs[index]) {\n\t                        (function () {\n\t                            var lrcs = '';\n\t                            if (_this2.option.showlrc === 1) {\n\t                                if (_this2.multiple) {\n\t                                    lrcs = _this2.option.music[index].lrc;\n\t                                } else {\n\t                                    lrcs = _this2.option.music.lrc;\n\t                                }\n\t                            } else if (_this2.option.showlrc === 2 || _this2.option.showlrc === true) {\n\t                                lrcs = _this2.savelrc[index];\n\t                            } else if (_this2.option.showlrc === 3) {\n\t                                (function () {\n\t                                    var xhr = new XMLHttpRequest();\n\t                                    xhr.onreadystatechange = function () {\n\t                                        if (xhr.readyState === 4) {\n\t                                            if (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {\n\t                                                lrcs = xhr.responseText;\n\t                                                _this2.lrcs[index] = parseLrc(lrcs);\n\t                                                _this2.lrc = _this2.lrcs[index];\n\t                                                var _lrcHTML = '';\n\t                                                _this2.lrcContents = _this2.element.getElementsByClassName('aplayer-lrc-contents')[0];\n\t                                                for (var i = 0; i < _this2.lrc.length; i++) {\n\t                                                    _lrcHTML += \"<p>\" + _this2.lrc[i][1] + \"</p>\";\n\t                                                }\n\t                                                _this2.lrcContents.innerHTML = _lrcHTML;\n\t                                                if (!_this2.lrcIndex) {\n\t                                                    _this2.lrcIndex = 0;\n\t                                                }\n\t                                                _this2.lrcContents.getElementsByTagName('p')[0].classList.add('aplayer-lrc-current');\n\t                                                _this2.lrcContents.style.transform = 'translateY(0px)';\n\t                                                _this2.lrcContents.style.webkitTransform = 'translateY(0px)';\n\t                                            } else {\n\t                                                console.log('Request was unsuccessful: ' + xhr.status);\n\t                                            }\n\t                                        }\n\t                                    };\n\t                                    var apiurl = void 0;\n\t                                    if (_this2.multiple) {\n\t                                        apiurl = _this2.option.music[index].lrc;\n\t                                    } else {\n\t                                        apiurl = _this2.option.music.lrc;\n\t                                    }\n\t                                    xhr.open('get', apiurl, true);\n\t                                    xhr.send(null);\n\t                                })();\n\t                            }\n\t                            if (lrcs) {\n\t                                _this2.lrcs[index] = parseLrc(lrcs);\n\t                            } else {\n\t                                _this2.lrcs[index] = [['00:00', 'Loading']];\n\t                            }\n\t                        })();\n\t                    }\n\t\n\t                    _this2.lrc = _this2.lrcs[index];\n\t                    var lrcHTML = '';\n\t                    _this2.lrcContents = _this2.element.getElementsByClassName('aplayer-lrc-contents')[0];\n\t                    for (var i = 0; i < _this2.lrc.length; i++) {\n\t                        lrcHTML += \"<p>\" + _this2.lrc[i][1] + \"</p>\";\n\t                    }\n\t                    _this2.lrcContents.innerHTML = lrcHTML;\n\t                    if (!_this2.lrcIndex) {\n\t                        _this2.lrcIndex = 0;\n\t                    }\n\t                    _this2.lrcContents.getElementsByTagName('p')[0].classList.add('aplayer-lrc-current');\n\t                    _this2.lrcContents.style.transform = 'translateY(0px)';\n\t                    _this2.lrcContents.style.webkitTransform = 'translateY(0px)';\n\t                })();\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 _this3 = 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                    _this3.button.innerHTML = \"\\n                            <button class=\\\"aplayer-icon aplayer-icon-pause\\\">\" + _this3.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                    _this3.updateBar('played', _this3.audio.currentTime / _this3.audio.duration, 'width');\n\t                    if (_this3.option.showlrc) {\n\t                        _this3.updateLrc();\n\t                    }\n\t                    _this3.ptime.innerHTML = _this3.secondToTime(_this3.audio.currentTime);\n\t                    _this3.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 _this4 = 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                    _this4.button.innerHTML = \"\\n                            <button class=\\\"aplayer-icon aplayer-icon-play\\\">\" + _this4.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\tmodule.exports = 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;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default}.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-mode{margin-right:4px}.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-menu,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-mode{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;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default}.aplayer .aplayer-list{overflow:auto;-webkit-transition:all .5s ease;transition:all .5s ease;will-change:height}.aplayer .aplayer-list.aplayer-list-hide{height:0!important}.aplayer .aplayer-list::-webkit-scrollbar{width:5px}.aplayer .aplayer-list::-webkit-scrollbar-track{background-color:#f9f9f9}.aplayer .aplayer-list::-webkit-scrollbar-thumb{border-radius:3px;background-color:#eee}.aplayer .aplayer-list::-webkit-scrollbar-thumb:hover{background-color:#ccc}.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 7f1306c26ff95987a7f5\n **/","console.log(\"\\n %c APlayer 1.5.4 %c http://aplayer.js.org \\n\\n\",\"color: #fadfa3; background: #030307; padding:5px 0;\",\"background: #fadfa3; padding:5px 0;\");\n\nrequire('./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        const 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            'circulation': ['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            'random': ['0 0 33 31', 'M29.867 9.356l-5.003 5.003c-0.094 0.094-0.235 0.141-0.36 0.141-0.266 0-0.5-0.219-0.5-0.5v-3.002h-4.002c-2.079 0-3.064 1.423-3.94 3.111-0.453 0.875-0.844 1.782-1.219 2.673-1.735 4.033-3.768 8.223-8.849 8.223h-3.502c-0.281 0-0.5-0.219-0.5-0.5v-3.002c0-0.281 0.219-0.5 0.5-0.5h3.502c2.079 0 3.064-1.423 3.94-3.111 0.453-0.875 0.844-1.782 1.219-2.673 1.735-4.033 3.768-8.223 8.849-8.223h4.002v-3.002c0-0.281 0.219-0.5 0.5-0.5 0.141 0 0.266 0.063 0.375 0.156l4.987 4.987c0.094 0.094 0.141 0.235 0.141 0.36s-0.047 0.266-0.141 0.36zM10.262 14.781c-0.907-1.892-1.907-3.783-4.268-3.783h-3.502c-0.281 0-0.5-0.219-0.5-0.5v-3.002c0-0.281 0.219-0.5 0.5-0.5h3.502c2.783 0 4.831 1.298 6.41 3.518-0.876 1.344-1.517 2.798-2.142 4.268zM29.867 23.363l-5.003 5.003c-0.094 0.094-0.235 0.141-0.36 0.141-0.266 0-0.5-0.235-0.5-0.5v-3.002c-4.643 0-7.504 0.547-10.396-3.518 0.86-1.344 1.501-2.798 2.126-4.268 0.907 1.892 1.907 3.783 4.268 3.783h4.002v-3.002c0-0.281 0.219-0.5 0.5-0.5 0.141 0 0.266 0.063 0.375 0.156l4.987 4.987c0.094 0.094 0.141 0.235 0.141 0.36s-0.047 0.266-0.141 0.36z'],\n            'order': ['0 0 32 32', 'M0.622 18.334h19.54v7.55l11.052-9.412-11.052-9.413v7.549h-19.54v3.725z'],\n            'single': ['0 0 34 32', 'M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16c8.837 0 16-7.163 16-16s-7.163-16-16-16zM16 29.5c-7.456 0-13.5-6.044-13.5-13.5s6.044-13.5 13.5-13.5 13.5 6.044 13.5 13.5-6.044 13.5-13.5 13.5zM15.606 12.578h-3.856v-1.563h1.207c0.429 0 0.839-0.076 1.219-0.225 0.386-0.148 0.715-0.353 0.987-0.612 0.272-0.263 0.495-0.578 0.659-0.952 0.171-0.369 0.253-0.781 0.253-1.227h1.675v16h-2.144v-11.422z'],\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=\"${svg[type][0]}\" width=\"100%\">\n                    <use xlink:href=\"#aplayer-${type}\"></use>\n                    <path class=\"aplayer-fill\" d=\"${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            mode: 'circulation'\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.mode = option.mode;\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        // save lrc\n        this.element = this.option.element;\n        if (this.option.showlrc === 2 || this.option.showlrc === true)  {\n            this.savelrc = [];\n            for (let i = 0; i < this.element.getElementsByClassName('aplayer-lrc-content').length; i++) {\n                this.savelrc.push(this.element.getElementsByClassName('aplayer-lrc-content')[i].innerHTML);\n            }\n        }\n        this.lrcs = [];\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            bar[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        const eventTypes = ['play', 'pause', 'canplay', 'playing', 'ended', 'error'];\n        this.event = {};\n        for (let i = 0; i < eventTypes.length; i++) {\n            this.event[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        this.multiple = this.playIndex > -1;\n        this.music = this.multiple ? this.option.music[this.playIndex] : this.option.music;\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-mode\">`\n            +               this.getSVG(this.mode)\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\" ${this.option.listmaxheight ? `style=\"max-height: ${this.option.listmaxheight}` : ``}\">\n                <ol>`;\n            for (let 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 mode button in arrow container\n        if (this.element.offsetWidth < 300) {\n            this.element.getElementsByClassName('aplayer-icon-mode')[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        let bar = {};\n        bar.barWrap = this.element.getElementsByClassName('aplayer-bar-wrap')[0];\n        bar.barWrap.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                        this.play();\n                    }\n                    else {\n                        this.toggle();\n                    }\n                });\n            }\n        }\n\n        // control play progress\n        bar.playedBar = this.element.getElementsByClassName('aplayer-played')[0];\n        bar.loadedBar = this.element.getElementsByClassName('aplayer-loaded')[0];\n        const thumb = this.element.getElementsByClassName('aplayer-thumb')[0];\n        let barWidth;\n        bar.barWrap.addEventListener('click', (event) => {\n            const e = event || window.event;\n            barWidth = bar.barWrap.clientWidth;\n            const percentage = (e.clientX - getElementViewLeft(bar.barWrap)) / 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(bar.playedBar.style.width) / 100 * this.audio.duration;\n        });\n\n        thumb.addEventListener('mouseover', () => {\n            thumb.style.background = this.option.theme;\n        });\n        thumb.addEventListener('mouseout', () => {\n            thumb.style.background = '#fff';\n        });\n\n        const thumbMove = (event) => {\n            const e = event || window.event;\n            let percentage = (e.clientX - getElementViewLeft(bar.barWrap)) / 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(bar.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(bar.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        thumb.addEventListener('mousedown', () => {\n            barWidth = bar.barWrap.clientWidth;\n            clearInterval(this.playedTime);\n            document.addEventListener('mousemove', thumbMove);\n            document.addEventListener('mouseup', thumbUp);\n        });\n\n        // control volume\n        bar.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        // mode control\n        const modeEle = this.element.getElementsByClassName('aplayer-icon-mode')[0];\n        modeEle.addEventListener('click', () => {\n            if (this.mode === 'random') {\n                this.mode = 'single';\n            }\n            else if (this.mode === 'single') {\n                this.mode = 'order';\n            }\n            else if (this.mode === 'order') {\n                this.mode = 'circulation';\n            }\n            else if (this.mode === 'circulation') {\n                this.mode = 'random';\n            }\n            modeEle.innerHTML = this.getSVG(this.mode);\n            this.audio.loop = !(this.multiple || this.mode === 'order');\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        if (this.mode === 'random') {\n            let random = parseInt(Math.random() * this.option.music.length);\n            this.setMusic(random);\n        }\n        else {\n            this.setMusic(0);\n        }\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        if (this.multiple) {\n            this.element.getElementsByClassName('aplayer-list')[0].scrollTop = indexMusic * 33;\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            this.audio.preload = this.option.preload ? this.option.preload : 'auto';\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.mode === 'random') {\n                            let random = parseInt(Math.random() * this.option.music.length);\n                            if (random === this.playIndex) {\n                                random++;\n                                random = random % this.option.music.length;\n                            }\n                            this.setMusic(random);\n                        }\n                        else if (this.mode === 'single') {\n                            this.setMusic(this.playIndex);\n                        }\n                        else if (this.mode === 'order') {\n                            if (this.playIndex < this.option.music.length - 1) {\n                                this.setMusic(++this.playIndex);\n                            }\n                            else {\n                                this.ended = true;\n                                this.pause();\n                                this.trigger('ended');\n                            }\n                        }\n                        else if (this.mode === 'circulation') {\n                            if (this.playIndex < this.option.music.length - 1) {\n                                this.setMusic(++this.playIndex);\n                            }\n                            else {\n                                this.setMusic(0);\n                            }\n                        }\n                    }\n                });\n            }\n            else {\n                this.audio.addEventListener('ended', () => {\n                    if (this.mode === 'order') {\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 || this.mode === 'order');\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        /**\n         * Parse lrc, suppose multiple time tag\n         *\n         * @param {String} lrc_s - 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 {String} [[time, text], [time, text], [time, text], ...]\n         */\n        const parseLrc = (lrc_s) => {\n            const lyric = lrc_s.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            return lrc;\n        };\n\n        // fill in lrc\n        if (this.option.showlrc) {\n            const index = this.multiple ? indexMusic : 0;\n\n            if (!this.lrcs[index]) {\n                let lrcs = '';\n                if (this.option.showlrc === 1) {\n                    if (this.multiple) {\n                        lrcs = this.option.music[index].lrc;\n                    }\n                    else {\n                        lrcs = this.option.music.lrc;\n                    }\n                }\n                else if (this.option.showlrc === 2 || this.option.showlrc === true)  {\n                    lrcs = this.savelrc[index];\n                }\n                else if (this.option.showlrc === 3) {\n                    const xhr = new XMLHttpRequest();\n                    xhr.onreadystatechange = () => {\n                        if (xhr.readyState === 4) {\n                            if (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {\n                                lrcs = xhr.responseText;\n                                this.lrcs[index] = parseLrc(lrcs);\n                                this.lrc = this.lrcs[index];\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                            else {\n                                console.log('Request was unsuccessful: ' + xhr.status);\n                            }\n                        }\n                    };\n                    let apiurl;\n                    if (this.multiple) {\n                        apiurl = this.option.music[index].lrc;\n                    }\n                    else {\n                        apiurl = this.option.music.lrc;\n                    }\n                    xhr.open('get', apiurl, true);\n                    xhr.send(null);\n                }\n                if (lrcs) {\n                    this.lrcs[index] = parseLrc(lrcs);\n                }\n                else {\n                    this.lrcs[index] = [['00:00', 'Loading']];\n                }\n            }\n\n            this.lrc = this.lrcs[index];\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\nmodule.exports = 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;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default}.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-mode{margin-right:4px}.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-menu,.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-mode{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;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:default}.aplayer .aplayer-list{overflow:auto;-webkit-transition:all .5s ease;transition:all .5s ease;will-change:height}.aplayer .aplayer-list.aplayer-list-hide{height:0!important}.aplayer .aplayer-list::-webkit-scrollbar{width:5px}.aplayer .aplayer-list::-webkit-scrollbar-track{background-color:#f9f9f9}.aplayer .aplayer-list::-webkit-scrollbar-thumb{border-radius:3px;background-color:#eee}.aplayer .aplayer-list::-webkit-scrollbar-thumb:hover{background-color:#ccc}.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":""}