创建第一个文件APlayer.min.css文件

.aplayer {background: #fff;font-family: Arial, Helvetica, sans-serif;margin: 5px;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .07), 0 1px 5px 0 rgba(0, 0, 0, .1);border-radius: 2px;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;line-height: normal;position: relative
}.aplayer * {box-sizing: content-box
}.aplayer svg {width: 100%;height: 100%
}.aplayer svg circle, .aplayer svg path {fill: #fff
}.aplayer.aplayer-withlist .aplayer-info {border-bottom: 1px solid #e9e9e9
}.aplayer.aplayer-withlist .aplayer-list {display: block
}.aplayer.aplayer-withlist .aplayer-icon-order, .aplayer.aplayer-withlist .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu {display: inline
}.aplayer.aplayer-withlrc .aplayer-pic {height: 90px;width: 90px
}.aplayer.aplayer-withlrc .aplayer-info {margin-left: 90px;height: 90px;padding: 10px 7px 0
}.aplayer.aplayer-withlrc .aplayer-lrc {display: block
}.aplayer.aplayer-narrow {width: 66px
}.aplayer.aplayer-narrow .aplayer-info, .aplayer.aplayer-narrow .aplayer-list {display: none
}.aplayer.aplayer-narrow .aplayer-body, .aplayer.aplayer-narrow .aplayer-pic {height: 66px;width: 66px
}.aplayer.aplayer-fixed {position: fixed;bottom: 0;left: 0;right: 0;margin: 0;z-index: 99;overflow: visible;max-width: 400px;box-shadow: none
}.aplayer.aplayer-fixed .aplayer-list {margin-bottom: 65px;border: 1px solid #eee;border-bottom: none
}.aplayer.aplayer-fixed .aplayer-body {position: fixed;bottom: 0;left: 0;right: 0;margin: 0;z-index: 99;background: #fff;padding-right: 18px;transition: all .3s ease;max-width: 400px
}.aplayer.aplayer-fixed .aplayer-lrc {display: block;position: fixed;bottom: 10px;left: 0;right: 0;margin: 0;z-index: 98;pointer-events: none;text-shadow: -1px -1px 0 #fff
}.aplayer.aplayer-fixed .aplayer-lrc:after, .aplayer.aplayer-fixed .aplayer-lrc:before {display: none
}.aplayer.aplayer-fixed .aplayer-info {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: 0 0;transform-origin: 0 0;transition: all .3s ease;border-bottom: none;border-top: 1px solid #e9e9e9
}.aplayer.aplayer-fixed .aplayer-info .aplayer-music {width: calc(100% - 105px)
}.aplayer.aplayer-fixed .aplayer-miniswitcher {display: block
}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-info {display: block;-webkit-transform: scaleX(0);transform: scaleX(0)
}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {width: 66px !important
}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-miniswitcher .aplayer-icon {-webkit-transform: rotateY(0);transform: rotateY(0)
}.aplayer.aplayer-fixed .aplayer-icon-back, .aplayer.aplayer-fixed .aplayer-icon-forward, .aplayer.aplayer-fixed .aplayer-icon-lrc, .aplayer.aplayer-fixed .aplayer-icon-play {display: inline-block
}.aplayer.aplayer-fixed .aplayer-icon-back, .aplayer.aplayer-fixed .aplayer-icon-forward, .aplayer.aplayer-fixed .aplayer-icon-menu, .aplayer.aplayer-fixed .aplayer-icon-play {position: absolute;bottom: 27px;width: 20px;height: 20px
}.aplayer.aplayer-fixed .aplayer-icon-back {right: 75px
}.aplayer.aplayer-fixed .aplayer-icon-play {right: 50px
}.aplayer.aplayer-fixed .aplayer-icon-forward {right: 25px
}.aplayer.aplayer-fixed .aplayer-icon-menu {right: 0
}.aplayer.aplayer-arrow .aplayer-icon-loop, .aplayer.aplayer-arrow .aplayer-icon-order, .aplayer.aplayer-mobile .aplayer-icon-volume-down {display: none
}.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-loading-icon {display: block
}.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {-webkit-transform: scale(1);transform: scale(1)
}.aplayer .aplayer-body {position: relative
}.aplayer .aplayer-icon {width: 15px;height: 15px;border: none;background-color: transparent;outline: none;cursor: pointer;opacity: .8;vertical-align: middle;padding: 0;font-size: 12px;margin: 0;display: inline-block
}.aplayer .aplayer-icon path {transition: all .2s ease-in-out
}.aplayer .aplayer-icon-back, .aplayer .aplayer-icon-forward, .aplayer .aplayer-icon-lrc, .aplayer .aplayer-icon-order, .aplayer .aplayer-icon-play {display: none
}.aplayer .aplayer-icon-lrc-inactivity svg {opacity: .4
}.aplayer .aplayer-icon-forward {-webkit-transform: rotate(180deg);transform: rotate(180deg)
}.aplayer .aplayer-lrc-content {display: none
}.aplayer .aplayer-pic {position: relative;float: left;height: 66px;width: 66px;background-size: cover;background-position: 50%;transition: all .3s ease;cursor: pointer
}.aplayer .aplayer-pic:hover .aplayer-button {opacity: 1
}.aplayer .aplayer-pic .aplayer-button {position: absolute;border-radius: 50%;opacity: .8;text-shadow: 0 1px 1px rgba(0, 0, 0, .2);box-shadow: 0 1px 1px rgba(0, 0, 0, .2);background: rgba(0, 0, 0, .2);transition: all .1s ease
}.aplayer .aplayer-pic .aplayer-button path {fill: #fff
}.aplayer .aplayer-pic .aplayer-hide {display: none
}.aplayer .aplayer-pic .aplayer-play {width: 26px;height: 26px;border: 2px solid #fff;bottom: 50%;right: 50%;margin: 0 -15px -15px 0
}.aplayer .aplayer-pic .aplayer-play svg {position: absolute;top: 3px;left: 4px;height: 20px;width: 20px
}.aplayer .aplayer-pic .aplayer-pause {width: 16px;height: 16px;border: 2px solid #fff;bottom: 4px;right: 4px
}.aplayer .aplayer-pic .aplayer-pause svg {position: absolute;top: 2px;left: 2px;height: 12px;width: 12px
}.aplayer .aplayer-info {margin-left: 66px;padding: 14px 7px 0 10px;height: 66px;box-sizing: border-box
}.aplayer .aplayer-info .aplayer-music {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0 0 13px 5px;-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;cursor: default;padding-bottom: 2px;height: 20px
}.aplayer .aplayer-info .aplayer-music .aplayer-title {font-size: 14px
}.aplayer .aplayer-info .aplayer-music .aplayer-author {font-size: 12px;color: #666
}.aplayer .aplayer-info .aplayer-controller {position: relative;display: flex
}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {margin: 0 0 0 5px;padding: 4px 0;cursor: pointer !important;flex: 1
}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar .aplayer-played .aplayer-thumb {-webkit-transform: scale(1);transform: scale(1)
}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {position: relative;height: 2px;width: 100%;background: #cdcdcd
}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded {position: absolute;left: 0;top: 0;bottom: 0;background: #aaa;height: 2px;transition: all .5s ease
}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {position: absolute;left: 0;top: 0;bottom: 0;height: 2px
}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {position: absolute;top: 0;right: 5px;margin-top: -4px;margin-right: -10px;height: 10px;width: 10px;border-radius: 50%;cursor: pointer;transition: all .3s ease-in-out;-webkit-transform: scale(0);transform: scale(0)
}.aplayer .aplayer-info .aplayer-controller .aplayer-time {position: relative;right: 0;bottom: 4px;height: 17px;color: #999;font-size: 11px;padding-left: 7px
}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner {vertical-align: middle
}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon {cursor: pointer;transition: all .2s ease
}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path {fill: #666
}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-loop {margin-right: 2px
}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {fill: #000
}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu, .aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu, .aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-mode {display: none
}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap {position: relative;display: inline-block;margin-left: 3px;cursor: pointer !important
}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap:hover .aplayer-volume-bar-wrap {height: 40px
}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap {position: absolute;bottom: 15px;right: -3px;width: 25px;height: 0;z-index: 99;overflow: hidden;transition: all .2s ease-in-out
}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap.aplayer-volume-bar-wrap-active {height: 40px
}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar {position: absolute;bottom: 0;right: 10px;width: 5px;height: 35px;background: #aaa;border-radius: 2.5px;overflow: hidden
}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume {position: absolute;bottom: 0;right: 0;width: 5px;transition: all .1s ease
}.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon {display: none
}.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon svg {position: absolute;-webkit-animation: rotate 1s linear infinite;animation: rotate 1s linear infinite
}.aplayer .aplayer-lrc {display: none;position: relative;height: 30px;text-align: center;overflow: hidden;margin: -10px 0 7px
}.aplayer .aplayer-lrc:before {top: 0;height: 10%;background: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, 0));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=0)
}.aplayer .aplayer-lrc:after, .aplayer .aplayer-lrc:before {position: absolute;z-index: 1;display: block;overflow: hidden;width: 100%;content: " "
}.aplayer .aplayer-lrc:after {bottom: 0;height: 33%;background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .8));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ccffffff", GradientType=0)
}.aplayer .aplayer-lrc p {font-size: 12px;color: #666;line-height: 16px !important;height: 16px !important;padding: 0 !important;margin: 0 !important;transition: all .5s ease-out;opacity: .4;overflow: hidden
}.aplayer .aplayer-lrc p.aplayer-lrc-current {opacity: 1;overflow: visible;height: auto !important;min-height: 16px
}.aplayer .aplayer-lrc.aplayer-lrc-hide {display: none
}.aplayer .aplayer-lrc .aplayer-lrc-contents {width: 100%;transition: all .5s ease-out;-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;cursor: default
}.aplayer .aplayer-list {overflow: auto;transition: all .5s ease;will-change: height;display: none;overflow: hidden
}.aplayer .aplayer-list.aplayer-list-hide {max-height: 0 !important
}.aplayer .aplayer-list ol {list-style-type: none;margin: 0;padding: 0;overflow-y: auto
}.aplayer .aplayer-list ol::-webkit-scrollbar {width: 5px
}.aplayer .aplayer-list ol::-webkit-scrollbar-thumb {border-radius: 3px;background-color: #eee
}.aplayer .aplayer-list ol::-webkit-scrollbar-thumb:hover {background-color: #ccc
}.aplayer .aplayer-list ol li {position: relative;height: 32px;line-height: 32px;padding: 0 15px;font-size: 12px;border-top: 1px solid #e9e9e9;cursor: pointer;transition: all .2s ease;overflow: hidden;margin: 0
}.aplayer .aplayer-list ol li:first-child {border-top: none
}.aplayer .aplayer-list ol li:hover {background: #efefef
}.aplayer .aplayer-list ol li.aplayer-list-light {background: #e9e9e9
}.aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur {display: inline-block
}.aplayer .aplayer-list ol li .aplayer-list-cur {display: none;width: 3px;height: 22px;position: absolute;left: 0;top: 5px;cursor: pointer
}.aplayer .aplayer-list ol li .aplayer-list-index {color: #666;margin-right: 12px;cursor: pointer
}.aplayer .aplayer-list ol li .aplayer-list-author {color: #666;float: right;cursor: pointer
}.aplayer .aplayer-notice {opacity: 0;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 12px;border-radius: 4px;padding: 5px 10px;transition: all .3s ease-in-out;overflow: hidden;color: #fff;pointer-events: none;background-color: #f4f4f5;color: #909399
}.aplayer .aplayer-miniswitcher {display: none;position: absolute;top: 0;right: 0;bottom: 0;height: 100%;background: #e6e6e6;width: 18px;border-radius: 0 2px 2px 0
}.aplayer .aplayer-miniswitcher .aplayer-icon {height: 100%;width: 100%;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);transition: all .3s ease
}.aplayer .aplayer-miniswitcher .aplayer-icon path {fill: #666
}.aplayer .aplayer-miniswitcher .aplayer-icon:hover path {fill: #000
}@-webkit-keyframes aplayer-roll {0% {left: 0}to {left: -100%}
}@keyframes aplayer-roll {0% {left: 0}to {left: -100%}
}@-webkit-keyframes rotate {0% {-webkit-transform: rotate(0);transform: rotate(0)}to {-webkit-transform: rotate(1turn);transform: rotate(1turn)}
}@keyframes rotate {0% {-webkit-transform: rotate(0);transform: rotate(0)}to {-webkit-transform: rotate(1turn);transform: rotate(1turn)}
}

