forked from mrlan/EnglishPal
1348 lines
85 KiB
JavaScript
1348 lines
85 KiB
JavaScript
|
!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("", t += o(r), t += "");"), 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("", t += o(r), t += "");"), 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);"><
|
||
|
|
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
|
||
|
|
});
|
||
|
|
//# sourceMappingURL=APlayer.min.js.map
|