{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///APlayer.min.js","webpack:///webpack/bootstrap 151b8bf315d0a255be83","webpack:///./src/APlayer.scss?df22","webpack:///./src/APlayer.js","webpack:///./src/APlayer.scss","webpack:///./~/css-loader/lib/css-base.js","webpack:///./~/style-loader/lib/addStyles.js","webpack:///./~/style-loader/lib/urls.js","webpack:///./src/default.jpg"],"names":["root","factory","exports","module","define","amd","this","modules","__webpack_require__","moduleId","installedModules","i","l","call","m","c","value","d","name","getter","o","Object","defineProperty","configurable","enumerable","get","n","__esModule","object","property","prototype","hasOwnProperty","p","s","content","options","transform","locals","_toConsumableArray","arr","Array","isArray","arr2","length","from","_classCallCheck","instance","Constructor","TypeError","_createClass","defineProperties","target","props","descriptor","writable","key","protoProps","staticProps","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","audios","secondToTime","second","isNaN","add0","num","min","parseInt","sec","hours","minAdjust","savelrc","push","innerHTML","lrcs","updateBar","percentage","direction","bar","style","updateLrc","currentTime","arguments","undefined","audio","lrcIndex","lrc","lrcContents","webkitTransform","classList","remove","getElementsByTagName","add","eventTypes","event","trigger","playIndex","multiple","toString","music","getRandomOrder","eleHTML","pic","listmaxheight","title","author","offsetWidth","display","ptime","barWrap","button","addEventListener","e","toggle","list","tagName","toUpperCase","parentElement","musicIndex","setMusic","playedBar","loadedBar","thumb","barWidth","clientWidth","clientX","duration","parseFloat","width","background","thumbMove","thumbUp","removeEventListener","playedTime","setInterval","clearInterval","volumeBar","volumeBarWrap","volumeicon","clientY","volume","muted","className","modeEle","loop","height","offsetHeight","contains","randomOrder","index","_this2","indexMusic","backgroundImage","src","url","createElement","preload","setTimeout","ended","buffered","end","nextRandomNum","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","time","paused","func","max","Math","floor","rand","shuffled","concat","map","item","indexOf","splice","newMusic","listEle","newItemHTML","cssWithMappingToString","useSourceMap","cssMapping","btoa","sourceMapping","toComment","sources","source","sourceRoot","join","sourceMap","unescape","encodeURIComponent","JSON","stringify","mediaQuery","alreadyImportedModules","id","addStylesToDom","styles","domStyle","stylesInDom","refs","parts","addStyle","listToStyles","newStyles","base","css","media","part","insertStyleElement","getElement","insertInto","Error","lastStyleElementInsertedAtTop","stylesInsertedAtTop","insertAt","nextSibling","insertBefore","appendChild","firstChild","removeStyleElement","parentNode","removeChild","idx","createStyleElement","attrs","addAttrs","createLinkElement","link","rel","el","keys","forEach","setAttribute","obj","update","result","singleton","styleIndex","singletonCounter","applyToSingletonTag","bind","URL","createObjectURL","revokeObjectURL","Blob","updateLink","href","applyToTag","newObj","styleSheet","cssText","replaceText","cssNode","createTextNode","childNodes","autoFixUrls","convertToAbsoluteUrls","fixUrls","blob","oldSrc","isOldIE","fn","memo","apply","all","atob","selector","querySelector","DEBUG","newList","mayRemove","textStore","replacement","filter","Boolean","location","baseUrl","protocol","host","currentDir","pathname","fullMatch","origUrl","unquotedOrigUrl","trim","$1","newUrl"],"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","(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/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\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.l = 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// identity function for calling harmony imports with the correct context\n/******/ \t__webpack_require__.i = function(value) { return value; };\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 1);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports, __webpack_require__) {\n\n// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = __webpack_require__(2);\nif(typeof content === 'string') content = [[module.i, content, '']];\n// Prepare cssTransformation\nvar transform;\n\nvar options = {}\noptions.transform = transform\n// add the styles to the DOM\nvar update = __webpack_require__(4)(content, options);\nif(content.locals) module.exports = content.locals;\n// Hot Module Replacement\nif(false) {\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/lib/index.js!../node_modules/sass-loader/lib/loader.js!./APlayer.scss\", function() {\n\t\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js!../node_modules/postcss-loader/lib/index.js!../node_modules/sass-loader/lib/loader.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/* 1 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar _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\nfunction _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nconsole.log(\"\\n %c APlayer 1.6.1 %c http://aplayer.js.org \\n\\n\", \"color: #fadfa3; background: #030307; padding:5px 0;\", \"background: #fadfa3; padding:5px 0;\");\n\n__webpack_require__(0);\n\nvar instances = [];\n\nvar APlayer = function () {\n    /**\n     * APlayer constructor function\n     *\n     * @param {Object} option - See README\n     * @constructor\n     */\n    function APlayer(option) {\n        var _this = this;\n\n        _classCallCheck(this, APlayer);\n\n        var 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 38 32', 'M2.072 21.577c0.71-0.197 1.125-0.932 0.928-1.641-0.221-0.796-0.333-1.622-0.333-2.457 0-5.049 4.108-9.158 9.158-9.158h5.428c0.056-0.922 0.221-1.816 0.482-2.667h-5.911c-3.158 0-6.128 1.23-8.361 3.463s-3.463 5.203-3.463 8.361c0 1.076 0.145 2.143 0.431 3.171 0.164 0.59 0.7 0.976 1.284 0.976 0.117 0 0.238-0.016 0.357-0.049zM21.394 25.613h-12.409v-2.362c0-0.758-0.528-1.052-1.172-0.652l-5.685 3.522c-0.644 0.4-0.651 1.063-0.014 1.474l5.712 3.69c0.637 0.411 1.158 0.127 1.158-0.63v-2.374h12.409c3.158 0 6.128-1.23 8.361-3.463 1.424-1.424 2.44-3.148 2.99-5.029-0.985 0.368-2.033 0.606-3.125 0.691-1.492 3.038-4.619 5.135-8.226 5.135zM28.718 0c-4.985 0-9.026 4.041-9.026 9.026s4.041 9.026 9.026 9.026 9.026-4.041 9.026-9.026-4.041-9.026-9.026-9.026zM30.392 13.827h-1.728v-6.822c-0.635 0.576-1.433 1.004-2.407 1.285v-1.713c0.473-0.118 0.975-0.325 1.506-0.62 0.532-0.325 0.975-0.665 1.329-1.034h1.3v8.904z'],\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 = function (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        var 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 (var defaultKey in defaultOption) {\n            if (defaultOption.hasOwnProperty(defaultKey) && !option.hasOwnProperty(defaultKey)) {\n                option[defaultKey] = defaultOption[defaultKey];\n            }\n        }\n\n        this.option = option;\n        this.audios = [];\n        this.mode = option.mode;\n\n        /**\n         * Parse second to 00:00 format. 00:00:00 if audio is over an hour long.\n         *\n         * @param {Number} second\n         * @return {String} 00:00 format. 00:00:00 if over an hour long.\n         */\n        this.secondToTime = function (second) {\n            if (isNaN(second)) {\n                return '00:00';\n            }\n            var add0 = function add0(num) {\n                return num < 10 ? '0' + num : '' + num;\n            };\n            var min = parseInt(second / 60);\n            var sec = parseInt(second - min * 60);\n            var hours = parseInt(min / 60);\n            var minAdjust = parseInt(second / 60 - 60 * parseInt(second / 60 / 60));\n            return second >= 3600 ? add0(hours) + ':' + add0(minAdjust) + ':' + add0(sec) : 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 (var 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 = function (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 = function () {\n            var currentTime = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _this.audio.currentTime;\n\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 (var _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 * 16 + \"px)\";\n                        _this.lrcContents.style.webkitTransform = \"translateY(\" + -_this.lrcIndex * 16 + \"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        var eventTypes = ['play', 'pause', 'canplay', 'playing', 'ended', 'error'];\n        this.event = {};\n        for (var _i2 = 0; _i2 < eventTypes.length; _i2++) {\n            this.event[eventTypes[_i2]] = [];\n        }\n        this.trigger = function (type) {\n            for (var _i3 = 0; _i3 < _this.event[type].length; _i3++) {\n                _this.event[type][_i3]();\n            }\n        };\n\n        // multiple music\n        this.playIndex = 0;\n        this.multiple = Object.prototype.toString.call(option.music) === '[object Array]';\n        if (!this.multiple) {\n            this.option.music = [this.option.music];\n        }\n        this.music = this.option.music[this.playIndex];\n\n        // add class aplayer-withlrc\n        if (this.option.showlrc) {\n            this.element.classList.add('aplayer-withlrc');\n        }\n        if (this.option.music.length > 1) {\n            this.element.classList.add('aplayer-withlist');\n        }\n\n        if (!this.multiple && this.mode !== 'circulation' && this.mode !== 'order') {\n            this.mode = 'circulation';\n        }\n        this.getRandomOrder();\n\n        // fill in HTML\n        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 type=\\\"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 type=\\\"button\\\" class=\\\"aplayer-icon aplayer-icon-volume-down\\\" \" + (this.isMobile ? 'style=\"display: none;\"' : '') + \">\\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 type=\\\"button\\\" class=\\\"aplayer-icon aplayer-icon-mode\\\">\\n                            \" + this.getSVG(this.mode) + \"\\n                        </button>\\n                        <button type=\\\"button\\\" class=\\\"aplayer-icon aplayer-icon-menu\\\">\\n                            \" + this.getSVG('menu') + \"\\n                        </button>\\n                    </div>\\n                </div>\\n            </div>\\n            <div class=\\\"aplayer-list\\\" \" + (this.option.listmaxheight ? \"style=\\\"max-height: \" + this.option.listmaxheight + \"\\\"\" : \"\") + \">\\n                <ol>\";\n        for (var _i4 = 0; _i4 < this.option.music.length; _i4++) {\n            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        }\n        eleHTML += \"\\n                </ol>\\n            </div>\";\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        var bar = {};\n        bar.barWrap = this.element.getElementsByClassName('aplayer-bar-wrap')[0];\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', function (e) {\n            _this.toggle();\n        });\n\n        // click music list: change music\n        var list = this.element.getElementsByClassName('aplayer-list')[0];\n        list.addEventListener('click', function (e) {\n            var target = void 0;\n            if (e.target.tagName.toUpperCase() === 'LI') {\n                target = e.target;\n            } else {\n                target = e.target.parentElement;\n            }\n            var musicIndex = parseInt(target.getElementsByClassName('aplayer-list-index')[0].innerHTML) - 1;\n            if (musicIndex !== _this.playIndex) {\n                _this.setMusic(musicIndex);\n                _this.play();\n            } else {\n                _this.toggle();\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        var thumb = this.element.getElementsByClassName('aplayer-thumb')[0];\n        var barWidth = void 0;\n        bar.barWrap.addEventListener('click', function (event) {\n            var e = event || window.event;\n            barWidth = bar.barWrap.clientWidth;\n            var percentage = (e.clientX - getElementViewLeft(bar.barWrap)) / barWidth;\n            if (isNaN(_this.audio.duration)) {\n                _this.updateBar('played', 0, 'width');\n            } else {\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\n        thumb.addEventListener('mouseover', function () {\n            thumb.style.background = _this.option.theme;\n        });\n        thumb.addEventListener('mouseout', function () {\n            thumb.style.background = '#fff';\n        });\n\n        var thumbMove = function thumbMove(event) {\n            var e = event || window.event;\n            var 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        var thumbUp = function thumbUp() {\n            document.removeEventListener('mouseup', thumbUp);\n            document.removeEventListener('mousemove', thumbMove);\n            if (isNaN(_this.audio.duration)) {\n                _this.updateBar('played', 0, 'width');\n            } else {\n                _this.audio.currentTime = parseFloat(bar.playedBar.style.width) / 100 * _this.audio.duration;\n                _this.playedTime = setInterval(function () {\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\n        thumb.addEventListener('mousedown', function () {\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        var volumeBarWrap = this.element.getElementsByClassName('aplayer-volume-bar')[0];\n        this.volumeicon = this.element.getElementsByClassName('aplayer-time')[0].getElementsByTagName('button')[0];\n        var barHeight = 35;\n        this.element.getElementsByClassName('aplayer-volume-bar-wrap')[0].addEventListener('click', function (event) {\n            var e = event || window.event;\n            var 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', function () {\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                } 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            } 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            var actualLeft = element.offsetLeft;\n            var current = element.offsetParent;\n            var elementScrollLeft = void 0;\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            var actualTop = element.offsetTop;\n            var current = element.offsetParent;\n            var elementScrollTop = void 0;\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        var modeEle = this.element.getElementsByClassName('aplayer-icon-mode')[0];\n        modeEle.addEventListener('click', function () {\n            if (_this.multiple) {\n                if (_this.mode === 'random') {\n                    _this.mode = 'single';\n                } else if (_this.mode === 'single') {\n                    _this.mode = 'order';\n                } else if (_this.mode === 'order') {\n                    _this.mode = 'circulation';\n                } else if (_this.mode === 'circulation') {\n                    _this.mode = 'random';\n                }\n            } else {\n                if (_this.mode === 'circulation') {\n                    _this.mode = 'order';\n                } else {\n                    _this.mode = 'circulation';\n                }\n            }\n            modeEle.innerHTML = _this.getSVG(_this.mode);\n            _this.audio.loop = !(_this.multiple || _this.mode === 'order');\n        });\n\n        // toggle menu control\n        list.style.height = list.offsetHeight + 'px';\n        this.element.getElementsByClassName('aplayer-icon-menu')[0].addEventListener('click', function () {\n            if (!list.classList.contains('aplayer-list-hide')) {\n                list.classList.add('aplayer-list-hide');\n            } else {\n                list.classList.remove('aplayer-list-hide');\n            }\n        });\n\n        if (this.mode === 'random') {\n            this.setMusic(this.randomOrder[0]);\n        } else {\n            this.setMusic(0);\n        }\n\n        instances.push(this);\n    }\n\n    /**\n     * Set music\n     */\n\n\n    _createClass(APlayer, [{\n        key: \"setMusic\",\n        value: function setMusic(index) {\n            var _this2 = this;\n\n            // get this.music\n            if (typeof index !== 'undefined') {\n                this.playIndex = index;\n            }\n            var indexMusic = this.playIndex;\n            this.music = this.option.music[indexMusic];\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.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            // set the previous audio object\n            if (!this.isMobile && this.audio) {\n                this.pause();\n                this.audio.currentTime = 0;\n            }\n\n            this.element.getElementsByClassName('aplayer-list')[0].scrollTop = indexMusic * 33;\n\n            // get this audio object\n            if (this.isMobile && this.audio) {\n                this.audio.src = this.music.url;\n                this.play();\n            } else if (!this.isMobile && this.audios[indexMusic]) {\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            } else {\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                this.audio.addEventListener('play', function () {\n                    if (_this2.button.classList.contains('aplayer-play')) {\n                        _this2.button.classList.remove('aplayer-play');\n                        _this2.button.classList.add('aplayer-pause');\n                        _this2.button.innerHTML = '';\n                        setTimeout(function () {\n                            _this2.button.innerHTML = \"\\n                                    <button type=\\\"button\\\" class=\\\"aplayer-icon aplayer-icon-pause\\\">\" + _this2.getSVG('pause') + \"     </button>\";\n                        }, 100);\n\n                        // pause other players (Thanks @Aprikyblue)\n                        if (_this2.option.mutex) {\n                            for (var i = 0; i < instances.length; i++) {\n                                if (_this2 != instances[i]) {\n                                    instances[i].pause();\n                                }\n                            }\n                        }\n                        if (_this2.playedTime) {\n                            clearInterval(_this2.playedTime);\n                        }\n                        _this2.playedTime = setInterval(function () {\n                            _this2.updateBar('played', _this2.audio.currentTime / _this2.audio.duration, 'width');\n                            if (_this2.option.showlrc) {\n                                _this2.updateLrc();\n                            }\n                            _this2.ptime.innerHTML = _this2.secondToTime(_this2.audio.currentTime);\n                            _this2.trigger('playing');\n                        }, 100);\n                        _this2.trigger('play');\n                    }\n                });\n\n                this.audio.addEventListener('pause', function () {\n                    if (_this2.button && (_this2.button.classList.contains('aplayer-pause') || _this2.ended)) {\n                        _this2.ended = false;\n                        _this2.button.classList.remove('aplayer-pause');\n                        _this2.button.classList.add('aplayer-play');\n                        _this2.button.innerHTML = '';\n                        setTimeout(function () {\n                            _this2.button.innerHTML = \"\\n                                    <button type=\\\"button\\\" class=\\\"aplayer-icon aplayer-icon-play\\\">\" + _this2.getSVG('play') + \"     </button>\";\n                        }, 100);\n                        clearInterval(_this2.playedTime);\n                        _this2.trigger('pause');\n                    }\n                });\n\n                // show audio time: the metadata has loaded or changed\n                this.audio.addEventListener('durationchange', function () {\n                    if (_this2.audio.duration !== 1) {\n                        // compatibility: Android browsers will output 1 at first\n                        _this2.element.getElementsByClassName('aplayer-dtime')[0].innerHTML = _this2.secondToTime(_this2.audio.duration);\n                    }\n                });\n\n                // show audio loaded bar: to inform interested parties of progress downloading the media\n                this.audio.addEventListener('progress', function () {\n                    var percentage = _this2.audio.buffered.length ? _this2.audio.buffered.end(_this2.audio.buffered.length - 1) / _this2.audio.duration : 0;\n                    _this2.updateBar('loaded', percentage, 'width');\n                });\n\n                // audio download error: an error occurs\n                this.audio.addEventListener('error', function () {\n                    _this2.element.getElementsByClassName('aplayer-author')[0].innerHTML = \" - Error happens \\u2565\\uFE4F\\u2565\";\n                    _this2.trigger('pause');\n                });\n\n                // audio can play: enough data is available that the media can be played\n                this.audio.addEventListener('canplay', function () {\n                    _this2.trigger('canplay');\n                });\n\n                // multiple music play\n                this.ended = false;\n                this.audio.addEventListener('ended', function () {\n                    if (_this2.multiple) {\n                        if (_this2.audio.currentTime !== 0) {\n                            if (_this2.mode === 'random') {\n                                _this2.setMusic(_this2.nextRandomNum());\n                            } else if (_this2.mode === 'single') {\n                                _this2.setMusic(_this2.playIndex);\n                            } else if (_this2.mode === 'order') {\n                                if (_this2.playIndex < _this2.option.music.length - 1) {\n                                    _this2.setMusic(++_this2.playIndex);\n                                } else {\n                                    _this2.ended = true;\n                                    _this2.pause();\n                                    _this2.trigger('ended');\n                                }\n                            } else if (_this2.mode === 'circulation') {\n                                if (_this2.playIndex < _this2.option.music.length - 1) {\n                                    _this2.setMusic(++_this2.playIndex);\n                                } else {\n                                    _this2.setMusic(0);\n                                }\n                            }\n                        }\n                    } else {\n                        if (_this2.mode === 'order') {\n                            _this2.ended = true;\n                            _this2.pause();\n                            _this2.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                this.audios[indexMusic] = this.audio;\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            var parseLrc = function parseLrc(lrc_s) {\n                var lyric = lrc_s.split('\\n');\n                var lrc = [];\n                var lyricLen = lyric.length;\n                for (var i = 0; i < lyricLen; i++) {\n                    // match lrc time\n                    var lrcTimes = lyric[i].match(/\\[(\\d{2}):(\\d{2})\\.(\\d{2,3})]/g);\n                    // match lrc text\n                    var 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                        var timeLen = lrcTimes.length;\n                        for (var j = 0; j < timeLen; j++) {\n                            var oneTime = /\\[(\\d{2}):(\\d{2})\\.(\\d{2,3})]/.exec(lrcTimes[j]);\n                            var 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(function (a, b) {\n                    return a[0] - b[0];\n                });\n                return lrc;\n            };\n\n            // fill in lrc\n            if (this.option.showlrc) {\n                var _index = indexMusic;\n\n                if (!this.lrcs[_index]) {\n                    var lrcs = '';\n                    if (this.option.showlrc === 1) {\n                        lrcs = this.option.music[_index].lrc;\n                    } else if (this.option.showlrc === 2 || this.option.showlrc === true) {\n                        lrcs = this.savelrc[_index];\n                    } else if (this.option.showlrc === 3) {\n                        var xhr = new XMLHttpRequest();\n                        xhr.onreadystatechange = function () {\n                            if (xhr.readyState === 4) {\n                                if (xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) {\n                                    lrcs = xhr.responseText;\n                                    _this2.lrcs[_index] = parseLrc(lrcs);\n                                } else {\n                                    console.log('Request was unsuccessful: ' + xhr.status);\n                                    _this2.lrcs[_index] = [['00:00', 'Not available']];\n                                }\n                                _this2.lrc = _this2.lrcs[_index];\n                                var _lrcHTML = '';\n                                _this2.lrcContents = _this2.element.getElementsByClassName('aplayer-lrc-contents')[0];\n                                for (var i = 0; i < _this2.lrc.length; i++) {\n                                    _lrcHTML += \"<p>\" + _this2.lrc[i][1] + \"</p>\";\n                                }\n                                _this2.lrcContents.innerHTML = _lrcHTML;\n                                if (!_this2.lrcIndex) {\n                                    _this2.lrcIndex = 0;\n                                }\n                                _this2.lrcContents.getElementsByTagName('p')[0].classList.add('aplayer-lrc-current');\n                                _this2.lrcContents.style.transform = 'translateY(0px)';\n                                _this2.lrcContents.style.webkitTransform = 'translateY(0px)';\n                            }\n                        };\n                        var apiurl = void 0;\n                        apiurl = this.option.music[_index].lrc;\n                        xhr.open('get', apiurl, true);\n                        xhr.send(null);\n                    }\n                    if (lrcs) {\n                        this.lrcs[_index] = parseLrc(lrcs);\n                    } else {\n                        if (this.option.showlrc === 3) {\n                            this.lrcs[_index] = [['00:00', 'Loading']];\n                        } else {\n                            this.lrcs[_index] = [['00:00', 'Not available']];\n                        }\n                    }\n                }\n\n                this.lrc = this.lrcs[_index];\n                var lrcHTML = '';\n                this.lrcContents = this.element.getElementsByClassName('aplayer-lrc-contents')[0];\n                for (var 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) {\n                // 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\n        /**\n         * Play music\n         */\n\n    }, {\n        key: \"play\",\n        value: function play(time) {\n            if (Object.prototype.toString.call(time) === '[object Number]') {\n                this.audio.currentTime = time;\n            }\n            if (this.audio.paused) {\n                this.audio.play();\n            }\n        }\n\n        /**\n         * Pause music\n         */\n\n    }, {\n        key: \"pause\",\n        value: function pause() {\n            if (!this.audio.paused) {\n                this.audio.pause();\n            }\n        }\n\n        /**\n         * Set volume\n         */\n\n    }, {\n        key: \"volume\",\n        value: function 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            } 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\n    }, {\n        key: \"on\",\n        value: function 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\n    }, {\n        key: \"toggle\",\n        value: function toggle() {\n            if (this.button.classList.contains('aplayer-play')) {\n                this.play();\n            } else if (this.button.classList.contains('aplayer-pause')) {\n                this.pause();\n            }\n        }\n\n        /**\n         * get random order, using Fisher–Yates shuffle\n         */\n\n    }, {\n        key: \"getRandomOrder\",\n        value: function getRandomOrder() {\n            function random(min, max) {\n                if (max == null) {\n                    max = min;\n                    min = 0;\n                }\n                return min + Math.floor(Math.random() * (max - min + 1));\n            }\n            function shuffle(arr) {\n                var length = arr.length,\n                    shuffled = new Array(length);\n                for (var index = 0, rand; index < length; index++) {\n                    rand = random(0, index);\n                    if (rand !== index) shuffled[index] = shuffled[rand];\n                    shuffled[rand] = arr[index];\n                }\n                return shuffled;\n            }\n            if (this.multiple) {\n                this.randomOrder = shuffle([].concat(_toConsumableArray(Array(this.option.music.length))).map(function (item, i) {\n                    return i;\n                }));\n            }\n        }\n\n        /**\n         * get next random number\n         */\n\n    }, {\n        key: \"nextRandomNum\",\n        value: function nextRandomNum() {\n            if (this.multiple) {\n                var index = this.randomOrder.indexOf(this.playIndex);\n                if (index === this.randomOrder.length - 1) {\n                    return this.randomOrder[0];\n                } else {\n                    return this.randomOrder[index + 1];\n                }\n            } else {\n                return 0;\n            }\n        }\n\n        /**\n         * destroy this player\n         */\n\n    }, {\n        key: \"destroy\",\n        value: function destroy() {\n            instances.splice(instances.indexOf(this), 1);\n            this.pause();\n            this.element.innerHTML = '';\n            clearInterval(this.playedTime);\n            for (var key in this) {\n                if (this.hasOwnProperty(key)) {\n                    delete this[key];\n                }\n            }\n        }\n\n        /**\n         * add music dynamically\n         *\n         * @param {Array} newMusic\n         */\n\n    }, {\n        key: \"addMusic\",\n        value: function addMusic(newMusic) {\n            this.option.music = this.option.music.concat(newMusic);\n\n            var list = this.element.getElementsByClassName('aplayer-list')[0];\n            var listEle = list.getElementsByTagName('ol')[0];\n            var newItemHTML = \"\";\n            for (var i = 0; i < newMusic.length; i++) {\n                newItemHTML += \"\\n                <li>\\n                    <span class=\\\"aplayer-list-cur\\\" style=\\\"background: \" + this.option.theme + \";\\\"></span>\\n                    <span class=\\\"aplayer-list-index\\\">\" + (this.option.music.length - newMusic.length + i + 1) + \"</span>\\n                    <span class=\\\"aplayer-list-title\\\">\" + newMusic[i].title + \"</span>\\n                    <span class=\\\"aplayer-list-author\\\">\" + newMusic[i].author + \"</span>\\n                </li>\";\n            }\n            listEle.innerHTML += newItemHTML;\n\n            if (!this.multiple) {\n                this.multiple = true;\n                this.element.classList.add('aplayer-withlist');\n                this.audio.loop = false;\n            }\n\n            list.style.height = 'auto';\n            list.style.height = list.offsetHeight + 'px';\n\n            this.getRandomOrder();\n        }\n    }]);\n\n    return APlayer;\n}();\n\nmodule.exports = APlayer;\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports, __webpack_require__) {\n\nexports = module.exports = __webpack_require__(3)(undefined);\n// imports\n\n\n// module\nexports.push([module.i, \".aplayer-narrow {\\n  width: 66px; }\\n  .aplayer-narrow .aplayer-info {\\n    display: none; }\\n\\n.aplayer-withlrc.aplayer-narrow {\\n  width: 90px; }\\n\\n.aplayer-withlrc.aplayer .aplayer-pic {\\n  height: 90px;\\n  width: 90px; }\\n\\n.aplayer-withlrc.aplayer .aplayer-info {\\n  margin-left: 90px;\\n  height: 90px; }\\n\\n.aplayer-withlrc.aplayer .aplayer-lrc {\\n  display: block; }\\n\\n.aplayer-withlrc.aplayer .aplayer-info {\\n  padding: 10px 7px 0 7px; }\\n\\n.aplayer-withlist.aplayer .aplayer-info {\\n  border-bottom: 1px solid #e9e9e9; }\\n\\n.aplayer-withlist.aplayer .aplayer-list {\\n  display: block; }\\n\\n.aplayer-withlist.aplayer .aplayer-icon-menu {\\n  display: inline !important; }\\n\\n.aplayer {\\n  font-family: Arial, Helvetica, sans-serif;\\n  margin: 5px;\\n  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\\n          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\\n  border-radius: 2px;\\n  overflow: hidden;\\n  -webkit-user-select: none;\\n     -moz-user-select: none;\\n      -ms-user-select: none;\\n          user-select: none;\\n  line-height: initial; }\\n  .aplayer * {\\n    -webkit-box-sizing: content-box;\\n            box-sizing: content-box; }\\n  .aplayer .aplayer-icon {\\n    width: 15px;\\n    height: 15px;\\n    border: none;\\n    background-color: transparent;\\n    outline: none;\\n    cursor: pointer;\\n    opacity: .8;\\n    vertical-align: middle;\\n    padding: 0;\\n    font-size: 12px;\\n    margin: 0;\\n    display: inline; }\\n    .aplayer .aplayer-icon .aplayer-fill {\\n      -webkit-transition: all .2s ease-in-out;\\n      transition: all .2s ease-in-out; }\\n  .aplayer .aplayer-lrc-content {\\n    display: none; }\\n  .aplayer .aplayer-pic {\\n    position: relative;\\n    float: left;\\n    height: 66px;\\n    width: 66px;\\n    background-image: url(\" + __webpack_require__(6) + \");\\n    background-size: 100%;\\n    -webkit-transition: all 0.3s ease;\\n    transition: all 0.3s ease; }\\n    .aplayer .aplayer-pic .aplayer-button {\\n      position: absolute;\\n      border-radius: 50%;\\n      opacity: 0.8;\\n      cursor: pointer;\\n      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);\\n      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);\\n              box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);\\n      background: rgba(0, 0, 0, 0.2);\\n      -webkit-transition: all 0.1s ease;\\n      transition: all 0.1s ease; }\\n      .aplayer .aplayer-pic .aplayer-button:hover {\\n        opacity: 1; }\\n      .aplayer .aplayer-pic .aplayer-button .aplayer-fill {\\n        fill: #fff; }\\n    .aplayer .aplayer-pic .aplayer-hide {\\n      display: none; }\\n    .aplayer .aplayer-pic .aplayer-play {\\n      width: 26px;\\n      height: 26px;\\n      border: 2px solid #fff;\\n      bottom: 50%;\\n      right: 50%;\\n      margin: 0 -15px -15px 0; }\\n      .aplayer .aplayer-pic .aplayer-play .aplayer-icon-play {\\n        position: absolute;\\n        top: 3px;\\n        left: 4px;\\n        height: 20px;\\n        width: 20px; }\\n    .aplayer .aplayer-pic .aplayer-pause {\\n      width: 16px;\\n      height: 16px;\\n      border: 2px solid #fff;\\n      bottom: 4px;\\n      right: 4px; }\\n      .aplayer .aplayer-pic .aplayer-pause .aplayer-icon-pause {\\n        position: absolute;\\n        top: 2px;\\n        left: 2px;\\n        height: 12px;\\n        width: 12px; }\\n  .aplayer .aplayer-info {\\n    margin-left: 66px;\\n    padding: 14px 7px 0 10px;\\n    height: 66px;\\n    -webkit-box-sizing: border-box;\\n            box-sizing: border-box; }\\n    .aplayer .aplayer-info .aplayer-music {\\n      overflow: hidden;\\n      white-space: nowrap;\\n      text-overflow: ellipsis;\\n      margin: 0 0 13px 5px;\\n      -webkit-user-select: text;\\n         -moz-user-select: text;\\n          -ms-user-select: text;\\n              user-select: text;\\n      cursor: default;\\n      padding-bottom: 2px; }\\n      .aplayer .aplayer-info .aplayer-music .aplayer-title {\\n        font-size: 14px; }\\n      .aplayer .aplayer-info .aplayer-music .aplayer-author {\\n        font-size: 12px;\\n        color: #666; }\\n    .aplayer .aplayer-info .aplayer-controller {\\n      position: relative;\\n      display: -webkit-box;\\n      display: -ms-flexbox;\\n      display: flex; }\\n      .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {\\n        margin: 0 0 0 5px;\\n        padding: 4px 0;\\n        cursor: pointer !important;\\n        -webkit-box-flex: 1;\\n            -ms-flex: 1;\\n                flex: 1; }\\n        .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {\\n          position: relative;\\n          height: 2px;\\n          width: 100%;\\n          background: #cdcdcd; }\\n          .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded {\\n            position: absolute;\\n            left: 0;\\n            top: 0;\\n            bottom: 0;\\n            background: #aaa;\\n            height: 2px;\\n            -webkit-transition: all 0.5s ease;\\n            transition: all 0.5s ease; }\\n          .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {\\n            position: absolute;\\n            left: 0;\\n            top: 0;\\n            bottom: 0;\\n            height: 2px; }\\n            .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {\\n              position: absolute;\\n              top: 0;\\n              right: 5px;\\n              margin-top: -4px;\\n              margin-right: -10px;\\n              height: 8px;\\n              width: 8px;\\n              border-radius: 50%;\\n              background: #fff;\\n              cursor: pointer !important; }\\n      .aplayer .aplayer-info .aplayer-controller .aplayer-time {\\n        position: relative;\\n        right: 0;\\n        bottom: 3px;\\n        height: 17px;\\n        color: #999;\\n        font-size: 11px;\\n        padding-left: 7px; }\\n        .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner {\\n          vertical-align: middle; }\\n        .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon {\\n          cursor: pointer;\\n          -webkit-transition: all 0.2s ease;\\n          transition: all 0.2s ease; }\\n          .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon .aplayer-fill {\\n            fill: #666; }\\n          .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-mode {\\n            margin-right: 4px; }\\n          .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover .aplayer-fill {\\n            fill: #000; }\\n          .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu {\\n            display: none; }\\n        .aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-mode {\\n          display: none; }\\n        .aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu {\\n          display: none; }\\n      .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap {\\n        position: relative;\\n        display: inline-block;\\n        margin-left: 3px;\\n        cursor: pointer !important; }\\n        .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap {\\n          display: block; }\\n        .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap {\\n          display: none;\\n          position: absolute;\\n          bottom: 15px;\\n          right: -3px;\\n          width: 25px;\\n          height: 40px;\\n          z-index: 99; }\\n          .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar {\\n            position: absolute;\\n            bottom: 0;\\n            right: 10px;\\n            width: 5px;\\n            height: 35px;\\n            background: #aaa; }\\n            .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume {\\n              position: absolute;\\n              bottom: 0;\\n              right: 0;\\n              width: 5px;\\n              -webkit-transition: all 0.1s ease;\\n              transition: all 0.1s ease; }\\n  .aplayer .aplayer-lrc {\\n    display: none;\\n    position: relative;\\n    height: 30px;\\n    text-align: center;\\n    overflow: hidden;\\n    margin: -10px 0 7px; }\\n    .aplayer .aplayer-lrc:before {\\n      position: absolute;\\n      top: 0;\\n      z-index: 1;\\n      display: block;\\n      overflow: hidden;\\n      width: 100%;\\n      height: 10%;\\n      content: ' ';\\n      background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0)));\\n      background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);\\n      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); }\\n    .aplayer .aplayer-lrc:after {\\n      position: absolute;\\n      bottom: 0;\\n      z-index: 1;\\n      display: block;\\n      overflow: hidden;\\n      width: 100%;\\n      height: 33%;\\n      content: ' ';\\n      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.8)));\\n      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);\\n      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ccffffff',GradientType=0 ); }\\n    .aplayer .aplayer-lrc p {\\n      font-size: 12px;\\n      color: #666;\\n      line-height: 16px !important;\\n      height: 16px !important;\\n      padding: 0 !important;\\n      margin: 0 !important;\\n      -webkit-transition: all 0.5s ease-out;\\n      transition: all 0.5s ease-out;\\n      opacity: 0.4;\\n      overflow: hidden; }\\n      .aplayer .aplayer-lrc p.aplayer-lrc-current {\\n        opacity: 1;\\n        overflow: visible;\\n        height: initial !important; }\\n    .aplayer .aplayer-lrc .aplayer-lrc-contents {\\n      width: 100%;\\n      -webkit-transition: all 0.5s ease-out;\\n      transition: all 0.5s ease-out;\\n      -webkit-user-select: text;\\n         -moz-user-select: text;\\n          -ms-user-select: text;\\n              user-select: text;\\n      cursor: default; }\\n  .aplayer .aplayer-list {\\n    overflow: auto;\\n    -webkit-transition: all 0.5s ease;\\n    transition: all 0.5s ease;\\n    will-change: height;\\n    display: none; }\\n    .aplayer .aplayer-list.aplayer-list-hide {\\n      height: 0 !important; }\\n    .aplayer .aplayer-list::-webkit-scrollbar {\\n      width: 5px; }\\n    .aplayer .aplayer-list::-webkit-scrollbar-track {\\n      background-color: #f9f9f9; }\\n    .aplayer .aplayer-list::-webkit-scrollbar-thumb {\\n      border-radius: 3px;\\n      background-color: #eee; }\\n    .aplayer .aplayer-list::-webkit-scrollbar-thumb:hover {\\n      background-color: #ccc; }\\n    .aplayer .aplayer-list ol {\\n      list-style-type: none;\\n      margin: 0;\\n      padding: 0; }\\n      .aplayer .aplayer-list ol li {\\n        position: relative;\\n        height: 32px;\\n        line-height: 32px;\\n        padding: 0 15px;\\n        font-size: 12px;\\n        border-top: 1px solid #e9e9e9;\\n        cursor: pointer;\\n        -webkit-transition: all 0.2s ease;\\n        transition: all 0.2s ease;\\n        overflow: hidden; }\\n        .aplayer .aplayer-list ol li:first-child {\\n          border-top: none; }\\n        .aplayer .aplayer-list ol li:hover {\\n          background: #efefef; }\\n        .aplayer .aplayer-list ol li.aplayer-list-light {\\n          background: #e9e9e9; }\\n          .aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur {\\n            display: inline-block; }\\n        .aplayer .aplayer-list ol li .aplayer-list-cur {\\n          display: none;\\n          width: 3px;\\n          height: 22px;\\n          position: absolute;\\n          left: 0;\\n          top: 5px;\\n          cursor: pointer; }\\n        .aplayer .aplayer-list ol li .aplayer-list-index {\\n          color: #666;\\n          margin-right: 12px;\\n          cursor: pointer; }\\n        .aplayer .aplayer-list ol li .aplayer-list-author {\\n          color: #666;\\n          float: right;\\n          cursor: pointer; }\\n\\n@-webkit-keyframes aplayer-roll {\\n  0% {\\n    left: 0; }\\n  100% {\\n    left: -100%; } }\\n\\n@keyframes aplayer-roll {\\n  0% {\\n    left: 0; }\\n  100% {\\n    left: -100%; } }\\n\", \"\"]);\n\n// exports\n\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports) {\n\n/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function(useSourceMap) {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\treturn this.map(function (item) {\n\t\t\tvar content = cssWithMappingToString(item, useSourceMap);\n\t\t\tif(item[2]) {\n\t\t\t\treturn \"@media \" + item[2] + \"{\" + content + \"}\";\n\t\t\t} else {\n\t\t\t\treturn content;\n\t\t\t}\n\t\t}).join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t//  when a module is imported multiple times with different media queries.\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n\tvar content = item[1] || '';\n\tvar cssMapping = item[3];\n\tif (!cssMapping) {\n\t\treturn content;\n\t}\n\n\tif (useSourceMap && typeof btoa === 'function') {\n\t\tvar sourceMapping = toComment(cssMapping);\n\t\tvar sourceURLs = cssMapping.sources.map(function (source) {\n\t\t\treturn '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'\n\t\t});\n\n\t\treturn [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n\t}\n\n\treturn [content].join('\\n');\n}\n\n// Adapted from convert-source-map (MIT)\nfunction toComment(sourceMap) {\n\t// eslint-disable-next-line no-undef\n\tvar base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n\tvar data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n\n\treturn '/*# ' + data + ' */';\n}\n\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports, __webpack_require__) {\n\n/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n\nvar stylesInDom = {};\n\nvar\tmemoize = function (fn) {\n\tvar memo;\n\n\treturn function () {\n\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\n\t\treturn memo;\n\t};\n};\n\nvar isOldIE = memoize(function () {\n\t// Test for IE <= 9 as proposed by Browserhacks\n\t// @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805\n\t// Tests for existence of standard globals is to allow style-loader\n\t// to operate correctly into non-standard environments\n\t// @see https://github.com/webpack-contrib/style-loader/issues/177\n\treturn window && document && document.all && !window.atob;\n});\n\nvar getElement = (function (fn) {\n\tvar memo = {};\n\n\treturn function(selector) {\n\t\tif (typeof memo[selector] === \"undefined\") {\n\t\t\tmemo[selector] = fn.call(this, selector);\n\t\t}\n\n\t\treturn memo[selector]\n\t};\n})(function (target) {\n\treturn document.querySelector(target)\n});\n\nvar singleton = null;\nvar\tsingletonCounter = 0;\nvar\tstylesInsertedAtTop = [];\n\nvar\tfixUrls = __webpack_require__(5);\n\nmodule.exports = function(list, options) {\n\tif (typeof DEBUG !== \"undefined\" && DEBUG) {\n\t\tif (typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\n\t}\n\n\toptions = options || {};\n\n\toptions.attrs = typeof options.attrs === \"object\" ? options.attrs : {};\n\n\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n\t// tags it will allow on a page\n\tif (!options.singleton) options.singleton = isOldIE();\n\n\t// By default, add <style> tags to the <head> element\n\tif (!options.insertInto) options.insertInto = \"head\";\n\n\t// By default, add <style> tags to the bottom of the target\n\tif (!options.insertAt) options.insertAt = \"bottom\";\n\n\tvar styles = listToStyles(list, options);\n\n\taddStylesToDom(styles, options);\n\n\treturn function update (newList) {\n\t\tvar mayRemove = [];\n\n\t\tfor (var i = 0; i < styles.length; i++) {\n\t\t\tvar item = styles[i];\n\t\t\tvar domStyle = stylesInDom[item.id];\n\n\t\t\tdomStyle.refs--;\n\t\t\tmayRemove.push(domStyle);\n\t\t}\n\n\t\tif(newList) {\n\t\t\tvar newStyles = listToStyles(newList, options);\n\t\t\taddStylesToDom(newStyles, options);\n\t\t}\n\n\t\tfor (var i = 0; i < mayRemove.length; i++) {\n\t\t\tvar domStyle = mayRemove[i];\n\n\t\t\tif(domStyle.refs === 0) {\n\t\t\t\tfor (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j]();\n\n\t\t\t\tdelete stylesInDom[domStyle.id];\n\t\t\t}\n\t\t}\n\t};\n};\n\nfunction addStylesToDom (styles, options) {\n\tfor (var i = 0; i < styles.length; i++) {\n\t\tvar item = styles[i];\n\t\tvar domStyle = stylesInDom[item.id];\n\n\t\tif(domStyle) {\n\t\t\tdomStyle.refs++;\n\n\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\n\t\t\t\tdomStyle.parts[j](item.parts[j]);\n\t\t\t}\n\n\t\t\tfor(; j < item.parts.length; j++) {\n\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\n\t\t\t}\n\t\t} else {\n\t\t\tvar parts = [];\n\n\t\t\tfor(var j = 0; j < item.parts.length; j++) {\n\t\t\t\tparts.push(addStyle(item.parts[j], options));\n\t\t\t}\n\n\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\n\t\t}\n\t}\n}\n\nfunction listToStyles (list, options) {\n\tvar styles = [];\n\tvar newStyles = {};\n\n\tfor (var i = 0; i < list.length; i++) {\n\t\tvar item = list[i];\n\t\tvar id = options.base ? item[0] + options.base : item[0];\n\t\tvar css = item[1];\n\t\tvar media = item[2];\n\t\tvar sourceMap = item[3];\n\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\n\n\t\tif(!newStyles[id]) styles.push(newStyles[id] = {id: id, parts: [part]});\n\t\telse newStyles[id].parts.push(part);\n\t}\n\n\treturn styles;\n}\n\nfunction insertStyleElement (options, style) {\n\tvar target = getElement(options.insertInto)\n\n\tif (!target) {\n\t\tthrow new Error(\"Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.\");\n\t}\n\n\tvar lastStyleElementInsertedAtTop = stylesInsertedAtTop[stylesInsertedAtTop.length - 1];\n\n\tif (options.insertAt === \"top\") {\n\t\tif (!lastStyleElementInsertedAtTop) {\n\t\t\ttarget.insertBefore(style, target.firstChild);\n\t\t} else if (lastStyleElementInsertedAtTop.nextSibling) {\n\t\t\ttarget.insertBefore(style, lastStyleElementInsertedAtTop.nextSibling);\n\t\t} else {\n\t\t\ttarget.appendChild(style);\n\t\t}\n\t\tstylesInsertedAtTop.push(style);\n\t} else if (options.insertAt === \"bottom\") {\n\t\ttarget.appendChild(style);\n\t} else {\n\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\n\t}\n}\n\nfunction removeStyleElement (style) {\n\tif (style.parentNode === null) return false;\n\tstyle.parentNode.removeChild(style);\n\n\tvar idx = stylesInsertedAtTop.indexOf(style);\n\tif(idx >= 0) {\n\t\tstylesInsertedAtTop.splice(idx, 1);\n\t}\n}\n\nfunction createStyleElement (options) {\n\tvar style = document.createElement(\"style\");\n\n\toptions.attrs.type = \"text/css\";\n\n\taddAttrs(style, options.attrs);\n\tinsertStyleElement(options, style);\n\n\treturn style;\n}\n\nfunction createLinkElement (options) {\n\tvar link = document.createElement(\"link\");\n\n\toptions.attrs.type = \"text/css\";\n\toptions.attrs.rel = \"stylesheet\";\n\n\taddAttrs(link, options.attrs);\n\tinsertStyleElement(options, link);\n\n\treturn link;\n}\n\nfunction addAttrs (el, attrs) {\n\tObject.keys(attrs).forEach(function (key) {\n\t\tel.setAttribute(key, attrs[key]);\n\t});\n}\n\nfunction addStyle (obj, options) {\n\tvar style, update, remove, result;\n\n\t// If a transform function was defined, run it on the css\n\tif (options.transform && obj.css) {\n\t    result = options.transform(obj.css);\n\n\t    if (result) {\n\t    \t// If transform returns a value, use that instead of the original css.\n\t    \t// This allows running runtime transformations on the css.\n\t    \tobj.css = result;\n\t    } else {\n\t    \t// If the transform function returns a falsy value, don't add this css.\n\t    \t// This allows conditional loading of css\n\t    \treturn function() {\n\t    \t\t// noop\n\t    \t};\n\t    }\n\t}\n\n\tif (options.singleton) {\n\t\tvar styleIndex = singletonCounter++;\n\n\t\tstyle = singleton || (singleton = createStyleElement(options));\n\n\t\tupdate = applyToSingletonTag.bind(null, style, styleIndex, false);\n\t\tremove = applyToSingletonTag.bind(null, style, styleIndex, true);\n\n\t} else if (\n\t\tobj.sourceMap &&\n\t\ttypeof URL === \"function\" &&\n\t\ttypeof URL.createObjectURL === \"function\" &&\n\t\ttypeof URL.revokeObjectURL === \"function\" &&\n\t\ttypeof Blob === \"function\" &&\n\t\ttypeof btoa === \"function\"\n\t) {\n\t\tstyle = createLinkElement(options);\n\t\tupdate = updateLink.bind(null, style, options);\n\t\tremove = function () {\n\t\t\tremoveStyleElement(style);\n\n\t\t\tif(style.href) URL.revokeObjectURL(style.href);\n\t\t};\n\t} else {\n\t\tstyle = createStyleElement(options);\n\t\tupdate = applyToTag.bind(null, style);\n\t\tremove = function () {\n\t\t\tremoveStyleElement(style);\n\t\t};\n\t}\n\n\tupdate(obj);\n\n\treturn function updateStyle (newObj) {\n\t\tif (newObj) {\n\t\t\tif (\n\t\t\t\tnewObj.css === obj.css &&\n\t\t\t\tnewObj.media === obj.media &&\n\t\t\t\tnewObj.sourceMap === obj.sourceMap\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tupdate(obj = newObj);\n\t\t} else {\n\t\t\tremove();\n\t\t}\n\t};\n}\n\nvar replaceText = (function () {\n\tvar textStore = [];\n\n\treturn function (index, replacement) {\n\t\ttextStore[index] = replacement;\n\n\t\treturn textStore.filter(Boolean).join('\\n');\n\t};\n})();\n\nfunction applyToSingletonTag (style, index, remove, obj) {\n\tvar css = remove ? \"\" : obj.css;\n\n\tif (style.styleSheet) {\n\t\tstyle.styleSheet.cssText = replaceText(index, css);\n\t} else {\n\t\tvar cssNode = document.createTextNode(css);\n\t\tvar childNodes = style.childNodes;\n\n\t\tif (childNodes[index]) style.removeChild(childNodes[index]);\n\n\t\tif (childNodes.length) {\n\t\t\tstyle.insertBefore(cssNode, childNodes[index]);\n\t\t} else {\n\t\t\tstyle.appendChild(cssNode);\n\t\t}\n\t}\n}\n\nfunction applyToTag (style, obj) {\n\tvar css = obj.css;\n\tvar media = obj.media;\n\n\tif(media) {\n\t\tstyle.setAttribute(\"media\", media)\n\t}\n\n\tif(style.styleSheet) {\n\t\tstyle.styleSheet.cssText = css;\n\t} else {\n\t\twhile(style.firstChild) {\n\t\t\tstyle.removeChild(style.firstChild);\n\t\t}\n\n\t\tstyle.appendChild(document.createTextNode(css));\n\t}\n}\n\nfunction updateLink (link, options, obj) {\n\tvar css = obj.css;\n\tvar sourceMap = obj.sourceMap;\n\n\t/*\n\t\tIf convertToAbsoluteUrls isn't defined, but sourcemaps are enabled\n\t\tand there is no publicPath defined then lets turn convertToAbsoluteUrls\n\t\ton by default.  Otherwise default to the convertToAbsoluteUrls option\n\t\tdirectly\n\t*/\n\tvar autoFixUrls = options.convertToAbsoluteUrls === undefined && sourceMap;\n\n\tif (options.convertToAbsoluteUrls || autoFixUrls) {\n\t\tcss = fixUrls(css);\n\t}\n\n\tif (sourceMap) {\n\t\t// http://stackoverflow.com/a/26603875\n\t\tcss += \"\\n/*# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" */\";\n\t}\n\n\tvar blob = new Blob([css], { type: \"text/css\" });\n\n\tvar oldSrc = link.href;\n\n\tlink.href = URL.createObjectURL(blob);\n\n\tif(oldSrc) URL.revokeObjectURL(oldSrc);\n}\n\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports) {\n\n\n/**\n * When source maps are enabled, `style-loader` uses a link element with a data-uri to\n * embed the css on the page. This breaks all relative urls because now they are relative to a\n * bundle instead of the current page.\n *\n * One solution is to only use full urls, but that may be impossible.\n *\n * Instead, this function \"fixes\" the relative urls to be absolute according to the current page location.\n *\n * A rudimentary test suite is located at `test/fixUrls.js` and can be run via the `npm test` command.\n *\n */\n\nmodule.exports = function (css) {\n  // get current location\n  var location = typeof window !== \"undefined\" && window.location;\n\n  if (!location) {\n    throw new Error(\"fixUrls requires window.location\");\n  }\n\n\t// blank or null?\n\tif (!css || typeof css !== \"string\") {\n\t  return css;\n  }\n\n  var baseUrl = location.protocol + \"//\" + location.host;\n  var currentDir = baseUrl + location.pathname.replace(/\\/[^\\/]*$/, \"/\");\n\n\t// convert each url(...)\n\t/*\n\tThis regular expression is just a way to recursively match brackets within\n\ta string.\n\n\t /url\\s*\\(  = Match on the word \"url\" with any whitespace after it and then a parens\n\t   (  = Start a capturing group\n\t     (?:  = Start a non-capturing group\n\t         [^)(]  = Match anything that isn't a parentheses\n\t         |  = OR\n\t         \\(  = Match a start parentheses\n\t             (?:  = Start another non-capturing groups\n\t                 [^)(]+  = Match anything that isn't a parentheses\n\t                 |  = OR\n\t                 \\(  = Match a start parentheses\n\t                     [^)(]*  = Match anything that isn't a parentheses\n\t                 \\)  = Match a end parentheses\n\t             )  = End Group\n              *\\) = Match anything and then a close parens\n          )  = Close non-capturing group\n          *  = Match anything\n       )  = Close capturing group\n\t \\)  = Match a close parens\n\n\t /gi  = Get all matches, not the first.  Be case insensitive.\n\t */\n\tvar fixedCss = css.replace(/url\\s*\\(((?:[^)(]|\\((?:[^)(]+|\\([^)(]*\\))*\\))*)\\)/gi, function(fullMatch, origUrl) {\n\t\t// strip quotes (if they exist)\n\t\tvar unquotedOrigUrl = origUrl\n\t\t\t.trim()\n\t\t\t.replace(/^\"(.*)\"$/, function(o, $1){ return $1; })\n\t\t\t.replace(/^'(.*)'$/, function(o, $1){ return $1; });\n\n\t\t// already a full url? no change\n\t\tif (/^(#|data:|http:\\/\\/|https:\\/\\/|file:\\/\\/\\/)/i.test(unquotedOrigUrl)) {\n\t\t  return fullMatch;\n\t\t}\n\n\t\t// convert the url to a full url\n\t\tvar newUrl;\n\n\t\tif (unquotedOrigUrl.indexOf(\"//\") === 0) {\n\t\t  \t//TODO: should we add protocol?\n\t\t\tnewUrl = unquotedOrigUrl;\n\t\t} else if (unquotedOrigUrl.indexOf(\"/\") === 0) {\n\t\t\t// path should be relative to the base url\n\t\t\tnewUrl = baseUrl + unquotedOrigUrl; // already starts with '/'\n\t\t} else {\n\t\t\t// path should be relative to current directory\n\t\t\tnewUrl = currentDir + unquotedOrigUrl.replace(/^\\.\\//, \"\"); // Strip leading './'\n\t\t}\n\n\t\t// send back the fixed url(...)\n\t\treturn \"url(\" + JSON.stringify(newUrl) + \")\";\n\t});\n\n\t// send back the fixed css\n\treturn fixedCss;\n};\n\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports) {\n\nmodule.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});\n\n\n// WEBPACK FOOTER //\n// APlayer.min.js"," \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 \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\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.l = 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// identity function for calling harmony imports with the correct context\n \t__webpack_require__.i = function(value) { return value; };\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 151b8bf315d0a255be83","// 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/lib/index.js!../node_modules/sass-loader/lib/loader.js!./APlayer.scss\");\nif(typeof content === 'string') content = [[module.id, content, '']];\n// Prepare cssTransformation\nvar transform;\n\nvar options = {}\noptions.transform = transform\n// add the styles to the DOM\nvar update = require(\"!../node_modules/style-loader/lib/addStyles.js\")(content, options);\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/lib/index.js!../node_modules/sass-loader/lib/loader.js!./APlayer.scss\", function() {\n\t\t\tvar newContent = require(\"!!../node_modules/css-loader/index.js!../node_modules/postcss-loader/lib/index.js!../node_modules/sass-loader/lib/loader.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 = 0\n// module chunks = 0","console.log(\"\\n %c APlayer 1.6.1 %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 38 32', 'M2.072 21.577c0.71-0.197 1.125-0.932 0.928-1.641-0.221-0.796-0.333-1.622-0.333-2.457 0-5.049 4.108-9.158 9.158-9.158h5.428c0.056-0.922 0.221-1.816 0.482-2.667h-5.911c-3.158 0-6.128 1.23-8.361 3.463s-3.463 5.203-3.463 8.361c0 1.076 0.145 2.143 0.431 3.171 0.164 0.59 0.7 0.976 1.284 0.976 0.117 0 0.238-0.016 0.357-0.049zM21.394 25.613h-12.409v-2.362c0-0.758-0.528-1.052-1.172-0.652l-5.685 3.522c-0.644 0.4-0.651 1.063-0.014 1.474l5.712 3.69c0.637 0.411 1.158 0.127 1.158-0.63v-2.374h12.409c3.158 0 6.128-1.23 8.361-3.463 1.424-1.424 2.44-3.148 2.99-5.029-0.985 0.368-2.033 0.606-3.125 0.691-1.492 3.038-4.619 5.135-8.226 5.135zM28.718 0c-4.985 0-9.026 4.041-9.026 9.026s4.041 9.026 9.026 9.026 9.026-4.041 9.026-9.026-4.041-9.026-9.026-9.026zM30.392 13.827h-1.728v-6.822c-0.635 0.576-1.433 1.004-2.407 1.285v-1.713c0.473-0.118 0.975-0.325 1.506-0.62 0.532-0.325 0.975-0.665 1.329-1.034h1.3v8.904z'],\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        this.option = option;\n        this.audios = [];\n        this.mode = option.mode;\n\n        /**\n         * Parse second to 00:00 format. 00:00:00 if audio is over an hour long.\n         *\n         * @param {Number} second\n         * @return {String} 00:00 format. 00:00:00 if over an hour long.\n         */\n        this.secondToTime = (second) => {\n            if (isNaN(second)) {\n                return '00:00';\n            }\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            const hours = parseInt(min / 60);\n            const minAdjust = parseInt((second / 60) - (60 * parseInt((second / 60) / 60)));\n            return second >= 3600 ? add0(hours) + ':' + add0(minAdjust) + ':' + add0(sec) : 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 * 16}px)`;\n                        this.lrcContents.style.webkitTransform = `translateY(${-this.lrcIndex * 16}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        // multiple music\n        this.playIndex = 0;\n        this.multiple = Object.prototype.toString.call(option.music) === '[object Array]';\n        if (!this.multiple) {\n            this.option.music = [this.option.music];\n        }\n        this.music = this.option.music[this.playIndex];\n\n        // add class aplayer-withlrc\n        if (this.option.showlrc) {\n            this.element.classList.add('aplayer-withlrc');\n        }\n        if (this.option.music.length > 1) {\n            this.element.classList.add('aplayer-withlist');\n        }\n\n        if (!this.multiple && this.mode !== 'circulation' && this.mode !== 'order') {\n            this.mode = 'circulation';\n        }\n        this.getRandomOrder();\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 type=\"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 type=\"button\" class=\"aplayer-icon aplayer-icon-volume-down\" ${this.isMobile ? 'style=\"display: none;\"' : ''}>\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 type=\"button\" class=\"aplayer-icon aplayer-icon-mode\">\n                            ${this.getSVG(this.mode)}\n                        </button>\n                        <button type=\"button\" class=\"aplayer-icon aplayer-icon-menu\">\n                            ${this.getSVG('menu')}\n                        </button>\n                    </div>\n                </div>\n            </div>\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        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\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            this.toggle();\n        });\n\n        // click music list: change music\n        const list = this.element.getElementsByClassName('aplayer-list')[0];\n        list.addEventListener('click', (e) => {\n            let target;\n            if (e.target.tagName.toUpperCase() === 'LI') {\n                target = e.target;\n            }\n            else {\n                target = e.target.parentElement;\n            }\n            const musicIndex = parseInt(target.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        // 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            if (isNaN(this.audio.duration)) {\n                this.updateBar('played', 0, 'width');\n            }\n            else {\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\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            if (isNaN(this.audio.duration)) {\n                this.updateBar('played', 0, 'width');\n            }\n            else {\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\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.multiple) {\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            }\n            else {\n                if (this.mode === 'circulation') {\n                    this.mode = 'order';\n                }\n                else {\n                    this.mode = 'circulation';\n                }\n            }\n            modeEle.innerHTML = this.getSVG(this.mode);\n            this.audio.loop = !(this.multiple || this.mode === 'order');\n        });\n\n        // toggle menu control\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        if (this.mode === 'random') {\n            this.setMusic(this.randomOrder[0]);\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 (typeof(index) !== 'undefined') {\n            this.playIndex = index;\n        }\n        const indexMusic = this.playIndex;\n        this.music = this.option.music[indexMusic];\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.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        // set the previous audio object\n        if (!this.isMobile && this.audio) {\n            this.pause();\n            this.audio.currentTime = 0;\n        }\n\n        this.element.getElementsByClassName('aplayer-list')[0].scrollTop = indexMusic * 33;\n\n        // get this audio object\n        if (this.isMobile && this.audio) {\n            this.audio.src = this.music.url;\n            this.play();\n        }\n        else if (!this.isMobile && this.audios[indexMusic]) {\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        else {\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            this.audio.addEventListener('play', () => {\n                if (this.button.classList.contains('aplayer-play')) {\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 type=\"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                    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            this.audio.addEventListener('pause', () => {\n                if (this.button && (this.button.classList.contains('aplayer-pause') || 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 type=\"button\" class=\"aplayer-icon aplayer-icon-play\">`\n                            +           this.getSVG('play')\n                            + `     </button>`;\n                    }, 100);\n                    clearInterval(this.playedTime);\n                    this.trigger('pause');\n                }\n            });\n\n            // show audio time: the metadata has loaded or changed\n            this.audio.addEventListener('durationchange', () => {\n                if (this.audio.duration !== 1) {           // compatibility: Android browsers will output 1 at first\n                    this.element.getElementsByClassName('aplayer-dtime')[0].innerHTML = this.secondToTime(this.audio.duration);\n                }\n            });\n\n            // show audio loaded bar: to inform interested parties of progress downloading the media\n            this.audio.addEventListener('progress', () => {\n                const percentage = this.audio.buffered.length ? this.audio.buffered.end(this.audio.buffered.length - 1) / this.audio.duration : 0;\n                this.updateBar('loaded', percentage, 'width');\n            });\n\n            // audio download error: an error occurs\n            this.audio.addEventListener('error', () => {\n                this.element.getElementsByClassName('aplayer-author')[0].innerHTML = ` - Error happens ╥﹏╥`;\n                this.trigger('pause');\n            });\n\n            // audio can play: enough data is available that the media can be played\n            this.audio.addEventListener('canplay', () => {\n                this.trigger('canplay');\n            });\n\n            // multiple music play\n            this.ended = false;\n            this.audio.addEventListener('ended', () => {\n                if (this.multiple) {\n                    if (this.audio.currentTime !== 0) {\n                        if (this.mode === 'random') {\n                            this.setMusic(this.nextRandomNum());\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                else {\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            this.audios[indexMusic] = this.audio;\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 = indexMusic;\n\n            if (!this.lrcs[index]) {\n                let lrcs = '';\n                if (this.option.showlrc === 1) {\n                    lrcs = this.option.music[index].lrc;\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                            }\n                            else {\n                                console.log('Request was unsuccessful: ' + xhr.status);\n                                this.lrcs[index] = [['00:00', 'Not available']];\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                    let apiurl;\n                    apiurl = this.option.music[index].lrc;\n                    xhr.open('get', apiurl, true);\n                    xhr.send(null);\n                }\n                if (lrcs) {\n                    this.lrcs[index] = parseLrc(lrcs);\n                }\n                else {\n                    if (this.option.showlrc === 3) {\n                        this.lrcs[index] = [['00:00', 'Loading']];\n                    }\n                    else {\n                        this.lrcs[index] = [['00:00', 'Not available']];\n                    }\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\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.audio.play();\n        }\n    }\n\n    /**\n     * Pause music\n     */\n    pause() {\n        if (!this.audio.paused) {\n            this.audio.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.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    /**\n     * get random order, using Fisher–Yates shuffle\n     */\n    getRandomOrder() {\n        function random(min, max) {\n            if (max == null) {\n                max = min;\n                min = 0;\n            }\n            return min + Math.floor(Math.random() * (max - min + 1));\n        }\n        function shuffle(arr) {\n            var length = arr.length,\n                shuffled = new Array(length);\n            for (var index = 0, rand; index < length; index++) {\n                rand = random(0, index);\n                if (rand !== index) shuffled[index] = shuffled[rand];\n                shuffled[rand] = arr[index];\n            }\n            return shuffled;\n        }\n        if (this.multiple) {\n            this.randomOrder = shuffle([...Array(this.option.music.length)].map(function(item, i) {\n                return i;\n            }));\n        }\n    }\n\n    /**\n     * get next random number\n     */\n    nextRandomNum() {\n        if (this.multiple) {\n            let index = this.randomOrder.indexOf(this.playIndex);\n            if (index === this.randomOrder.length - 1) {\n                return this.randomOrder[0];\n            }\n            else {\n                return this.randomOrder[index + 1];\n            }\n        }\n        else {\n            return 0;\n        }\n    }\n\n    /**\n     * destroy this player\n     */\n    destroy() {\n        instances.splice(instances.indexOf(this), 1);\n        this.pause();\n        this.element.innerHTML = '';\n        clearInterval(this.playedTime);\n        for (let key in this) {\n            if (this.hasOwnProperty(key)) {\n                delete this[key];\n            }\n        }\n    }\n\n    /**\n     * add music dynamically\n     *\n     * @param {Array} newMusic\n     */\n    addMusic(newMusic) {\n        this.option.music = this.option.music.concat(newMusic);\n\n        const list = this.element.getElementsByClassName('aplayer-list')[0];\n        const listEle = list.getElementsByTagName('ol')[0];\n        let newItemHTML = ``;\n        for (let i = 0; i < newMusic.length; i++) {\n            newItemHTML += `\n                <li>\n                    <span class=\"aplayer-list-cur\" style=\"background: ${this.option.theme};\"></span>\n                    <span class=\"aplayer-list-index\">${this.option.music.length - newMusic.length + i + 1}</span>\n                    <span class=\"aplayer-list-title\">${newMusic[i].title}</span>\n                    <span class=\"aplayer-list-author\">${newMusic[i].author}</span>\n                </li>`\n        }\n        listEle.innerHTML += newItemHTML;\n\n        if (!this.multiple) {\n            this.multiple = true;\n            this.element.classList.add('aplayer-withlist');\n            this.audio.loop = false;\n        }\n\n        list.style.height = 'auto';\n        list.style.height = list.offsetHeight + 'px';\n\n        this.getRandomOrder();\n    }\n}\n\nmodule.exports = APlayer;\n\n\n\n// WEBPACK FOOTER //\n// ./src/APlayer.js","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \".aplayer-narrow {\\n  width: 66px; }\\n  .aplayer-narrow .aplayer-info {\\n    display: none; }\\n\\n.aplayer-withlrc.aplayer-narrow {\\n  width: 90px; }\\n\\n.aplayer-withlrc.aplayer .aplayer-pic {\\n  height: 90px;\\n  width: 90px; }\\n\\n.aplayer-withlrc.aplayer .aplayer-info {\\n  margin-left: 90px;\\n  height: 90px; }\\n\\n.aplayer-withlrc.aplayer .aplayer-lrc {\\n  display: block; }\\n\\n.aplayer-withlrc.aplayer .aplayer-info {\\n  padding: 10px 7px 0 7px; }\\n\\n.aplayer-withlist.aplayer .aplayer-info {\\n  border-bottom: 1px solid #e9e9e9; }\\n\\n.aplayer-withlist.aplayer .aplayer-list {\\n  display: block; }\\n\\n.aplayer-withlist.aplayer .aplayer-icon-menu {\\n  display: inline !important; }\\n\\n.aplayer {\\n  font-family: Arial, Helvetica, sans-serif;\\n  margin: 5px;\\n  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\\n          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\\n  border-radius: 2px;\\n  overflow: hidden;\\n  -webkit-user-select: none;\\n     -moz-user-select: none;\\n      -ms-user-select: none;\\n          user-select: none;\\n  line-height: initial; }\\n  .aplayer * {\\n    -webkit-box-sizing: content-box;\\n            box-sizing: content-box; }\\n  .aplayer .aplayer-icon {\\n    width: 15px;\\n    height: 15px;\\n    border: none;\\n    background-color: transparent;\\n    outline: none;\\n    cursor: pointer;\\n    opacity: .8;\\n    vertical-align: middle;\\n    padding: 0;\\n    font-size: 12px;\\n    margin: 0;\\n    display: inline; }\\n    .aplayer .aplayer-icon .aplayer-fill {\\n      -webkit-transition: all .2s ease-in-out;\\n      transition: all .2s ease-in-out; }\\n  .aplayer .aplayer-lrc-content {\\n    display: none; }\\n  .aplayer .aplayer-pic {\\n    position: relative;\\n    float: left;\\n    height: 66px;\\n    width: 66px;\\n    background-image: url(\" + require(\"./default.jpg\") + \");\\n    background-size: 100%;\\n    -webkit-transition: all 0.3s ease;\\n    transition: all 0.3s ease; }\\n    .aplayer .aplayer-pic .aplayer-button {\\n      position: absolute;\\n      border-radius: 50%;\\n      opacity: 0.8;\\n      cursor: pointer;\\n      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);\\n      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);\\n              box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);\\n      background: rgba(0, 0, 0, 0.2);\\n      -webkit-transition: all 0.1s ease;\\n      transition: all 0.1s ease; }\\n      .aplayer .aplayer-pic .aplayer-button:hover {\\n        opacity: 1; }\\n      .aplayer .aplayer-pic .aplayer-button .aplayer-fill {\\n        fill: #fff; }\\n    .aplayer .aplayer-pic .aplayer-hide {\\n      display: none; }\\n    .aplayer .aplayer-pic .aplayer-play {\\n      width: 26px;\\n      height: 26px;\\n      border: 2px solid #fff;\\n      bottom: 50%;\\n      right: 50%;\\n      margin: 0 -15px -15px 0; }\\n      .aplayer .aplayer-pic .aplayer-play .aplayer-icon-play {\\n        position: absolute;\\n        top: 3px;\\n        left: 4px;\\n        height: 20px;\\n        width: 20px; }\\n    .aplayer .aplayer-pic .aplayer-pause {\\n      width: 16px;\\n      height: 16px;\\n      border: 2px solid #fff;\\n      bottom: 4px;\\n      right: 4px; }\\n      .aplayer .aplayer-pic .aplayer-pause .aplayer-icon-pause {\\n        position: absolute;\\n        top: 2px;\\n        left: 2px;\\n        height: 12px;\\n        width: 12px; }\\n  .aplayer .aplayer-info {\\n    margin-left: 66px;\\n    padding: 14px 7px 0 10px;\\n    height: 66px;\\n    -webkit-box-sizing: border-box;\\n            box-sizing: border-box; }\\n    .aplayer .aplayer-info .aplayer-music {\\n      overflow: hidden;\\n      white-space: nowrap;\\n      text-overflow: ellipsis;\\n      margin: 0 0 13px 5px;\\n      -webkit-user-select: text;\\n         -moz-user-select: text;\\n          -ms-user-select: text;\\n              user-select: text;\\n      cursor: default;\\n      padding-bottom: 2px; }\\n      .aplayer .aplayer-info .aplayer-music .aplayer-title {\\n        font-size: 14px; }\\n      .aplayer .aplayer-info .aplayer-music .aplayer-author {\\n        font-size: 12px;\\n        color: #666; }\\n    .aplayer .aplayer-info .aplayer-controller {\\n      position: relative;\\n      display: -webkit-box;\\n      display: -ms-flexbox;\\n      display: flex; }\\n      .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {\\n        margin: 0 0 0 5px;\\n        padding: 4px 0;\\n        cursor: pointer !important;\\n        -webkit-box-flex: 1;\\n            -ms-flex: 1;\\n                flex: 1; }\\n        .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {\\n          position: relative;\\n          height: 2px;\\n          width: 100%;\\n          background: #cdcdcd; }\\n          .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded {\\n            position: absolute;\\n            left: 0;\\n            top: 0;\\n            bottom: 0;\\n            background: #aaa;\\n            height: 2px;\\n            -webkit-transition: all 0.5s ease;\\n            transition: all 0.5s ease; }\\n          .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {\\n            position: absolute;\\n            left: 0;\\n            top: 0;\\n            bottom: 0;\\n            height: 2px; }\\n            .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {\\n              position: absolute;\\n              top: 0;\\n              right: 5px;\\n              margin-top: -4px;\\n              margin-right: -10px;\\n              height: 8px;\\n              width: 8px;\\n              border-radius: 50%;\\n              background: #fff;\\n              cursor: pointer !important; }\\n      .aplayer .aplayer-info .aplayer-controller .aplayer-time {\\n        position: relative;\\n        right: 0;\\n        bottom: 3px;\\n        height: 17px;\\n        color: #999;\\n        font-size: 11px;\\n        padding-left: 7px; }\\n        .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner {\\n          vertical-align: middle; }\\n        .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon {\\n          cursor: pointer;\\n          -webkit-transition: all 0.2s ease;\\n          transition: all 0.2s ease; }\\n          .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon .aplayer-fill {\\n            fill: #666; }\\n          .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-mode {\\n            margin-right: 4px; }\\n          .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover .aplayer-fill {\\n            fill: #000; }\\n          .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu {\\n            display: none; }\\n        .aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-mode {\\n          display: none; }\\n        .aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu {\\n          display: none; }\\n      .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap {\\n        position: relative;\\n        display: inline-block;\\n        margin-left: 3px;\\n        cursor: pointer !important; }\\n        .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap {\\n          display: block; }\\n        .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap {\\n          display: none;\\n          position: absolute;\\n          bottom: 15px;\\n          right: -3px;\\n          width: 25px;\\n          height: 40px;\\n          z-index: 99; }\\n          .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar {\\n            position: absolute;\\n            bottom: 0;\\n            right: 10px;\\n            width: 5px;\\n            height: 35px;\\n            background: #aaa; }\\n            .aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume {\\n              position: absolute;\\n              bottom: 0;\\n              right: 0;\\n              width: 5px;\\n              -webkit-transition: all 0.1s ease;\\n              transition: all 0.1s ease; }\\n  .aplayer .aplayer-lrc {\\n    display: none;\\n    position: relative;\\n    height: 30px;\\n    text-align: center;\\n    overflow: hidden;\\n    margin: -10px 0 7px; }\\n    .aplayer .aplayer-lrc:before {\\n      position: absolute;\\n      top: 0;\\n      z-index: 1;\\n      display: block;\\n      overflow: hidden;\\n      width: 100%;\\n      height: 10%;\\n      content: ' ';\\n      background: -webkit-gradient(linear, left top, left bottom, from(white), to(rgba(255, 255, 255, 0)));\\n      background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);\\n      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); }\\n    .aplayer .aplayer-lrc:after {\\n      position: absolute;\\n      bottom: 0;\\n      z-index: 1;\\n      display: block;\\n      overflow: hidden;\\n      width: 100%;\\n      height: 33%;\\n      content: ' ';\\n      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.8)));\\n      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);\\n      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ccffffff',GradientType=0 ); }\\n    .aplayer .aplayer-lrc p {\\n      font-size: 12px;\\n      color: #666;\\n      line-height: 16px !important;\\n      height: 16px !important;\\n      padding: 0 !important;\\n      margin: 0 !important;\\n      -webkit-transition: all 0.5s ease-out;\\n      transition: all 0.5s ease-out;\\n      opacity: 0.4;\\n      overflow: hidden; }\\n      .aplayer .aplayer-lrc p.aplayer-lrc-current {\\n        opacity: 1;\\n        overflow: visible;\\n        height: initial !important; }\\n    .aplayer .aplayer-lrc .aplayer-lrc-contents {\\n      width: 100%;\\n      -webkit-transition: all 0.5s ease-out;\\n      transition: all 0.5s ease-out;\\n      -webkit-user-select: text;\\n         -moz-user-select: text;\\n          -ms-user-select: text;\\n              user-select: text;\\n      cursor: default; }\\n  .aplayer .aplayer-list {\\n    overflow: auto;\\n    -webkit-transition: all 0.5s ease;\\n    transition: all 0.5s ease;\\n    will-change: height;\\n    display: none; }\\n    .aplayer .aplayer-list.aplayer-list-hide {\\n      height: 0 !important; }\\n    .aplayer .aplayer-list::-webkit-scrollbar {\\n      width: 5px; }\\n    .aplayer .aplayer-list::-webkit-scrollbar-track {\\n      background-color: #f9f9f9; }\\n    .aplayer .aplayer-list::-webkit-scrollbar-thumb {\\n      border-radius: 3px;\\n      background-color: #eee; }\\n    .aplayer .aplayer-list::-webkit-scrollbar-thumb:hover {\\n      background-color: #ccc; }\\n    .aplayer .aplayer-list ol {\\n      list-style-type: none;\\n      margin: 0;\\n      padding: 0; }\\n      .aplayer .aplayer-list ol li {\\n        position: relative;\\n        height: 32px;\\n        line-height: 32px;\\n        padding: 0 15px;\\n        font-size: 12px;\\n        border-top: 1px solid #e9e9e9;\\n        cursor: pointer;\\n        -webkit-transition: all 0.2s ease;\\n        transition: all 0.2s ease;\\n        overflow: hidden; }\\n        .aplayer .aplayer-list ol li:first-child {\\n          border-top: none; }\\n        .aplayer .aplayer-list ol li:hover {\\n          background: #efefef; }\\n        .aplayer .aplayer-list ol li.aplayer-list-light {\\n          background: #e9e9e9; }\\n          .aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur {\\n            display: inline-block; }\\n        .aplayer .aplayer-list ol li .aplayer-list-cur {\\n          display: none;\\n          width: 3px;\\n          height: 22px;\\n          position: absolute;\\n          left: 0;\\n          top: 5px;\\n          cursor: pointer; }\\n        .aplayer .aplayer-list ol li .aplayer-list-index {\\n          color: #666;\\n          margin-right: 12px;\\n          cursor: pointer; }\\n        .aplayer .aplayer-list ol li .aplayer-list-author {\\n          color: #666;\\n          float: right;\\n          cursor: pointer; }\\n\\n@-webkit-keyframes aplayer-roll {\\n  0% {\\n    left: 0; }\\n  100% {\\n    left: -100%; } }\\n\\n@keyframes aplayer-roll {\\n  0% {\\n    left: 0; }\\n  100% {\\n    left: -100%; } }\\n\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader!./~/postcss-loader/lib!./~/sass-loader/lib/loader.js!./src/APlayer.scss\n// module id = 2\n// module chunks = 0","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function(useSourceMap) {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\treturn this.map(function (item) {\n\t\t\tvar content = cssWithMappingToString(item, useSourceMap);\n\t\t\tif(item[2]) {\n\t\t\t\treturn \"@media \" + item[2] + \"{\" + content + \"}\";\n\t\t\t} else {\n\t\t\t\treturn content;\n\t\t\t}\n\t\t}).join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t//  when a module is imported multiple times with different media queries.\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n\tvar content = item[1] || '';\n\tvar cssMapping = item[3];\n\tif (!cssMapping) {\n\t\treturn content;\n\t}\n\n\tif (useSourceMap && typeof btoa === 'function') {\n\t\tvar sourceMapping = toComment(cssMapping);\n\t\tvar sourceURLs = cssMapping.sources.map(function (source) {\n\t\t\treturn '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'\n\t\t});\n\n\t\treturn [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n\t}\n\n\treturn [content].join('\\n');\n}\n\n// Adapted from convert-source-map (MIT)\nfunction toComment(sourceMap) {\n\t// eslint-disable-next-line no-undef\n\tvar base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n\tvar data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n\n\treturn '/*# ' + data + ' */';\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/css-loader/lib/css-base.js\n// module id = 3\n// module chunks = 0","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n\nvar stylesInDom = {};\n\nvar\tmemoize = function (fn) {\n\tvar memo;\n\n\treturn function () {\n\t\tif (typeof memo === \"undefined\") memo = fn.apply(this, arguments);\n\t\treturn memo;\n\t};\n};\n\nvar isOldIE = memoize(function () {\n\t// Test for IE <= 9 as proposed by Browserhacks\n\t// @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805\n\t// Tests for existence of standard globals is to allow style-loader\n\t// to operate correctly into non-standard environments\n\t// @see https://github.com/webpack-contrib/style-loader/issues/177\n\treturn window && document && document.all && !window.atob;\n});\n\nvar getElement = (function (fn) {\n\tvar memo = {};\n\n\treturn function(selector) {\n\t\tif (typeof memo[selector] === \"undefined\") {\n\t\t\tmemo[selector] = fn.call(this, selector);\n\t\t}\n\n\t\treturn memo[selector]\n\t};\n})(function (target) {\n\treturn document.querySelector(target)\n});\n\nvar singleton = null;\nvar\tsingletonCounter = 0;\nvar\tstylesInsertedAtTop = [];\n\nvar\tfixUrls = require(\"./urls\");\n\nmodule.exports = function(list, options) {\n\tif (typeof DEBUG !== \"undefined\" && DEBUG) {\n\t\tif (typeof document !== \"object\") throw new Error(\"The style-loader cannot be used in a non-browser environment\");\n\t}\n\n\toptions = options || {};\n\n\toptions.attrs = typeof options.attrs === \"object\" ? options.attrs : {};\n\n\t// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n\t// tags it will allow on a page\n\tif (!options.singleton) options.singleton = isOldIE();\n\n\t// By default, add <style> tags to the <head> element\n\tif (!options.insertInto) options.insertInto = \"head\";\n\n\t// By default, add <style> tags to the bottom of the target\n\tif (!options.insertAt) options.insertAt = \"bottom\";\n\n\tvar styles = listToStyles(list, options);\n\n\taddStylesToDom(styles, options);\n\n\treturn function update (newList) {\n\t\tvar mayRemove = [];\n\n\t\tfor (var i = 0; i < styles.length; i++) {\n\t\t\tvar item = styles[i];\n\t\t\tvar domStyle = stylesInDom[item.id];\n\n\t\t\tdomStyle.refs--;\n\t\t\tmayRemove.push(domStyle);\n\t\t}\n\n\t\tif(newList) {\n\t\t\tvar newStyles = listToStyles(newList, options);\n\t\t\taddStylesToDom(newStyles, options);\n\t\t}\n\n\t\tfor (var i = 0; i < mayRemove.length; i++) {\n\t\t\tvar domStyle = mayRemove[i];\n\n\t\t\tif(domStyle.refs === 0) {\n\t\t\t\tfor (var j = 0; j < domStyle.parts.length; j++) domStyle.parts[j]();\n\n\t\t\t\tdelete stylesInDom[domStyle.id];\n\t\t\t}\n\t\t}\n\t};\n};\n\nfunction addStylesToDom (styles, options) {\n\tfor (var i = 0; i < styles.length; i++) {\n\t\tvar item = styles[i];\n\t\tvar domStyle = stylesInDom[item.id];\n\n\t\tif(domStyle) {\n\t\t\tdomStyle.refs++;\n\n\t\t\tfor(var j = 0; j < domStyle.parts.length; j++) {\n\t\t\t\tdomStyle.parts[j](item.parts[j]);\n\t\t\t}\n\n\t\t\tfor(; j < item.parts.length; j++) {\n\t\t\t\tdomStyle.parts.push(addStyle(item.parts[j], options));\n\t\t\t}\n\t\t} else {\n\t\t\tvar parts = [];\n\n\t\t\tfor(var j = 0; j < item.parts.length; j++) {\n\t\t\t\tparts.push(addStyle(item.parts[j], options));\n\t\t\t}\n\n\t\t\tstylesInDom[item.id] = {id: item.id, refs: 1, parts: parts};\n\t\t}\n\t}\n}\n\nfunction listToStyles (list, options) {\n\tvar styles = [];\n\tvar newStyles = {};\n\n\tfor (var i = 0; i < list.length; i++) {\n\t\tvar item = list[i];\n\t\tvar id = options.base ? item[0] + options.base : item[0];\n\t\tvar css = item[1];\n\t\tvar media = item[2];\n\t\tvar sourceMap = item[3];\n\t\tvar part = {css: css, media: media, sourceMap: sourceMap};\n\n\t\tif(!newStyles[id]) styles.push(newStyles[id] = {id: id, parts: [part]});\n\t\telse newStyles[id].parts.push(part);\n\t}\n\n\treturn styles;\n}\n\nfunction insertStyleElement (options, style) {\n\tvar target = getElement(options.insertInto)\n\n\tif (!target) {\n\t\tthrow new Error(\"Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.\");\n\t}\n\n\tvar lastStyleElementInsertedAtTop = stylesInsertedAtTop[stylesInsertedAtTop.length - 1];\n\n\tif (options.insertAt === \"top\") {\n\t\tif (!lastStyleElementInsertedAtTop) {\n\t\t\ttarget.insertBefore(style, target.firstChild);\n\t\t} else if (lastStyleElementInsertedAtTop.nextSibling) {\n\t\t\ttarget.insertBefore(style, lastStyleElementInsertedAtTop.nextSibling);\n\t\t} else {\n\t\t\ttarget.appendChild(style);\n\t\t}\n\t\tstylesInsertedAtTop.push(style);\n\t} else if (options.insertAt === \"bottom\") {\n\t\ttarget.appendChild(style);\n\t} else {\n\t\tthrow new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");\n\t}\n}\n\nfunction removeStyleElement (style) {\n\tif (style.parentNode === null) return false;\n\tstyle.parentNode.removeChild(style);\n\n\tvar idx = stylesInsertedAtTop.indexOf(style);\n\tif(idx >= 0) {\n\t\tstylesInsertedAtTop.splice(idx, 1);\n\t}\n}\n\nfunction createStyleElement (options) {\n\tvar style = document.createElement(\"style\");\n\n\toptions.attrs.type = \"text/css\";\n\n\taddAttrs(style, options.attrs);\n\tinsertStyleElement(options, style);\n\n\treturn style;\n}\n\nfunction createLinkElement (options) {\n\tvar link = document.createElement(\"link\");\n\n\toptions.attrs.type = \"text/css\";\n\toptions.attrs.rel = \"stylesheet\";\n\n\taddAttrs(link, options.attrs);\n\tinsertStyleElement(options, link);\n\n\treturn link;\n}\n\nfunction addAttrs (el, attrs) {\n\tObject.keys(attrs).forEach(function (key) {\n\t\tel.setAttribute(key, attrs[key]);\n\t});\n}\n\nfunction addStyle (obj, options) {\n\tvar style, update, remove, result;\n\n\t// If a transform function was defined, run it on the css\n\tif (options.transform && obj.css) {\n\t    result = options.transform(obj.css);\n\n\t    if (result) {\n\t    \t// If transform returns a value, use that instead of the original css.\n\t    \t// This allows running runtime transformations on the css.\n\t    \tobj.css = result;\n\t    } else {\n\t    \t// If the transform function returns a falsy value, don't add this css.\n\t    \t// This allows conditional loading of css\n\t    \treturn function() {\n\t    \t\t// noop\n\t    \t};\n\t    }\n\t}\n\n\tif (options.singleton) {\n\t\tvar styleIndex = singletonCounter++;\n\n\t\tstyle = singleton || (singleton = createStyleElement(options));\n\n\t\tupdate = applyToSingletonTag.bind(null, style, styleIndex, false);\n\t\tremove = applyToSingletonTag.bind(null, style, styleIndex, true);\n\n\t} else if (\n\t\tobj.sourceMap &&\n\t\ttypeof URL === \"function\" &&\n\t\ttypeof URL.createObjectURL === \"function\" &&\n\t\ttypeof URL.revokeObjectURL === \"function\" &&\n\t\ttypeof Blob === \"function\" &&\n\t\ttypeof btoa === \"function\"\n\t) {\n\t\tstyle = createLinkElement(options);\n\t\tupdate = updateLink.bind(null, style, options);\n\t\tremove = function () {\n\t\t\tremoveStyleElement(style);\n\n\t\t\tif(style.href) URL.revokeObjectURL(style.href);\n\t\t};\n\t} else {\n\t\tstyle = createStyleElement(options);\n\t\tupdate = applyToTag.bind(null, style);\n\t\tremove = function () {\n\t\t\tremoveStyleElement(style);\n\t\t};\n\t}\n\n\tupdate(obj);\n\n\treturn function updateStyle (newObj) {\n\t\tif (newObj) {\n\t\t\tif (\n\t\t\t\tnewObj.css === obj.css &&\n\t\t\t\tnewObj.media === obj.media &&\n\t\t\t\tnewObj.sourceMap === obj.sourceMap\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tupdate(obj = newObj);\n\t\t} else {\n\t\t\tremove();\n\t\t}\n\t};\n}\n\nvar replaceText = (function () {\n\tvar textStore = [];\n\n\treturn function (index, replacement) {\n\t\ttextStore[index] = replacement;\n\n\t\treturn textStore.filter(Boolean).join('\\n');\n\t};\n})();\n\nfunction applyToSingletonTag (style, index, remove, obj) {\n\tvar css = remove ? \"\" : obj.css;\n\n\tif (style.styleSheet) {\n\t\tstyle.styleSheet.cssText = replaceText(index, css);\n\t} else {\n\t\tvar cssNode = document.createTextNode(css);\n\t\tvar childNodes = style.childNodes;\n\n\t\tif (childNodes[index]) style.removeChild(childNodes[index]);\n\n\t\tif (childNodes.length) {\n\t\t\tstyle.insertBefore(cssNode, childNodes[index]);\n\t\t} else {\n\t\t\tstyle.appendChild(cssNode);\n\t\t}\n\t}\n}\n\nfunction applyToTag (style, obj) {\n\tvar css = obj.css;\n\tvar media = obj.media;\n\n\tif(media) {\n\t\tstyle.setAttribute(\"media\", media)\n\t}\n\n\tif(style.styleSheet) {\n\t\tstyle.styleSheet.cssText = css;\n\t} else {\n\t\twhile(style.firstChild) {\n\t\t\tstyle.removeChild(style.firstChild);\n\t\t}\n\n\t\tstyle.appendChild(document.createTextNode(css));\n\t}\n}\n\nfunction updateLink (link, options, obj) {\n\tvar css = obj.css;\n\tvar sourceMap = obj.sourceMap;\n\n\t/*\n\t\tIf convertToAbsoluteUrls isn't defined, but sourcemaps are enabled\n\t\tand there is no publicPath defined then lets turn convertToAbsoluteUrls\n\t\ton by default.  Otherwise default to the convertToAbsoluteUrls option\n\t\tdirectly\n\t*/\n\tvar autoFixUrls = options.convertToAbsoluteUrls === undefined && sourceMap;\n\n\tif (options.convertToAbsoluteUrls || autoFixUrls) {\n\t\tcss = fixUrls(css);\n\t}\n\n\tif (sourceMap) {\n\t\t// http://stackoverflow.com/a/26603875\n\t\tcss += \"\\n/*# sourceMappingURL=data:application/json;base64,\" + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + \" */\";\n\t}\n\n\tvar blob = new Blob([css], { type: \"text/css\" });\n\n\tvar oldSrc = link.href;\n\n\tlink.href = URL.createObjectURL(blob);\n\n\tif(oldSrc) URL.revokeObjectURL(oldSrc);\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader/lib/addStyles.js\n// module id = 4\n// module chunks = 0","\n/**\n * When source maps are enabled, `style-loader` uses a link element with a data-uri to\n * embed the css on the page. This breaks all relative urls because now they are relative to a\n * bundle instead of the current page.\n *\n * One solution is to only use full urls, but that may be impossible.\n *\n * Instead, this function \"fixes\" the relative urls to be absolute according to the current page location.\n *\n * A rudimentary test suite is located at `test/fixUrls.js` and can be run via the `npm test` command.\n *\n */\n\nmodule.exports = function (css) {\n  // get current location\n  var location = typeof window !== \"undefined\" && window.location;\n\n  if (!location) {\n    throw new Error(\"fixUrls requires window.location\");\n  }\n\n\t// blank or null?\n\tif (!css || typeof css !== \"string\") {\n\t  return css;\n  }\n\n  var baseUrl = location.protocol + \"//\" + location.host;\n  var currentDir = baseUrl + location.pathname.replace(/\\/[^\\/]*$/, \"/\");\n\n\t// convert each url(...)\n\t/*\n\tThis regular expression is just a way to recursively match brackets within\n\ta string.\n\n\t /url\\s*\\(  = Match on the word \"url\" with any whitespace after it and then a parens\n\t   (  = Start a capturing group\n\t     (?:  = Start a non-capturing group\n\t         [^)(]  = Match anything that isn't a parentheses\n\t         |  = OR\n\t         \\(  = Match a start parentheses\n\t             (?:  = Start another non-capturing groups\n\t                 [^)(]+  = Match anything that isn't a parentheses\n\t                 |  = OR\n\t                 \\(  = Match a start parentheses\n\t                     [^)(]*  = Match anything that isn't a parentheses\n\t                 \\)  = Match a end parentheses\n\t             )  = End Group\n              *\\) = Match anything and then a close parens\n          )  = Close non-capturing group\n          *  = Match anything\n       )  = Close capturing group\n\t \\)  = Match a close parens\n\n\t /gi  = Get all matches, not the first.  Be case insensitive.\n\t */\n\tvar fixedCss = css.replace(/url\\s*\\(((?:[^)(]|\\((?:[^)(]+|\\([^)(]*\\))*\\))*)\\)/gi, function(fullMatch, origUrl) {\n\t\t// strip quotes (if they exist)\n\t\tvar unquotedOrigUrl = origUrl\n\t\t\t.trim()\n\t\t\t.replace(/^\"(.*)\"$/, function(o, $1){ return $1; })\n\t\t\t.replace(/^'(.*)'$/, function(o, $1){ return $1; });\n\n\t\t// already a full url? no change\n\t\tif (/^(#|data:|http:\\/\\/|https:\\/\\/|file:\\/\\/\\/)/i.test(unquotedOrigUrl)) {\n\t\t  return fullMatch;\n\t\t}\n\n\t\t// convert the url to a full url\n\t\tvar newUrl;\n\n\t\tif (unquotedOrigUrl.indexOf(\"//\") === 0) {\n\t\t  \t//TODO: should we add protocol?\n\t\t\tnewUrl = unquotedOrigUrl;\n\t\t} else if (unquotedOrigUrl.indexOf(\"/\") === 0) {\n\t\t\t// path should be relative to the base url\n\t\t\tnewUrl = baseUrl + unquotedOrigUrl; // already starts with '/'\n\t\t} else {\n\t\t\t// path should be relative to current directory\n\t\t\tnewUrl = currentDir + unquotedOrigUrl.replace(/^\\.\\//, \"\"); // Strip leading './'\n\t\t}\n\n\t\t// send back the fixed url(...)\n\t\treturn \"url(\" + JSON.stringify(newUrl) + \")\";\n\t});\n\n\t// send back the fixed css\n\treturn fixedCss;\n};\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/style-loader/lib/urls.js\n// module id = 5\n// module chunks = 0","module.exports = \"data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAeAAD/4QMfaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzA2NyA3OS4xNTc3NDcsIDIwMTUvMDMvMzAtMjM6NDA6NDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2NjQ3NUZBM0Y4RDExRTY4NzJCRDdCNkZCQTQ0MjNBIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2NjQ3NUY5M0Y4RDExRTY4NzJCRDdCNkZCQTQ0MjNBIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSI5OENEMEFFRjM0NTI1NjE0NEREQkU4RjkxRjAwNjM3NiIgc3RSZWY6ZG9jdW1lbnRJRD0iOThDRDBBRUYzNDUyNTYxNDREREJFOEY5MUYwMDYzNzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAQCwsLDAsQDAwQFw8NDxcbFBAQFBsfFxcXFxcfHhcaGhoaFx4eIyUnJSMeLy8zMy8vQEBAQEBAQEBAQEBAQEBAAREPDxETERUSEhUUERQRFBoUFhYUGiYaGhwaGiYwIx4eHh4jMCsuJycnLis1NTAwNTVAQD9AQEBAQEBAQEBAQED/wAARCABkAGQDASIAAhEBAxEB/8QAgwAAAgIDAQAAAAAAAAAAAAAAAAYBBQIDBAcBAQEBAAAAAAAAAAAAAAAAAAABAhAAAQIEBAEJBgMHBQAAAAAAAQIDABEEBSExEgZBUWFxgaGxIhMUkTJCUmIVI0MWwdHh8XKSsvCCojNzEQEBAQEBAQEBAAAAAAAAAAAAAREhMVFBYf/aAAwDAQACEQMRAD8AaJ8vCJEYTjIZxtlIicc40VFZS0idVS6lpP1HE9Aind3dSrWWbdTPVruXgSQn98Awd0SBC+mp3fVYtUjFGk5F5U1S6Me6Mvtu6ncXbo01zNtzl2CJovwZxML/ANl3DwvZn/5fxiPt+72sWbkw/Lg4jTP/AImGhhiYWlXXdlD4q23IqWh7zlOZ/wCGrujpt+7bTWKDTijSvEy0O4CfJqy9sNMXmWMTECRExjzxMUEEEEBxLcbbQXHVBCEialKMgBFBU7jqax/0dmbU64fzJYy+aZwSOcxT7kvdPXVJpU6jTU5IC0HBauKucDhF7tS3ejolVJK51UlJQrCSRkeuJqppdspcV593dNU8cS0kkNjpPvKi8ZaZp2w3TtpabGSUAJHZEgzjXUVdPStebUOBpE5AnieQDieiKjeYyELVVva3ML0IZddI44IHaZxtod52upcDbqV0ylGSVLkUTP1JyibDDBOJxzjTUF8UzqqdIVUBtRZByK9J09seb1lzuKawuIqngRLSorUDMZ6k8DPMSwhaSPTwSDFbd7Bb7s2rzkBupl4KlIksH6vmHTE2GucuNqp6p3/tIKXCOKknST1xYgZDlihPsNxrLTXItFevXTuLU02omZadQZFP9Jw9ohxjz2tfF03GhFKdQXV6kqHINCJ/2tTj0KYJiQow6oIJY5QRR5hYLM5cK9KHkFNO1JbxIImOCeuPREyAAAkAJARyW63s26n8hlSnATqUtZmonnlKOucokhQtxDTa3XTpbbSVrVyJSNRhFq6usvNyap0K0v1JA5mG1YhtPJJOKzxOENG5HS3Yq1ScyhKSOZS0pPZCts8+ZfQtWK/LcUOk/wA4X3FhwoLJbKBgMtMIWZeN1xKVqWecqB9kJm7aKlo7wpulQGm3G0OKbT7qVKmDIcAZTh/LiW0KW4oJQgFS1HAAJEyTHnb6ndxX5XlAgVCwlH0MoEpnoSJwpD5ZFrXZ6JThOtTKJk9GHZCxvZmn9YHkJSh1KGw6QAC4p0uEauUhKIcmW0NNIaQJIbSEp5kpEhHntyqV3q7hlkzFQ/4T9ODSPYhM+uFI7rbZ9zU1EzXWuoGl5Ic9Pq0nH6XPAZ9MY1+6r2hh+3VjKGKojQtwApWlKhjhMjEcYZrzcW7JavMaA1pAZpUn5pSB6EgThT2xaTeLi5U1ZLjLJ8x4qzccUZhJ7zE/g6dlrtNO+t+pfSisUNDKF+EJScyFHCZh5BEpgzB4xR3TaVqr0lTKBR1BEw42JIJ+tvL2ShaZuN62xWejqZuMiRLKjqQtB+JpXD/U4vh69BxnKCK/73Qfa/uus+m0z+rVl5cvmnhBFRsHLyxIkrolGIMhKJSchAcl4pzVWmsYAmtbSijnUjxp7UwibdrEUd4pnlnS2olCycgFjTjHo4VHm9/paeku1QxTKCmtWrSPyyrFTf8AtiX6sW+5dwmtV9st5K2SoJdWnEuqnghP0z9sXe2rCLXTl18A1rwGvj5afkH7YoNov2aneW7WLCK2cmVOYISn6Tlq6Yaau+2mkaLjlU2ogYNtkLWo8JBMJ9GndFzFBanEpMqipmy1ygKHjV1J74odkW4u1blwWPw6ceW0eVxYx9ie+K+oeuG57sA0iXwtozSy1P3lHvh+t1AzbqNqkY9xsYq4qUcVKPSYe0/C9vxp9VPRvAEstqWlZGSVLCdM+mRjn2Xd6KkS9R1K0sqcUFtuKwSrCRSTDg42262pp1CXGljStChqSoHlBigqdk2h5RUyt2mn8CSFo6tePbDO6Ll67W1hOtyrZSn+sHsGMJW6r3S3Z9hukQS3T6gHSJFZXLBIzlhFs3sO3pV+JVPLHIEoR2+KLm32C024hdMwPNGTrh1r6irLqh2pwvfp+4fpPydJ9T5vqfT/ABaJadMvmljKCHLjxnBDDXDPGXGJmTkcogETMshjyxlPhFGqqfVT0b9QMSy2twDnSkkdsJtoomK7cC2KoB1plKtSVfmKT4ST0qUVQ7KbQ62th3xNuJUhY46VDSewwhvqrdvXsPrTqUMZ/C82fCVJP1dhiVYvKjY9vcVqpqhxgH8tQDgHQZpMRT7EokkF+qccHyISlufX4oubddKG5shymWCvNbRwWk84jtBMgeSGRNaKOgo7eyWaNoNIPvEYqUfqUcTHVOMRIxOKscooyBxg5eSIM5T48IkY/vgJOPVBOXOIBM80aKqspaNvzap1LaRlM4noGZgOjVBC5+sqX1ejyj6aUp6vxf6tGUuac4ImwxbAkKlEzBywjHGUgermiRPLhFGYJ48Y01tDSXBg09Y2HG5+E5KSZZoUMo2AgZRkDiBLDiIBQq9n3ClcL9pf80JxSkny3k9fuqjBvcu4bYfLuDBWBh+MgoV/eMDDoMyZ4RIM0kETT8pxETPi6WmN9UKhJ+ncQTnpIUP2R1p3jZCMVOJ5igxYu2q1vmbtGwvn0JB7JRznbthOJoW8eQqHcqHU40K3nZAMFOKllJB/bHI9vuiTMU9M44o/MQkdk4tUbdsaDMUTXXNXeY6maChp5eTTNI5ClCQe6HThWN+3Rc/Bb6UtIV8SUH/NeEZ02zrhWOefdqognNKT5izzajgIbpz7gIkfzhhqs/TFk9J6b0w05+ZM+ZPl1wRay9kEUV4y+qXZGachyc8EEBKeMAnLCf8ACCCAzE5d8ZHMS64IIA7oy+HDqgggIEpYdUZJnpE84IICeScSJYwQQE8IIIID/9k=\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/default.jpg\n// module id = 6\n// module chunks = 0"],"sourceRoot":""}