创建第二个文件APlayer.min.js文件

!function (e, t) {"object" == typeof exports && "object" == typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define("APlayer", [], t) : "object" == typeof exports ? exports.APlayer = t() : e.APlayer = t()
}(window, function () {return function (e) {var t = {};function n(i) {if (t[i]) return t[i].exports;var a = t[i] = {i: i, l: !1, exports: {}};return e[i].call(a.exports, a, a.exports, n), a.l = !0, a.exports}return n.m = e, n.c = t, n.d = function (e, t, i) {n.o(e, t) || Object.defineProperty(e, t, {configurable: !1, enumerable: !0, get: i})}, n.r = function (e) {Object.defineProperty(e, "__esModule", {value: !0})}, n.n = function (e) {var t = e && e.__esModule ? function () {return e.default} : function () {return e};return n.d(t, "a", t), t}, n.o = function (e, t) {return Object.prototype.hasOwnProperty.call(e, t)}, n.p = "/", n(n.s = 41)}([function (e, t, n) {"use strict";Object.defineProperty(t, "__esModule", {value: !0});var i = /mobile/i.test(window.navigator.userAgent), a = {secondToTime: function (e) {var t = Math.floor(e / 3600), n = Math.floor((e - 3600 * t) / 60),i = Math.floor(e - 3600 * t - 60 * n);return (t > 0 ? [t, n, i] : [n, i]).map(function (e) {return e < 10 ? "0" + e : "" + e}).join(":")},getElementViewLeft: function (e) {var t = e.offsetLeft, n = e.offsetParent,i = document.body.scrollLeft + document.documentElement.scrollLeft;if (document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement) for (; null !== n && n !== e;) t += n.offsetLeft, n = n.offsetParent; else for (; null !== n;) t += n.offsetLeft, n = n.offsetParent;return t - i},getElementViewTop: function (e, t) {for (var n, i = e.offsetTop, a = e.offsetParent; null !== a;) i += a.offsetTop, a = a.offsetParent;return n = document.body.scrollTop + document.documentElement.scrollTop, t ? i : i - n},isMobile: i,storage: {set: function (e, t) {localStorage.setItem(e, t)}, get: function (e) {return localStorage.getItem(e)}},nameMap: {dragStart: i ? "touchstart" : "mousedown",dragMove: i ? "touchmove" : "mousemove",dragEnd: i ? "touchend" : "mouseup"},randomOrder: function (e) {return function (e) {for (var t = e.length - 1; t >= 0; t--) {var n = Math.floor(Math.random() * (t + 1)), i = e[n];e[n] = e[t], e[t] = i}return e}([].concat(function (e) {if (Array.isArray(e)) {for (var t = 0, n = Array(e.length); t < e.length; t++) n[t] = e[t];return n}return Array.from(e)}(Array(e))).map(function (e, t) {return t}))}};t.default = a}, function (e, t, n) {var i = n(2);e.exports = function (e) {"use strict";e = e || {};var t = "", n = i.$each, a = e.audio, r = (e.$value, e.$index, i.$escape), o = e.theme, s = e.index;return n(a, function (e, n) {t += '\n<li>\n    <span class="aplayer-list-cur" style="background-color: ', t += r(e.theme || o), t += ';"></span>\n    <span class="aplayer-list-index">', t += r(n + s), t += '</span>\n    <span class="aplayer-list-title">', t += r(e.name), t += '</span>\n    <span class="aplayer-list-author">', t += r(e.artist), t += "</span>\n</li>\n"}), t}}, function (e, t, n) {"use strict";e.exports = n(15)}, function (e, t, n) {"use strict";Object.defineProperty(t, "__esModule", {value: !0});var i = g(n(33)), a = g(n(32)), r = g(n(31)), o = g(n(30)), s = g(n(29)), l = g(n(28)), u = g(n(27)),c = g(n(26)), p = g(n(25)), d = g(n(24)), h = g(n(23)), y = g(n(22)), f = g(n(21)), v = g(n(20)),m = g(n(19));function g(e) {return e && e.__esModule ? e : {default: e}}var w = {play: i.default,pause: a.default,volumeUp: r.default,volumeDown: o.default,volumeOff: s.default,orderRandom: l.default,orderList: u.default,menu: c.default,loopAll: p.default,loopOne: d.default,loopNone: h.default,loading: y.default,right: f.default,skip: v.default,lrc: m.default};t.default = w}, function (e, t, n) {"use strict";var i, a = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {return typeof e} : function (e) {return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e};i = function () {return this}();try {i = i || Function("return this")() || (0, eval)("this")} catch (e) {"object" === ("undefined" == typeof window ? "undefined" : a(window)) && (i = window)}e.exports = i}, function (e, t, n) {"use strict";var i, a, r = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {return typeof e} : function (e) {return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e};void 0 === (a = "function" == typeof (i = function () {if ("object" === ("undefined" == typeof window ? "undefined" : r(window)) && void 0 !== document.querySelectorAll && void 0 !== window.pageYOffset && void 0 !== history.pushState) {var e = function (e, t, n, i) {return n > i ? t : e + (t - e) * ((a = n / i) < .5 ? 4 * a * a * a : (a - 1) * (2 * a - 2) * (2 * a - 2) + 1);var a}, t = function (t, n, i, a) {n = n || 500;var r = (a = a || window).scrollTop || window.pageYOffset;if ("number" == typeof t) var o = parseInt(t); else var o = function (e, t) {return "HTML" === e.nodeName ? -t : e.getBoundingClientRect().top + t}(t, r);var s = Date.now(),l = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || function (e) {window.setTimeout(e, 15)};!function u() {var c = Date.now() - s;a !== window ? a.scrollTop = e(r, o, c, n) : window.scroll(0, e(r, o, c, n)), c > n ? "function" == typeof i && i(t) : l(u)}()}, n = function (e) {if (!e.defaultPrevented) {e.preventDefault(), location.hash !== this.hash && window.history.pushState(null, null, this.hash);var n = document.getElementById(this.hash.substring(1));if (!n) return;t(n, 500, function (e) {location.replace("#" + e.id)})}};return document.addEventListener("DOMContentLoaded", function () {for (var e, t = document.querySelectorAll('a[href^="#"]:not([href="#"])'), i = t.length; e = t[--i];) e.addEventListener("click", n, !1)}), t}}) ? i.call(t, n, t, e) : i) || (e.exports = a)}, function (e, t, n) {"use strict";Object.defineProperty(t, "__esModule", {value: !0});var i = function () {function e(e, t) {for (var n = 0; n < t.length; n++) {var i = t[n];i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i)}}return function (t, n, i) {return n && e(t.prototype, n), i && e(t, i), t}}(), a = s(n(1)), r = s(n(0)), o = s(n(5));function s(e) {return e && e.__esModule ? e : {default: e}}var l = function () {function e(t) {!function (e, t) {if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")}(this, e), this.player = t, this.index = 0, this.audios = this.player.options.audio, this.bindEvents()}return i(e, [{key: "bindEvents", value: function () {var e = this;this.player.template.list.addEventListener("click", function (t) {var n = void 0;n = "LI" === t.target.tagName.toUpperCase() ? t.target : t.target.parentElement;var i = parseInt(n.getElementsByClassName("aplayer-list-index")[0].innerHTML) - 1;i !== e.index ? (e.switch(i), e.player.play()) : e.player.toggle()})}}, {key: "show", value: function () {this.player.events.trigger("listshow"), this.player.template.list.classList.remove("aplayer-list-hide"), this.player.template.listOl.scrollTop = 33 * this.index}}, {key: "hide", value: function () {this.player.events.trigger("listhide"), this.player.template.list.classList.add("aplayer-list-hide")}}, {key: "toggle", value: function () {this.player.template.list.classList.contains("aplayer-list-hide") ? this.show() : this.hide()}}, {key: "add", value: function (e) {this.player.events.trigger("listadd", {audios: e}), "[object Array]" !== Object.prototype.toString.call(e) && (e = [e]), e.map(function (e) {return e.name = e.name || e.title || "Audio name", e.artist = e.artist || e.author || "Audio artist", e.cover = e.cover || e.pic, e.type = e.type || "normal", e});var t = !(this.audios.length > 1), n = 0 === this.audios.length;this.player.template.listOl.innerHTML += (0, a.default)({theme: this.player.options.theme,audio: e,index: this.audios.length + 1}), this.audios = this.audios.concat(e), t && this.audios.length > 1 && this.player.container.classList.add("aplayer-withlist"), this.player.randomOrder = r.default.randomOrder(this.audios.length), this.player.template.listCurs = this.player.container.querySelectorAll(".aplayer-list-cur"), this.player.template.listCurs[this.audios.length - 1].style.backgroundColor = e.theme || this.player.options.theme, n && ("random" === this.player.options.order ? this.switch(this.player.randomOrder[0]) : this.switch(0))}}, {key: "remove", value: function (e) {if (this.player.events.trigger("listremove", {index: e}), this.audios[e]) if (this.audios.length > 1) {var t = this.player.container.querySelectorAll(".aplayer-list li");t[e].remove(), this.audios.splice(e, 1), this.player.lrc && this.player.lrc.remove(e), e === this.index && (this.audios[e] ? this.switch(e) : this.switch(e - 1)), this.index > e && this.index--;for (var n = e; n < t.length; n++) t[n].getElementsByClassName("aplayer-list-index")[0].textContent = n;1 === this.audios.length && this.player.container.classList.remove("aplayer-withlist"), this.player.template.listCurs = this.player.container.querySelectorAll(".aplayer-list-cur")} else this.clear()}}, {key: "switch", value: function (e) {if (this.player.events.trigger("listswitch", {index: e}), void 0 !== e && this.audios[e]) {this.index = e;var t = this.audios[this.index];this.player.template.pic.style.backgroundImage = t.cover ? "url('" + t.cover + "')" : "", this.player.theme(this.audios[this.index].theme || this.player.options.theme, this.index, !1), this.player.template.title.innerHTML = t.name, this.player.template.author.innerHTML = t.artist ? " - " + t.artist : "";var n = this.player.container.getElementsByClassName("aplayer-list-light")[0];n && n.classList.remove("aplayer-list-light"), this.player.container.querySelectorAll(".aplayer-list li")[this.index].classList.add("aplayer-list-light"), (0, o.default)(33 * this.index, 500, null, this.player.template.listOl), this.player.setAudio(t), this.player.lrc && this.player.lrc.switch(this.index), this.player.lrc && this.player.lrc.update(0), 1 !== this.player.duration && (this.player.template.dtime.innerHTML = r.default.secondToTime(this.player.duration))}}}, {key: "clear", value: function () {this.player.events.trigger("listclear"), this.index = 0, this.player.container.classList.remove("aplayer-withlist"), this.player.pause(), this.audios = [], this.player.lrc && this.player.lrc.clear(), this.player.audio.src = "", this.player.template.listOl.innerHTML = "", this.player.template.pic.style.backgroundImage = "", this.player.theme(this.player.options.theme, this.index, !1), this.player.template.title.innerHTML = "No audio", this.player.template.author.innerHTML = "", this.player.bar.set("loaded", 0, "width"), this.player.template.dtime.innerHTML = r.default.secondToTime(0)}}]), e}();t.default = l}, function (e, t, n) {"use strict";Object.defineProperty(t, "__esModule", {value: !0});var i = function () {function e(e, t) {for (var n = 0; n < t.length; n++) {var i = t[n];i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i)}}return function (t, n, i) {return n && e(t.prototype, n), i && e(t, i), t}}();var a = function () {function e() {!function (e, t) {if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")}(this, e), this.events = {}, this.audioEvents = ["abort", "canplay", "canplaythrough", "durationchange", "emptied", "ended", "error", "loadeddata", "loadedmetadata", "loadstart", "mozaudioavailable", "pause", "play", "playing", "progress", "ratechange", "seeked", "seeking", "stalled", "suspend", "timeupdate", "volumechange", "waiting"], this.playerEvents = ["destroy", "listshow", "listhide", "listadd", "listremove", "listswitch", "listclear", "noticeshow", "noticehide", "lrcshow", "lrchide"]}return i(e, [{key: "on", value: function (e, t) {this.type(e) && "function" == typeof t && (this.events[e] || (this.events[e] = []), this.events[e].push(t))}}, {key: "trigger", value: function (e, t) {if (this.events[e] && this.events[e].length) for (var n = 0; n < this.events[e].length; n++) this.events[e][n](t)}}, {key: "type", value: function (e) {return -1 !== this.playerEvents.indexOf(e) ? "player" : -1 !== this.audioEvents.indexOf(e) ? "audio" : (console.error("Unknown event name: " + e), null)}}]), e}();t.default = a}, function (e, t, n) {"use strict";Object.defineProperty(t, "__esModule", {value: !0});var i = function () {function e(e, t) {for (var n = 0; n < t.length; n++) {var i = t[n];i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i)}}return function (t, n, i) {return n && e(t.prototype, n), i && e(t, i), t}}();var a = function () {function e(t) {!function (e, t) {if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")}(this, e), this.player = t, window.requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (e) {window.setTimeout(e, 1e3 / 60)}, this.types = ["loading"], this.init()}return i(e, [{key: "init", value: function () {var e = this;this.types.forEach(function (t) {e["init" + t + "Checker"]()})}}, {key: "initloadingChecker", value: function () {var e = this, t = 0, n = 0, i = !1;this.loadingChecker = setInterval(function () {e.enableloadingChecker && (n = e.player.audio.currentTime, i || n !== t || e.player.audio.paused || (e.player.container.classList.add("aplayer-loading"), i = !0), i && n > t && !e.player.audio.paused && (e.player.container.classList.remove("aplayer-loading"), i = !1), t = n)}, 100)}}, {key: "enable", value: function (e) {this["enable" + e + "Checker"] = !0, "fps" === e && this.initfpsChecker()}}, {key: "disable", value: function (e) {this["enable" + e + "Checker"] = !1}}, {key: "destroy", value: function () {var e = this;this.types.forEach(function (t) {e["enable" + t + "Checker"] = !1, e[t + "Checker"] && clearInterval(e[t + "Checker"])})}}]), e}();t.default = a}, function (e, t, n) {"use strict";Object.defineProperty(t, "__esModule", {value: !0});var i = function () {function e(e, t) {for (var n = 0; n < t.length; n++) {var i = t[n];i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i)}}return function (t, n, i) {return n && e(t.prototype, n), i && e(t, i), t}}(), a = o(n(0)), r = o(n(3));function o(e) {return e && e.__esModule ? e : {default: e}}var s = function () {function e(t) {!function (e, t) {if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")}(this, e), this.player = t, this.initPlayButton(), this.initPlayBar(), this.initOrderButton(), this.initLoopButton(), this.initMenuButton(), a.default.isMobile || this.initVolumeButton(), this.initMiniSwitcher(), this.initSkipButton(), this.initLrcButton()}return i(e, [{key: "initPlayButton", value: function () {var e = this;this.player.template.pic.addEventListener("click", function () {e.player.toggle()})}}, {key: "initPlayBar", value: function () {var e = this, t = function (t) {var n = ((t.clientX || t.changedTouches[0].clientX) - a.default.getElementViewLeft(e.player.template.barWrap)) / e.player.template.barWrap.clientWidth;n = Math.max(n, 0), n = Math.min(n, 1), e.player.bar.set("played", n, "width"), e.player.lrc && e.player.lrc.update(n * e.player.duration), e.player.template.ptime.innerHTML = a.default.secondToTime(n * e.player.duration)}, n = function n(i) {document.removeEventListener(a.default.nameMap.dragEnd, n), document.removeEventListener(a.default.nameMap.dragMove, t);var r = ((i.clientX || i.changedTouches[0].clientX) - a.default.getElementViewLeft(e.player.template.barWrap)) / e.player.template.barWrap.clientWidth;r = Math.max(r, 0), r = Math.min(r, 1), e.player.bar.set("played", r, "width"), e.player.seek(e.player.bar.get("played", "width") * e.player.duration), e.player.disableTimeupdate = !1};this.player.template.barWrap.addEventListener(a.default.nameMap.dragStart, function () {e.player.disableTimeupdate = !0, document.addEventListener(a.default.nameMap.dragMove, t), document.addEventListener(a.default.nameMap.dragEnd, n)})}}, {key: "initVolumeButton", value: function () {var e = this;this.player.template.volumeButton.addEventListener("click", function () {e.player.audio.muted ? (e.player.audio.muted = !1, e.player.switchVolumeIcon(), e.player.bar.set("volume", e.player.volume(), "height")) : (e.player.audio.muted = !0, e.player.switchVolumeIcon(), e.player.bar.set("volume", 0, "height"))});var t = function (t) {var n = 1 - ((t.clientY || t.changedTouches[0].clientY) - a.default.getElementViewTop(e.player.template.volumeBar, e.player.options.fixed)) / e.player.template.volumeBar.clientHeight;n = Math.max(n, 0), n = Math.min(n, 1), e.player.volume(n)}, n = function n(i) {e.player.template.volumeBarWrap.classList.remove("aplayer-volume-bar-wrap-active"), document.removeEventListener(a.default.nameMap.dragEnd, n), document.removeEventListener(a.default.nameMap.dragMove, t);var r = 1 - ((i.clientY || i.changedTouches[0].clientY) - a.default.getElementViewTop(e.player.template.volumeBar, e.player.options.fixed)) / e.player.template.volumeBar.clientHeight;r = Math.max(r, 0), r = Math.min(r, 1), e.player.volume(r)};this.player.template.volumeBarWrap.addEventListener(a.default.nameMap.dragStart, function () {e.player.template.volumeBarWrap.classList.add("aplayer-volume-bar-wrap-active"), document.addEventListener(a.default.nameMap.dragMove, t), document.addEventListener(a.default.nameMap.dragEnd, n)})}}, {key: "initOrderButton", value: function () {var e = this;this.player.template.order.addEventListener("click", function () {"list" === e.player.options.order ? (e.player.options.order = "random", e.player.template.order.innerHTML = r.default.orderRandom) : "random" === e.player.options.order && (e.player.options.order = "list", e.player.template.order.innerHTML = r.default.orderList)})}}, {key: "initLoopButton", value: function () {var e = this;this.player.template.loop.addEventListener("click", function () {e.player.list.audios.length > 1 ? "one" === e.player.options.loop ? (e.player.options.loop = "none", e.player.template.loop.innerHTML = r.default.loopNone) : "none" === e.player.options.loop ? (e.player.options.loop = "all", e.player.template.loop.innerHTML = r.default.loopAll) : "all" === e.player.options.loop && (e.player.options.loop = "one", e.player.template.loop.innerHTML = r.default.loopOne) : "one" === e.player.options.loop || "all" === e.player.options.loop ? (e.player.options.loop = "none", e.player.template.loop.innerHTML = r.default.loopNone) : "none" === e.player.options.loop && (e.player.options.loop = "all", e.player.template.loop.innerHTML = r.default.loopAll)})}}, {key: "initMenuButton", value: function () {var e = this;this.player.template.menu.addEventListener("click", function () {e.player.list.toggle()})}}, {key: "initMiniSwitcher", value: function () {var e = this;this.player.template.miniSwitcher.addEventListener("click", function () {e.player.setMode("mini" === e.player.mode ? "normal" : "mini")})}}, {key: "initSkipButton", value: function () {var e = this;this.player.template.skipBackButton.addEventListener("click", function () {e.player.skipBack()}), this.player.template.skipForwardButton.addEventListener("click", function () {e.player.skipForward()}), this.player.template.skipPlayButton.addEventListener("click", function () {e.player.toggle()})}}, {key: "initLrcButton", value: function () {var e = this;this.player.template.lrcButton.addEventListener("click", function () {e.player.template.lrcButton.classList.contains("aplayer-icon-lrc-inactivity") ? (e.player.template.lrcButton.classList.remove("aplayer-icon-lrc-inactivity"), e.player.lrc && e.player.lrc.show()) : (e.player.template.lrcButton.classList.add("aplayer-icon-lrc-inactivity"), e.player.lrc && e.player.lrc.hide())})}}]), e}();t.default = s}, function (e, t, n) {var i = n(2);e.exports = function (e) {"use strict";e = e || {};var t = "", n = i.$each, a = e.lyrics, r = (e.$value, e.$index, i.$escape);return n(a, function (e, n) {t += "\n    <p", 0 === n && (t += ' class="aplayer-lrc-current"'), t += ">", t += r(e[1]), t += "</p>\n"}), t}}, function (e, t, n) {"use strict";Object.defineProperty(t, "__esModule", {value: !0});var i, a = function () {function e(e, t) {for (var n = 0; n < t.length; n++) {var i = t[n];i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i)}}return function (t, n, i) {return n && e(t.prototype, n), i && e(t, i), t}}(), r = n(10), o = (i = r) && i.__esModule ? i : {default: i};var s = function () {function e(t) {!function (e, t) {if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")}(this, e), this.container = t.container, this.async = t.async, this.player = t.player, this.parsed = [], this.index = 0, this.current = []}return a(e, [{key: "show", value: function () {this.player.events.trigger("lrcshow"), this.player.template.lrcWrap.classList.remove("aplayer-lrc-hide")}}, {key: "hide", value: function () {this.player.events.trigger("lrchide"), this.player.template.lrcWrap.classList.add("aplayer-lrc-hide")}}, {key: "toggle", value: function () {this.player.template.lrcWrap.classList.contains("aplayer-lrc-hide") ? this.show() : this.hide()}}, {key: "update", value: function () {var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this.player.audio.currentTime;if (this.index > this.current.length - 1 || e < this.current[this.index][0] || !this.current[this.index + 1] || e >= this.current[this.index + 1][0]) for (var t = 0; t < this.current.length; t++) e >= this.current[t][0] && (!this.current[t + 1] || e < this.current[t + 1][0]) && (this.index = t, this.container.style.transform = "translateY(" + 16 * -this.index + "px)", this.container.style.webkitTransform = "translateY(" + 16 * -this.index + "px)", this.container.getElementsByClassName("aplayer-lrc-current")[0].classList.remove("aplayer-lrc-current"), this.container.getElementsByTagName("p")[t].classList.add("aplayer-lrc-current"))}}, {key: "switch", value: function (e) {var t = this;if (!this.parsed[e]) if (this.async) {this.parsed[e] = [["00:00", "Loading"]];var n = new XMLHttpRequest;n.onreadystatechange = function () {e === t.player.list.index && 4 === n.readyState && (n.status >= 200 && n.status < 300 || 304 === n.status ? t.parsed[e] = t.parse(n.responseText) : (t.player.notice("LRC file request fails: status " + n.status), t.parsed[e] = [["00:00", "Not available"]]), t.container.innerHTML = (0, o.default)({lyrics: t.parsed[e]}), t.update(0), t.current = t.parsed[e])};var i = this.player.list.audios[e].lrc;n.open("get", i, !0), n.send(null)} else this.player.list.audios[e].lrc ? this.parsed[e] = this.parse(this.player.list.audios[e].lrc) : this.parsed[e] = [["00:00", "Not available"]];this.container.innerHTML = (0, o.default)({lyrics: this.parsed[e]}), this.update(0), this.current = this.parsed[e]}}, {key: "parse", value: function (e) {if (e) {for (var t = (e = e.replace(/([^\]^\n])\[/g, function (e, t) {return t + "\n["})).split("\n"), n = [], i = t.length, a = 0; a < i; a++) {var r = t[a].match(/\[(\d{2}):(\d{2})(\.(\d{2,3}))?]/g),o = t[a].replace(/.*\[(\d{2}):(\d{2})(\.(\d{2,3}))?]/g, "").replace(/<(\d{2}):(\d{2})(\.(\d{2,3}))?>/g, "").replace(/^\s+|\s+$/g, "");if (r) for (var s = r.length, l = 0; l < s; l++) {var u = /\[(\d{2}):(\d{2})(\.(\d{2,3}))?]/.exec(r[l]),c = 60 * u[1] + parseInt(u[2]) + (u[4] ? parseInt(u[4]) / (2 === (u[4] + "").length ? 100 : 1e3) : 0);n.push([c, o])}}return (n = n.filter(function (e) {return e[1]})).sort(function (e, t) {return e[0] - t[0]}), n}return []}}, {key: "remove", value: function (e) {this.parsed.splice(e, 1)}}, {key: "clear", value: function () {this.parsed = [], this.container.innerHTML = ""}}]), e}();t.default = s}, function (e, t, n) {"use strict";Object.defineProperty(t, "__esModule", {value: !0});var i, a = function () {function e(e, t) {for (var n = 0; n < t.length; n++) {var i = t[n];i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i)}}return function (t, n, i) {return n && e(t.prototype, n), i && e(t, i), t}}(), r = n(0), o = (i = r) && i.__esModule ? i : {default: i};var s = function () {function e(t) {!function (e, t) {if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")}(this, e), this.storageName = t.options.storageName, this.data = JSON.parse(o.default.storage.get(this.storageName)), this.data || (this.data = {}), this.data.volume = this.data.volume || t.options.volume}return a(e, [{key: "get", value: function (e) {return this.data[e]}}, {key: "set", value: function (e, t) {this.data[e] = t, o.default.storage.set(this.storageName, JSON.stringify(this.data))}}]), e}();t.default = s}, function (e, t, n) {"use strict";Object.defineProperty(t, "__esModule", {value: !0});var i = function () {function e(e, t) {for (var n = 0; n < t.length; n++) {var i = t[n];i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i)}}return function (t, n, i) {return n && e(t.prototype, n), i && e(t, i), t}}();var a = function () {function e(t) {!function (e, t) {if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")}(this, e), this.elements = {}, this.elements.volume = t.volume, this.elements.played = t.played, this.elements.loaded = t.loaded}return i(e, [{key: "set", value: function (e, t, n) {t = Math.max(t, 0), t = Math.min(t, 1), this.elements[e].style[n] = 100 * t + "%"}}, {key: "get", value: function (e, t) {return parseFloat(this.elements[e].style[t]) / 100}}]), e}();t.default = a}, function (e, t, n) {"use strict";(function (t) {e.exports = !1;try {e.exports = "[object process]" === Object.prototype.toString.call(t.process)} catch (e) {}}).call(this, n(4))}, function (e, t, n) {"use strict";(function (t) {var i = n(14), a = Object.create(i ? t : window), r = /["&'<>]/;a.$escape = function (e) {return function (e) {var t = "" + e, n = r.exec(t);if (!n) return e;var i = "", a = void 0, o = void 0, s = void 0;for (a = n.index, o = 0; a < t.length; a++) {switch (t.charCodeAt(a)) {case 34:s = """;break;case 38:s = "&";break;case 39:s = "'";break;case 60:s = "<";break;case 62:s = ">";break;default:continue}o !== a && (i += t.substring(o, a)), o = a + 1, i += s}return o !== a ? i + t.substring(o, a) : i}(function e(t) {"string" != typeof t && (t = void 0 === t || null === t ? "" : "function" == typeof t ? e(t.call(t)) : JSON.stringify(t));return t}(e))}, a.$each = function (e, t) {if (Array.isArray(e)) for (var n = 0, i = e.length; n < i; n++) t(e[n], n); else for (var a in e) t(e[a], a)}, e.exports = a}).call(this, n(4))}, function (e, t, n) {var i = n(2);e.exports = function (e) {"use strict";var t = "", a = (e = e || {}).options, r = e.cover, o = i.$escape, s = e.icons,l = (arguments[1], function (e) {return t += e}), u = e.getObject;e.theme, e.audio, e.index;return a.fixed ? (t += '\n<div class="aplayer-list', a.listFolded && (t += " aplayer-list-hide"), t += '"', a.listMaxHeight && (t += ' style="max-height: ', t += o(a.listMaxHeight), t += '"'), t += ">\n    <ol", a.listMaxHeight && (t += ' style="max-height: ', t += o(a.listMaxHeight), t += '"'), t += ">\n        ", l(n(1)(u({theme: a.theme,audio: a.audio,index: 1}))), t += '\n    </ol>\n</div>\n<div class="aplayer-body">\n    <div class="aplayer-pic" style="', r && (t += "background-image: url(&quot;", t += o(r), t += "&quot;);"), t += "background-color: ", t += o(a.theme), t += ';">\n        <div class="aplayer-button aplayer-play">', t += s.play, t += '</div>\n    </div>\n    <div class="aplayer-info" style="display: none;">\n        <div class="aplayer-music">\n            <span class="aplayer-title">No audio</span>\n            <span class="aplayer-author"></span>\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: ', t += o(a.theme), t += ';">\n                        <span class="aplayer-thumb" style="background: ', t += o(a.theme), t += ';">\n                            <span class="aplayer-loading-icon">', t += s.loading, t += '</span>\n                        </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                <span class="aplayer-icon aplayer-icon-back">\n                    ', t += s.skip, t += '\n                </span>\n                <span class="aplayer-icon aplayer-icon-play">\n                    ', t += s.play, t += '\n                </span>\n                <span class="aplayer-icon aplayer-icon-forward">\n                    ', t += s.skip, t += '\n                </span>\n                <div class="aplayer-volume-wrap">\n                    <button type="button" class="aplayer-icon aplayer-icon-volume-down">\n                        ', t += s.volumeDown, t += '\n                    </button>\n                    <div class="aplayer-volume-bar-wrap">\n                        <div class="aplayer-volume-bar">\n                            <div class="aplayer-volume" style="height: 80%; background: ', t += o(a.theme), t += ';"></div>\n                        </div>\n                    </div>\n                </div>\n                <button type="button" class="aplayer-icon aplayer-icon-order">\n                    ', "list" === a.order ? t += s.orderList : "random" === a.order && (t += s.orderRandom), t += '\n                </button>\n                <button type="button" class="aplayer-icon aplayer-icon-loop">\n                    ', "one" === a.loop ? t += s.loopOne : "all" === a.loop ? t += s.loopAll : "none" === a.loop && (t += s.loopNone), t += '\n                </button>\n                <button type="button" class="aplayer-icon aplayer-icon-menu">\n                    ', t += s.menu, t += '\n                </button>\n                <button type="button" class="aplayer-icon aplayer-icon-lrc">\n                    ', t += s.lrc, t += '\n                </button>\n            </div>\n        </div>\n    </div>\n    <div class="aplayer-notice"></div>\n    <div class="aplayer-miniswitcher"><button class="aplayer-icon">', t += s.right, t += '</button></div>\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') : (t += '\n<div class="aplayer-body">\n    <div class="aplayer-pic" style="', r && (t += "background-image: url(&quot;", t += o(r), t += "&quot;);"), t += "background-color: ", t += o(a.theme), t += ';">\n        <div class="aplayer-button aplayer-play">', t += s.play, t += '</div>\n    </div>\n    <div class="aplayer-info">\n        <div class="aplayer-music">\n            <span class="aplayer-title">No audio</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: ', t += o(a.theme), t += ';">\n                        <span class="aplayer-thumb" style="background: ', t += o(a.theme), t += ';">\n                            <span class="aplayer-loading-icon">', t += s.loading, t += '</span>\n                        </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                <span class="aplayer-icon aplayer-icon-back">\n                    ', t += s.skip, t += '\n                </span>\n                <span class="aplayer-icon aplayer-icon-play">\n                    ', t += s.play, t += '\n                </span>\n                <span class="aplayer-icon aplayer-icon-forward">\n                    ', t += s.skip, t += '\n                </span>\n                <div class="aplayer-volume-wrap">\n                    <button type="button" class="aplayer-icon aplayer-icon-volume-down">\n                        ', t += s.volumeDown, t += '\n                    </button>\n                    <div class="aplayer-volume-bar-wrap">\n                        <div class="aplayer-volume-bar">\n                            <div class="aplayer-volume" style="height: 80%; background: ', t += o(a.theme), t += ';"></div>\n                        </div>\n                    </div>\n                </div>\n                <button type="button" class="aplayer-icon aplayer-icon-order">\n                    ', "list" === a.order ? t += s.orderList : "random" === a.order && (t += s.orderRandom), t += '\n                </button>\n                <button type="button" class="aplayer-icon aplayer-icon-loop">\n                    ', "one" === a.loop ? t += s.loopOne : "all" === a.loop ? t += s.loopAll : "none" === a.loop && (t += s.loopNone), t += '\n                </button>\n                <button type="button" class="aplayer-icon aplayer-icon-menu">\n                    ', t += s.menu, t += '\n                </button>\n                <button type="button" class="aplayer-icon aplayer-icon-lrc">\n                    ', t += s.lrc, t += '\n                </button>\n            </div>\n        </div>\n    </div>\n    <div class="aplayer-notice"></div>\n    <div class="aplayer-miniswitcher"><button class="aplayer-icon">', t += s.right, t += '</button></div>\n</div>\n<div class="aplayer-list', a.listFolded && (t += " aplayer-list-hide"), t += '"', a.listMaxHeight && (t += ' style="max-height: ', t += o(a.listMaxHeight), t += '"'), t += ">\n    <ol", a.listMaxHeight && (t += ' style="max-height: ', t += o(a.listMaxHeight), t += '"'), t += ">\n        ", l(n(1)(u({theme: a.theme,audio: a.audio,index: 1}))), t += "\n    </ol>\n</div>\n"), t}}, function (e, t, n) {"use strict";Object.defineProperty(t, "__esModule", {value: !0});var i = function () {function e(e, t) {for (var n = 0; n < t.length; n++) {var i = t[n];i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i)}}return function (t, n, i) {return n && e(t.prototype, n), i && e(t, i), t}}(), a = o(n(3)), r = o(n(16));function o(e) {return e && e.__esModule ? e : {default: e}}var s = function () {function e(t) {!function (e, t) {if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")}(this, e), this.container = t.container, this.options = t.options, this.randomOrder = t.randomOrder, this.init()}return i(e, [{key: "init", value: function () {var e = "";this.options.audio.length && (e = "random" === this.options.order ? this.options.audio[this.randomOrder[0]].cover : this.options.audio[0].cover), this.container.innerHTML = (0, r.default)({options: this.options,icons: a.default,cover: e,getObject: function (e) {return e}}), this.lrc = this.container.querySelector(".aplayer-lrc-contents"), this.lrcWrap = this.container.querySelector(".aplayer-lrc"), this.ptime = this.container.querySelector(".aplayer-ptime"), this.info = this.container.querySelector(".aplayer-info"), this.time = this.container.querySelector(".aplayer-time"), this.barWrap = this.container.querySelector(".aplayer-bar-wrap"), this.button = this.container.querySelector(".aplayer-button"), this.body = this.container.querySelector(".aplayer-body"), this.list = this.container.querySelector(".aplayer-list"), this.listOl = this.container.querySelector(".aplayer-list ol"), this.listCurs = this.container.querySelectorAll(".aplayer-list-cur"), this.played = this.container.querySelector(".aplayer-played"), this.loaded = this.container.querySelector(".aplayer-loaded"), this.thumb = this.container.querySelector(".aplayer-thumb"), this.volume = this.container.querySelector(".aplayer-volume"), this.volumeBar = this.container.querySelector(".aplayer-volume-bar"), this.volumeButton = this.container.querySelector(".aplayer-time button"), this.volumeBarWrap = this.container.querySelector(".aplayer-volume-bar-wrap"), this.loop = this.container.querySelector(".aplayer-icon-loop"), this.order = this.container.querySelector(".aplayer-icon-order"), this.menu = this.container.querySelector(".aplayer-icon-menu"), this.pic = this.container.querySelector(".aplayer-pic"), this.title = this.container.querySelector(".aplayer-title"), this.author = this.container.querySelector(".aplayer-author"), this.dtime = this.container.querySelector(".aplayer-dtime"), this.notice = this.container.querySelector(".aplayer-notice"), this.miniSwitcher = this.container.querySelector(".aplayer-miniswitcher"), this.skipBackButton = this.container.querySelector(".aplayer-icon-back"), this.skipForwardButton = this.container.querySelector(".aplayer-icon-forward"), this.skipPlayButton = this.container.querySelector(".aplayer-icon-play"), this.lrcButton = this.container.querySelector(".aplayer-icon-lrc")}}]), e}();t.default = s}, function (e, t, n) {"use strict";Object.defineProperty(t, "__esModule", {value: !0}), t.default = function (e) {var t = {container: e.element || document.getElementsByClassName("aplayer")[0],mini: e.narrow || e.fixed || !1,fixed: !1,autoplay: !1,mutex: !0,lrcType: e.showlrc || e.lrc || 0,preload: "auto",theme: "#b7daff",loop: "all",order: "list",volume: .7,listFolded: e.fixed,listMaxHeight: e.listmaxheight || "250px",audio: e.music || [],storageName: "aplayer-setting"};for (var n in t) t.hasOwnProperty(n) && !e.hasOwnProperty(n) && (e[n] = t[n]);return "[object Array]" !== Object.prototype.toString.call(e.audio) && (e.audio = [e.audio]), e.audio.map(function (e) {return e.name = e.name || e.title || "Audio name", e.artist = e.artist || e.author || "Audio artist", e.cover = e.cover || e.pic, e.type = e.type || "normal", e}), e.audio.length <= 1 && "one" === e.loop && (e.loop = "all"), e}}, function (e, t) {e.exports = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path d="M26.667 5.333h-21.333c-0 0-0.001 0-0.001 0-1.472 0-2.666 1.194-2.666 2.666 0 0 0 0.001 0 0.001v-0 16c0 0 0 0.001 0 0.001 0 1.472 1.194 2.666 2.666 2.666 0 0 0.001 0 0.001 0h21.333c0 0 0.001 0 0.001 0 1.472 0 2.666-1.194 2.666-2.666 0-0 0-0.001 0-0.001v0-16c0-0 0-0.001 0-0.001 0-1.472-1.194-2.666-2.666-2.666-0 0-0.001 0-0.001 0h0zM5.333 16h5.333v2.667h-5.333v-2.667zM18.667 24h-13.333v-2.667h13.333v2.667zM26.667 24h-5.333v-2.667h5.333v2.667zM26.667 18.667h-13.333v-2.667h13.333v2.667z"></path></svg>'}, function (e, t) {e.exports = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path d="M25.468 6.947c-0.326-0.172-0.724-0.151-1.030 0.057l-6.438 4.38v-3.553c0-0.371-0.205-0.71-0.532-0.884-0.326-0.172-0.724-0.151-1.030 0.057l-12 8.164c-0.274 0.186-0.438 0.496-0.438 0.827s0.164 0.641 0.438 0.827l12 8.168c0.169 0.115 0.365 0.174 0.562 0.174 0.16 0 0.321-0.038 0.468-0.116 0.327-0.173 0.532-0.514 0.532-0.884v-3.556l6.438 4.382c0.169 0.115 0.365 0.174 0.562 0.174 0.16 0 0.321-0.038 0.468-0.116 0.327-0.173 0.532-0.514 0.532-0.884v-16.333c0-0.371-0.205-0.71-0.532-0.884z"></path></svg>'}, function (e, t) {e.exports = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path d="M22 16l-10.105-10.6-1.895 1.987 8.211 8.613-8.211 8.612 1.895 1.988 8.211-8.613z"></path></svg>'}, function (e, t) {e.exports = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path d="M4 16c0-6.6 5.4-12 12-12s12 5.4 12 12c0 1.2-0.8 2-2 2s-2-0.8-2-2c0-4.4-3.6-8-8-8s-8 3.6-8 8 3.6 8 8 8c1.2 0 2 0.8 2 2s-0.8 2-2 2c-6.6 0-12-5.4-12-12z"></path></svg>'}, function (e, t) {e.exports = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 29 32"><path d="M2.667 7.027l1.707-1.693 22.293 22.293-1.693 1.707-4-4h-11.64v4l-5.333-5.333 5.333-5.333v4h8.973l-8.973-8.973v0.973h-2.667v-3.64l-4-4zM22.667 17.333h2.667v5.573l-2.667-2.667v-2.907zM22.667 6.667v-4l5.333 5.333-5.333 5.333v-4h-10.907l-2.667-2.667h13.573z"></path></svg>'}, function (e, t) {e.exports = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 33 32"><path d="M9.333 9.333h13.333v4l5.333-5.333-5.333-5.333v4h-16v8h2.667v-5.333zM22.667 22.667h-13.333v-4l-5.333 5.333 5.333 5.333v-4h16v-8h-2.667v5.333zM17.333 20v-8h-1.333l-2.667 1.333v1.333h2v5.333h2z"></path></svg>'}, function (e, t) {e.exports = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 29 32"><path d="M9.333 9.333h13.333v4l5.333-5.333-5.333-5.333v4h-16v8h2.667v-5.333zM22.667 22.667h-13.333v-4l-5.333 5.333 5.333 5.333v-4h16v-8h-2.667v5.333z"></path></svg>'}, function (e, t) {e.exports = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 22 32"><path d="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"></path></svg>'}, function (e, t) {e.exports = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path d="M0.622 18.334h19.54v7.55l11.052-9.412-11.052-9.413v7.549h-19.54v3.725z"></path></svg>'}, function (e, t) {e.exports = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path d="M22.667 4l7 6-7 6 7 6-7 6v-4h-3.653l-3.76-3.76 2.827-2.827 2.587 2.587h2v-8h-2l-12 12h-6v-4h4.347l12-12h3.653v-4zM2.667 8h6l3.76 3.76-2.827 2.827-2.587-2.587h-4.347v-4z"></path></svg>'}, function (e, t) {e.exports = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 28 32"><path d="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"></path></svg>'}, function (e, t) {e.exports = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 28 32"><path d="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"></path></svg>'}, function (e, t) {e.exports = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 28 32"><path d="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"></path></svg>'}, function (e, t) {e.exports = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17 32"><path d="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"></path></svg>'}, function (e, t) {e.exports = '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 31"><path d="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"></path></svg>'}, function (e, t, n) {"use strict";var i, a, r = e.exports = {};function o() {throw new Error("setTimeout has not been defined")}function s() {throw new Error("clearTimeout has not been defined")}function l(e) {if (i === setTimeout) return setTimeout(e, 0);if ((i === o || !i) && setTimeout) return i = setTimeout, setTimeout(e, 0);try {return i(e, 0)} catch (t) {try {return i.call(null, e, 0)} catch (t) {return i.call(this, e, 0)}}}!function () {try {i = "function" == typeof setTimeout ? setTimeout : o} catch (e) {i = o}try {a = "function" == typeof clearTimeout ? clearTimeout : s} catch (e) {a = s}}();var u, c = [], p = !1, d = -1;function h() {p && u && (p = !1, u.length ? c = u.concat(c) : d = -1, c.length && y())}function y() {if (!p) {var e = l(h);p = !0;for (var t = c.length; t;) {for (u = c, c = []; ++d < t;) u && u[d].run();d = -1, t = c.length}u = null, p = !1, function (e) {if (a === clearTimeout) return clearTimeout(e);if ((a === s || !a) && clearTimeout) return a = clearTimeout, clearTimeout(e);try {a(e)} catch (t) {try {return a.call(null, e)} catch (t) {return a.call(this, e)}}}(e)}}function f(e, t) {this.fun = e, this.array = t}function v() {}r.nextTick = function (e) {var t = new Array(arguments.length - 1);if (arguments.length > 1) for (var n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];c.push(new f(e, t)), 1 !== c.length || p || l(y)}, f.prototype.run = function () {this.fun.apply(null, this.array)}, r.title = "browser", r.browser = !0, r.env = {}, r.argv = [], r.version = "", r.versions = {}, r.on = v, r.addListener = v, r.once = v, r.off = v, r.removeListener = v, r.removeAllListeners = v, r.emit = v, r.prependListener = v, r.prependOnceListener = v, r.listeners = function (e) {return []}, r.binding = function (e) {throw new Error("process.binding is not supported")}, r.cwd = function () {return "/"}, r.chdir = function (e) {throw new Error("process.chdir is not supported")}, r.umask = function () {return 0}}, function (e, t, n) {"use strict";(function (e, t) {!function (e, n) {if (!e.setImmediate) {var i, a, r, o, s, l = 1, u = {}, c = !1, p = e.document,d = Object.getPrototypeOf && Object.getPrototypeOf(e);d = d && d.setTimeout ? d : e, "[object process]" === {}.toString.call(e.process) ? i = function (e) {t.nextTick(function () {y(e)})} : !function () {if (e.postMessage && !e.importScripts) {var t = !0, n = e.onmessage;return e.onmessage = function () {t = !1}, e.postMessage("", "*"), e.onmessage = n, t}}() ? e.MessageChannel ? ((r = new MessageChannel).port1.onmessage = function (e) {y(e.data)}, i = function (e) {r.port2.postMessage(e)}) : p && "onreadystatechange" in p.createElement("script") ? (a = p.documentElement, i = function (e) {var t = p.createElement("script");t.onreadystatechange = function () {y(e), t.onreadystatechange = null, a.removeChild(t), t = null}, a.appendChild(t)}) : i = function (e) {setTimeout(y, 0, e)} : (o = "setImmediate$" + Math.random() + "$", s = function (t) {t.source === e && "string" == typeof t.data && 0 === t.data.indexOf(o) && y(+t.data.slice(o.length))}, e.addEventListener ? e.addEventListener("message", s, !1) : e.attachEvent("onmessage", s), i = function (t) {e.postMessage(o + t, "*")}), d.setImmediate = function (e) {"function" != typeof e && (e = new Function("" + e));for (var t = new Array(arguments.length - 1), n = 0; n < t.length; n++) t[n] = arguments[n + 1];var a = {callback: e, args: t};return u[l] = a, i(l), l++}, d.clearImmediate = h}function h(e) {delete u[e]}function y(e) {if (c) setTimeout(y, 0, e); else {var t = u[e];if (t) {c = !0;try {!function (e) {var t = e.callback, i = e.args;switch (i.length) {case 0:t();break;case 1:t(i[0]);break;case 2:t(i[0], i[1]);break;case 3:t(i[0], i[1], i[2]);break;default:t.apply(n, i)}}(t)} finally {h(e), c = !1}}}}}("undefined" == typeof self ? void 0 === e ? void 0 : e : self)}).call(this, n(4), n(34))}, function (e, t, n) {"use strict";var i = Function.prototype.apply;function a(e, t) {this._id = e, this._clearFn = t}t.setTimeout = function () {return new a(i.call(setTimeout, window, arguments), clearTimeout)}, t.setInterval = function () {return new a(i.call(setInterval, window, arguments), clearInterval)}, t.clearTimeout = t.clearInterval = function (e) {e && e.close()}, a.prototype.unref = a.prototype.ref = function () {}, a.prototype.close = function () {this._clearFn.call(window, this._id)}, t.enroll = function (e, t) {clearTimeout(e._idleTimeoutId), e._idleTimeout = t}, t.unenroll = function (e) {clearTimeout(e._idleTimeoutId), e._idleTimeout = -1}, t._unrefActive = t.active = function (e) {clearTimeout(e._idleTimeoutId);var t = e._idleTimeout;t >= 0 && (e._idleTimeoutId = setTimeout(function () {e._onTimeout && e._onTimeout()}, t))}, n(35), t.setImmediate = setImmediate, t.clearImmediate = clearImmediate}, function (e, t, n) {"use strict";(function (t) {var n = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) {return typeof e} : function (e) {return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e}, i = setTimeout;function a() {}function r(e) {if (!(this instanceof r)) throw new TypeError("Promises must be constructed via new");if ("function" != typeof e) throw new TypeError("not a function");this._state = 0, this._handled = !1, this._value = void 0, this._deferreds = [], c(e, this)}function o(e, t) {for (; 3 === e._state;) e = e._value;0 !== e._state ? (e._handled = !0, r._immediateFn(function () {var n = 1 === e._state ? t.onFulfilled : t.onRejected;if (null !== n) {var i;try {i = n(e._value)} catch (e) {return void l(t.promise, e)}s(t.promise, i)} else (1 === e._state ? s : l)(t.promise, e._value)})) : e._deferreds.push(t)}function s(e, t) {try {if (t === e) throw new TypeError("A promise cannot be resolved with itself.");if (t && ("object" === (void 0 === t ? "undefined" : n(t)) || "function" == typeof t)) {var i = t.then;if (t instanceof r) return e._state = 3, e._value = t, void u(e);if ("function" == typeof i) return void c((a = i, o = t, function () {a.apply(o, arguments)}), e)}e._state = 1, e._value = t, u(e)} catch (t) {l(e, t)}var a, o}function l(e, t) {e._state = 2, e._value = t, u(e)}function u(e) {2 === e._state && 0 === e._deferreds.length && r._immediateFn(function () {e._handled || r._unhandledRejectionFn(e._value)});for (var t = 0, n = e._deferreds.length; t < n; t++) o(e, e._deferreds[t]);e._deferreds = null}function c(e, t) {var n = !1;try {e(function (e) {n || (n = !0, s(t, e))}, function (e) {n || (n = !0, l(t, e))})} catch (e) {if (n) return;n = !0, l(t, e)}}r.prototype.catch = function (e) {return this.then(null, e)}, r.prototype.then = function (e, t) {var n = new this.constructor(a);return o(this, new function (e, t, n) {this.onFulfilled = "function" == typeof e ? e : null, this.onRejected = "function" == typeof t ? t : null, this.promise = n}(e, t, n)), n}, r.prototype.finally = function (e) {var t = this.constructor;return this.then(function (n) {return t.resolve(e()).then(function () {return n})}, function (n) {return t.resolve(e()).then(function () {return t.reject(n)})})}, r.all = function (e) {return new r(function (t, i) {if (!e || void 0 === e.length) throw new TypeError("Promise.all accepts an array");var a = Array.prototype.slice.call(e);if (0 === a.length) return t([]);var r = a.length;function o(e, s) {try {if (s && ("object" === (void 0 === s ? "undefined" : n(s)) || "function" == typeof s)) {var l = s.then;if ("function" == typeof l) return void l.call(s, function (t) {o(e, t)}, i)}a[e] = s, 0 == --r && t(a)} catch (e) {i(e)}}for (var s = 0; s < a.length; s++) o(s, a[s])})}, r.resolve = function (e) {return e && "object" === (void 0 === e ? "undefined" : n(e)) && e.constructor === r ? e : new r(function (t) {t(e)})}, r.reject = function (e) {return new r(function (t, n) {n(e)})}, r.race = function (e) {return new r(function (t, n) {for (var i = 0, a = e.length; i < a; i++) e[i].then(t, n)})}, r._immediateFn = "function" == typeof t && function (e) {t(e)} || function (e) {i(e, 0)}, r._unhandledRejectionFn = function (e) {"undefined" != typeof console && console && console.warn("Possible Unhandled Promise Rejection:", e)}, e.exports = r}).call(this, n(36).setImmediate)}, function (e, t, n) {"use strict";Object.defineProperty(t, "__esModule", {value: !0});var i = function () {function e(e, t) {for (var n = 0; n < t.length; n++) {var i = t[n];i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(e, i.key, i)}}return function (t, n, i) {return n && e(t.prototype, n), i && e(t, i), t}}(), a = v(n(37)), r = v(n(0)), o = v(n(3)), s = v(n(18)), l = v(n(17)), u = v(n(13)), c = v(n(12)),p = v(n(11)), d = v(n(9)), h = v(n(8)), y = v(n(7)), f = v(n(6));function v(e) {return e && e.__esModule ? e : {default: e}}var m = [], g = function () {function e(t) {if (function (e, t) {if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function")}(this, e), this.options = (0, s.default)(t), this.container = this.options.container, this.paused = !0, this.playedPromise = a.default.resolve(), this.mode = "normal", this.randomOrder = r.default.randomOrder(this.options.audio.length), this.container.classList.add("aplayer"), this.options.lrcType && !this.options.fixed && this.container.classList.add("aplayer-withlrc"), this.options.audio.length > 1 && this.container.classList.add("aplayer-withlist"), r.default.isMobile && this.container.classList.add("aplayer-mobile"), this.arrow = this.container.offsetWidth <= 300, this.arrow && this.container.classList.add("aplayer-arrow"), this.container = this.options.container, 2 === this.options.lrcType || !0 === this.options.lrcType) for (var n = this.container.getElementsByClassName("aplayer-lrc-content"), i = 0; i < n.length; i++) this.options.audio[i] && (this.options.audio[i].lrc = n[i].innerHTML);this.template = new l.default({container: this.container,options: this.options,randomOrder: this.randomOrder}), this.options.fixed && (this.container.classList.add("aplayer-fixed"), this.template.body.style.width = this.template.body.offsetWidth - 18 + "px"), this.options.mini && (this.setMode("mini"), this.template.info.style.display = "block"), this.template.info.offsetWidth < 200 && this.template.time.classList.add("aplayer-time-narrow"), this.options.lrcType && (this.lrc = new p.default({container: this.template.lrc,async: 3 === this.options.lrcType,player: this})), this.events = new y.default, this.storage = new c.default(this), this.bar = new u.default(this.template), this.controller = new d.default(this), this.timer = new h.default(this), this.list = new f.default(this), this.initAudio(), this.bindEvents(), "random" === this.options.order ? this.list.switch(this.randomOrder[0]) : this.list.switch(0), this.options.autoplay && this.play(), m.push(this)}return i(e, [{key: "initAudio", value: function () {var e = this;this.audio = document.createElement("audio"), this.audio.preload = this.options.preload;for (var t = function (t) {e.audio.addEventListener(e.events.audioEvents[t], function (n) {e.events.trigger(e.events.audioEvents[t], n)})}, n = 0; n < this.events.audioEvents.length; n++) t(n);this.volume(this.storage.get("volume"), !0)}}, {key: "bindEvents", value: function () {var e = this;this.on("play", function () {e.paused && e.setUIPlaying()}), this.on("pause", function () {e.paused || e.setUIPaused()}), this.on("timeupdate", function () {if (!e.disableTimeupdate) {e.bar.set("played", e.audio.currentTime / e.duration, "width"), e.lrc && e.lrc.update();var t = r.default.secondToTime(e.audio.currentTime);e.template.ptime.innerHTML !== t && (e.template.ptime.innerHTML = t)}}), this.on("durationchange", function () {1 !== e.duration && (e.template.dtime.innerHTML = r.default.secondToTime(e.duration))}), this.on("progress", function () {var t = e.audio.buffered.length ? e.audio.buffered.end(e.audio.buffered.length - 1) / e.duration : 0;e.bar.set("loaded", t, "width")});var t = void 0;this.on("error", function () {e.list.audios.length > 1 ? (e.notice("An audio error has occurred, player will skip forward in 2 seconds."), t = setTimeout(function () {e.skipForward(), e.paused || e.play()}, 2e3)) : 1 === e.list.audios.length && e.notice("An audio error has occurred.")}), this.events.on("listswitch", function () {t && clearTimeout(t)}), this.on("ended", function () {"none" === e.options.loop ? "list" === e.options.order ? e.list.index < e.list.audios.length - 1 ? (e.list.switch((e.list.index + 1) % e.list.audios.length), e.play()) : (e.list.switch((e.list.index + 1) % e.list.audios.length), e.pause()) : "random" === e.options.order && (e.randomOrder.indexOf(e.list.index) < e.randomOrder.length - 1 ? (e.list.switch(e.nextIndex()), e.play()) : (e.list.switch(e.nextIndex()), e.pause())) : "one" === e.options.loop ? (e.list.switch(e.list.index), e.play()) : "all" === e.options.loop && (e.skipForward(), e.play())})}}, {key: "setAudio", value: function (e) {this.hls && (this.hls.destroy(), this.hls = null);var t = e.type;this.options.customAudioType && this.options.customAudioType[t] ? "[object Function]" === Object.prototype.toString.call(this.options.customAudioType[t]) ? this.options.customAudioType[t](this.audio, e, this) : console.error("Illegal customType: " + t) : (t && "auto" !== t || (t = /m3u8(#|\?|$)/i.exec(e.url) ? "hls" : "normal"), "hls" === t ? Hls.isSupported() ? (this.hls = new Hls, this.hls.loadSource(e.url), this.hls.attachMedia(this.audio)) : this.audio.canPlayType("application/x-mpegURL") || this.audio.canPlayType("application/vnd.apple.mpegURL") ? this.audio.src = e.url : this.notice("Error: HLS is not supported.") : "normal" === t && (this.audio.src = e.url)), this.seek(0), this.paused || this.audio.play()}}, {key: "theme", value: function () {var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this.list.audios[this.list.index].theme || this.options.theme,t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : this.list.index;(!(arguments.length > 2 && void 0 !== arguments[2]) || arguments[2]) && this.list.audios[t] && (this.list.audios[t].theme = e), this.template.listCurs[t] && (this.template.listCurs[t].style.backgroundColor = e), t === this.list.index && (this.template.pic.style.backgroundColor = e, this.template.played.style.background = e, this.template.thumb.style.background = e, this.template.volume.style.background = e)}}, {key: "seek", value: function (e) {e = Math.max(e, 0), e = Math.min(e, this.duration), this.audio.currentTime = e, this.bar.set("played", e / this.duration, "width"), this.template.ptime.innerHTML = r.default.secondToTime(e)}}, {key: "setUIPlaying", value: function () {var e = this;if (this.paused && (this.paused = !1, this.template.button.classList.remove("aplayer-play"), this.template.button.classList.add("aplayer-pause"), this.template.button.innerHTML = "", setTimeout(function () {e.template.button.innerHTML = o.default.pause}, 100), this.template.skipPlayButton.innerHTML = o.default.pause), this.timer.enable("loading"), this.options.mutex) for (var t = 0; t < m.length; t++) this !== m[t] && m[t].pause()}}, {key: "play", value: function () {var e = this;this.setUIPlaying();var t = this.audio.play();t && t.catch(function (t) {console.warn(t), "NotAllowedError" === t.name && e.setUIPaused()})}}, {key: "setUIPaused", value: function () {var e = this;this.paused || (this.paused = !0, this.template.button.classList.remove("aplayer-pause"), this.template.button.classList.add("aplayer-play"), this.template.button.innerHTML = "", setTimeout(function () {e.template.button.innerHTML = o.default.play}, 100), this.template.skipPlayButton.innerHTML = o.default.play), this.container.classList.remove("aplayer-loading"), this.timer.disable("loading")}}, {key: "pause", value: function () {this.setUIPaused(), this.audio.pause()}}, {key: "switchVolumeIcon", value: function () {this.volume() >= .95 ? this.template.volumeButton.innerHTML = o.default.volumeUp : this.volume() > 0 ? this.template.volumeButton.innerHTML = o.default.volumeDown : this.template.volumeButton.innerHTML = o.default.volumeOff}}, {key: "volume", value: function (e, t) {return e = parseFloat(e), isNaN(e) || (e = Math.max(e, 0), e = Math.min(e, 1), this.bar.set("volume", e, "height"), t || this.storage.set("volume", e), this.audio.volume = e, this.audio.muted && (this.audio.muted = !1), this.switchVolumeIcon()), this.audio.muted ? 0 : this.audio.volume}}, {key: "on", value: function (e, t) {this.events.on(e, t)}}, {key: "toggle", value: function () {this.template.button.classList.contains("aplayer-play") ? this.play() : this.template.button.classList.contains("aplayer-pause") && this.pause()}}, {key: "switchAudio", value: function (e) {this.list.switch(e)}}, {key: "addAudio", value: function (e) {this.list.add(e)}}, {key: "removeAudio", value: function (e) {this.list.remove(e)}}, {key: "destroy", value: function () {m.splice(m.indexOf(this), 1), this.pause(), this.container.innerHTML = "", this.audio.src = "", this.timer.destroy(), this.events.trigger("destroy")}}, {key: "setMode", value: function () {var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "normal";this.mode = e, "mini" === e ? this.container.classList.add("aplayer-narrow") : "normal" === e && this.container.classList.remove("aplayer-narrow")}}, {key: "notice", value: function (e) {var t = this, n = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 2e3,i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : .8;this.template.notice.innerHTML = e, this.template.notice.style.opacity = i, this.noticeTime && clearTimeout(this.noticeTime), this.events.trigger("noticeshow", {text: e}), n && (this.noticeTime = setTimeout(function () {t.template.notice.style.opacity = 0, t.events.trigger("noticehide")}, n))}}, {key: "prevIndex", value: function () {if (!(this.list.audios.length > 1)) return 0;if ("list" === this.options.order) return this.list.index - 1 < 0 ? this.list.audios.length - 1 : this.list.index - 1;if ("random" === this.options.order) {var e = this.randomOrder.indexOf(this.list.index);return 0 === e ? this.randomOrder[this.randomOrder.length - 1] : this.randomOrder[e - 1]}}}, {key: "nextIndex", value: function () {if (!(this.list.audios.length > 1)) return 0;if ("list" === this.options.order) return (this.list.index + 1) % this.list.audios.length;if ("random" === this.options.order) {var e = this.randomOrder.indexOf(this.list.index);return e === this.randomOrder.length - 1 ? this.randomOrder[0] : this.randomOrder[e + 1]}}}, {key: "skipBack", value: function () {this.list.switch(this.prevIndex())}}, {key: "skipForward", value: function () {this.list.switch(this.nextIndex())}}, {key: "duration", get: function () {return isNaN(this.audio.duration) ? 0 : this.audio.duration}}], [{key: "version", get: function () {return "1.10.1"}}]), e}();t.default = g}, , function (e, t, n) {}, function (e, t, n) {"use strict";Object.defineProperty(t, "__esModule", {value: !0}), n(40);var i, a = n(38), r = (i = a) && i.__esModule ? i : {default: i};console.log("\n %c APlayer v1.10.1 af84efb %c http://aplayer.js.org \n", "color: #fadfa3; background: #030307; padding:5px 0;", "background: #fadfa3; padding:5px 0;"), t.default = r.default}]).default
});

创建第三个文件 Meting.min.js

"use strict";function _objectSpread(a) {for (var b = 1; b < arguments.length; b++) {var c = null == arguments[b] ? {} : arguments[b], d = Object.keys(c);"function" == typeof Object.getOwnPropertySymbols && (d = d.concat(Object.getOwnPropertySymbols(c).filter(function (a) {return Object.getOwnPropertyDescriptor(c, a).enumerable}))), d.forEach(function (b) {_defineProperty(a, b, c[b])})}return a
}function _defineProperty(a, b, c) {return b in a ? Object.defineProperty(a, b, {value: c,enumerable: !0,configurable: !0,writable: !0}) : a[b] = c, a
}class MetingJSElement extends HTMLElement {connectedCallback() {window.APlayer && window.fetch && (this._init(), this._parse())}disconnectedCallback() {this.lock || this.aplayer.destroy()}_camelize(a) {return a.replace(/^[_.\- ]+/, "").toLowerCase().replace(/[_.\- ]+(\w|$)/g, (a, b) => b.toUpperCase())}_init() {let a = {};for (let b = 0; b < this.attributes.length; b += 1) a[this._camelize(this.attributes[b].name)] = this.attributes[b].value;let b = ["server", "type", "id", "api", "auth", "auto", "lock", "name", "title", "artist", "author", "url", "cover", "pic", "lyric", "lrc"];this.meta = {};for (var c = 0; c < b.length; c++) {let d = b[c];this.meta[d] = a[d], delete a[d]}this.config = a, this.api = this.meta.api || window.meting_api || "https://api.i-meto.com/meting/api?server=:server&type=:type&id=:id&r=:r", this.meta.auto && this._parse_link()}_parse_link() {let a = [["music.163.com.*song.*id=(\\d+)", "netease", "song"], ["music.163.com.*album.*id=(\\d+)", "netease", "album"], ["music.163.com.*artist.*id=(\\d+)", "netease", "artist"], ["music.163.com.*playlist.*id=(\\d+)", "netease", "playlist"], ["music.163.com.*discover/toplist.*id=(\\d+)", "netease", "playlist"], ["y.qq.com.*song/(\\w+).html", "tencent", "song"], ["y.qq.com.*album/(\\w+).html", "tencent", "album"], ["y.qq.com.*singer/(\\w+).html", "tencent", "artist"], ["y.qq.com.*playsquare/(\\w+).html", "tencent", "playlist"], ["y.qq.com.*playlist/(\\w+).html", "tencent", "playlist"], ["xiami.com.*song/(\\w+)", "xiami", "song"], ["xiami.com.*album/(\\w+)", "xiami", "album"], ["xiami.com.*artist/(\\w+)", "xiami", "artist"], ["xiami.com.*collect/(\\w+)", "xiami", "playlist"]];for (var b = 0; b < a.length; b++) {let c = a[b], d = new RegExp(c[0]), e = d.exec(this.meta.auto);if (null !== e) return this.meta.server = c[1], this.meta.type = c[2], void (this.meta.id = e[1])}}_parse() {if (this.meta.url) {let a = {name: this.meta.name || this.meta.title || "Audio name",artist: this.meta.artist || this.meta.author || "Audio artist",url: this.meta.url,cover: this.meta.cover || this.meta.pic,lrc: this.meta.lrc || this.meta.lyric || "",type: this.meta.type || "auto"};return a.lrc || (this.meta.lrcType = 0), this.innerText && (a.lrc = this.innerText, this.meta.lrcType = 2), void this._loadPlayer([a])}let a = this.api.replace(":server", this.meta.server).replace(":type", this.meta.type).replace(":id", this.meta.id).replace(":auth", this.meta.auth).replace(":r", Math.random());fetch(a).then(a => a.json()).then(a => this._loadPlayer(a))}_loadPlayer(a) {let b = {audio: a, mutex: !0, lrcType: this.meta.lrcType || 3, storageName: "metingjs"};if (a.length) {let a = _objectSpread({}, b, this.config);for (let b in a) ("true" === a[b] || "false" === a[b]) && (a[b] = "true" === a[b]);let c = document.createElement("div");a.container = c, this.appendChild(c), this.aplayer = new APlayer(a)}}
}console.log("\n %c MetingJS v2.0.1 %c https://github.com/metowolf/MetingJS \n", "color: #fadfa3; background: #030307; padding:5px 0;", "background: #fadfa3; padding:5px 0;"), window.customElements && !window.customElements.get("meting-js") && (window.MetingJSElement = MetingJSElement, window.customElements.define("meting-js", MetingJSElement));

或者你可以在这里下载，然后打开后在dist文件下，找到前两个文件复制到你所需放置的文件夹下，我的放置位置是下图，但是第三个文件是要自己放置的

在html文件中引用：

    <link rel="stylesheet" href="../static/lib/Aplayer/APlayer.min.css" th:href="@{/lib/Aplayer/APlayer.min.css}">

<!--音乐-->
<script src="../static/lib/Aplayer/APlayer.min.js" th:src="@{/lib/Aplayer/APlayer.min.js}"></script>
<script src="../static/lib/Aplayer/Meting.min.js" th:src="@{/lib/Aplayer/Meting.min.js}"></script><!--音乐插件--><meting-jsserver="tencent"type="playlist"id="8759095514"fixed="true"autoplay="false"loop="all"order="random"preload="auto"list-folded="ture"list-max-height="500px"lrc-type="0"></meting-js>

修改前三个参数就好，打开QQ音乐，登录后点击歌单，就会出现类似于这样的链接

https://y.qq.com/n/ryqq/playlist/8759095514

后面那串数字就是id值了 ，至于剩下的参数可以自己捣鼓看看

部分参数描述

效果图如下：

个人博客中MetingJS引用qq音乐列表歌单相关推荐

1. paip QQ音乐导出歌单总结

   paip.QQ音乐导出歌单总结 作者Attilax ,  EMAIL:1466519819@qq.com  来源:attilax的专栏 地址:http://blog.csdn.net/attilax ...

2. 装饰博客全攻略（如何在博客首页或博客中插入图片、音乐、视频等）

   一.在博客中插入图片. 以下是代码: <img src="http://图片地址" border="0" width="344" he ...

3. 爬取QQ音乐2W歌单和50W首歌曲

   主要运用了Python中的Requests包和json包获取内容,写入到Mongodb数据库并保存,pandas用于导出数据,代码详细我最后会给出github 接口分析并爬取歌单id 我发现html源 ...

4. WPF 模仿QQ音乐首页歌单效果

   qq音乐桌面版做的效果感觉很不错,今天就模仿一下它首页歌单的效果,从简单做起... 看一下效果: ,其实也很简单,就是布局和动画,触发器...还用到了ItemsControl 下面就看看代码: Mai ...

5. QQ音乐推荐歌单API报错 invalid referer

   概述 准备通过vue全家桶仿制一个QQ音乐播放器,绝大多数根据网上抓取下来的API都是没有问题的. 在获取推荐歌单API的时候,发现接口老是返回 invalid referer,下面我们来看看这个提示 ...

6. 关于如何从国内各大音乐平台歌单导入Apple Music的解决方法

   可能有很多小伙伴想要体验AppleMusic的无损音质但是又不想放弃国内平台收藏了那么多的宝贵歌单,那今天就教大家如何将国内各大音乐平台的歌单导入到AppleMusic. 在网上搜罗了关于网易云平台使 ...

7. 在Hexo搭建的博客中插入音乐或者视频

   原文地址在Hexo搭建的博客中插入音乐或者视频 用hexo搭建博客后,记录了自己生活和学习中的很多事情.今天偶然想到能不能在博客中插入音乐和视频呢?然后就开始了今天的历程.... hexo-tag-a ...

8. 如何在博客中添加Aplayer音乐播放器

   前言 是否有一首音乐,前奏一响起,让你灵魂不自主的颤栗.音乐就像老胶卷,每个旋律,每句歌词,都承载着每个人的往事回忆和情愫感受. 我收藏了好多的音乐,奈何好多音乐受版权限制,需要购买VIP才能听,还有 ...

9. jekyll个人博客中添加音乐播放插件

   方法一: 环境要求 jekyll 七牛 开始使用 step1 首先下载这个文件open-embed.html,右键,另存为Html;下面是源码,也可以复制保存下面的源码; <style> ...

最新文章

1. [企业化NET]Window Server 2008 R2[3]-SVN 服务端 和 客户端 基本使用
2. Use MVS Dsbame convensions. windows下ftp.exe客户端上传错误
3. AD回收站功能的使用
4. windows 版 arm-elf-gcc(转)
5. 蚌埠粮食经济技师学院计算机,安徽粮食经济技师学院2020年有哪些专业
6. 上海计算机职业学校排名2015年,2015年上海各区学校教育资源实力排行榜
7. 源导航V1.0-集网址、资源、资讯于一体的导航系统
8. 集群-如何理解集群？
9. python pandas 日期格式_pandas 快速处理 date_time 日期格式方法
10. python打包后怎么安装_别再问我怎么Python打包成exe了！
11. 分享一下海康威视古老的播放器源码
12. MVPArms MVP+Dagger+Rxjava+Retrofit快速集成框架
13. stm8s stvd 编译出错
14. .netnbsp;C#实现nbsp;中文转Unic…
15. 微型计算机软硬件论文,关于微型计算机软硬件论文3000字_微型计算机软硬件毕业论文范文模板...
16. 上网日志留存_日志留存系统
17. DBeaver执行.sql脚本报错：ERROR 1064 (42000) at line 1
18. 03.服务限流实现方案
19. ModelAndView返回mav时,报404
20. 基于Centos环境使用宝塔面板，搭建nextcloud

热门文章

1. 信通院 移动安全蓝皮书 数据安全管理案例 学习笔记
2. 表空间相关命令及查询SQL
3. Django企业开发实战--by胡阳，学习记录1015
4. csdn最详细最牛逼的 阿里最新app自动化测试---自动化测试框架搭建
5. Vue教程-day05-2018年12月25日笔记
6. Microchip Studio 7 程序的烧录操作
7. 电巢：继腾讯与联通混改后，又有两家企业官宣，科技巨头与国企混改，意味着什么？
8. Lenovo windows 解决win键失灵
9. SpringBoot整合华为云OBS
10. 小狗钱钱-博多·舍费尔