e.'; if (cur === s) el.lyr.textContent = lyrCache[s.n];
}).catch(function () { el.lyr.textContent = 'Lyrics unavailable.'; });
}
/* ---------- UI ---------- */
function fmt(s) { s = Math.max(0, Math.floor(s || 0)); return Math.floor(s / 60) + ':' + ('0' + (s % 60)).slice(-2); }
function h(tag, cls, html) { var e = document.createElement(tag); if (cls) e.className = cls; if (html != null) e.innerHTML = html; return e; }
var el = {}, tab = 'songs';
function build(host) {
var mini = el.mini = h('div', 'mp-mini');
mini.innerHTML = '
' +
'' +
'' +
'
';
host.appendChild(mini);
var p = el.panel = h('div', 'mp-panel'); p.hidden = true;
p.innerHTML =
'![]()
—
0:000:00
' +
'' +
'🔈🔊
' +
'' +
'' +
'';
host.appendChild(p);
var q = function (s, root) { return (root || p).querySelector(s); };
el.mTitle = q('.mp-mtitle', mini); el.mKind = q('.mp-mkind', mini); el.mBar = q('.mp-mbar i', mini); el.boost = q('.mp-boost', mini);
el.thumb = q('.mp-thumb'); el.badge = q('.mp-badge'); el.title = q('.mp-title'); el.sub = q('.mp-sub');
el.seek = q('.mp-seek .mp-range'); el.tCur = q('.mp-tc'); el.tDur = q('.mp-td'); el.vol = q('.mp-volr');
el.shuf = q('.mp-shuf'); el.rep = q('.mp-rep'); el.q = q('.mp-q'); el.filters = q('.mp-filters'); el.list = q('.mp-list'); el.note = q('.mp-note');
el.lyr = q('.mp-lyr'); el.lyrTitle = q('.mp-lt'); el.lyrLink = q('.mp-tt');
el.vol.value = Math.round(st.vol * 100);
if (FIXED_VOL) { var vr = q('.mp-vol'); vr.classList.add('mp-vol-hw'); el.vol.hidden = true; var hint = document.createElement('small'); hint.className = 'mp-volhint'; hint.textContent = 'iPhone: use the side volume buttons. Music keeps playing when you lock the screen.'; vr.appendChild(hint); }
[mini, p].forEach(function (root) {
root.querySelectorAll('.mp-play').forEach(function (b) { b.addEventListener('click', function (e) { e.stopPropagation(); toggle(); }); });
root.querySelectorAll('.mp-next').forEach(function (b) { b.addEventListener('click', function (e) { e.stopPropagation(); ensureCtx(); if (!data) load().then(function () { step(1); }); else step(1); }); });
root.querySelectorAll('.mp-prev').forEach(function (b) { b.addEventListener('click', function (e) { e.stopPropagation(); ensureCtx(); if (data) prev(); }); });
});
q('.mp-meta', mini).addEventListener('click', function () { open(true); });
q('.mp-x').addEventListener('click', function () { open(false); });
el.seek.addEventListener('input', function () { seeking = true; var d = audio.duration || (cur && cur.dur) || 0; el.tCur.textContent = fmt(el.seek.value / 1000 * d); });
el.seek.addEventListener('change', function () { var d = audio.duration || 0; if (d) audio.currentTime = el.seek.value / 1000 * d; seeking = false; save(); });
el.vol.addEventListener('input', function () { st.vol = el.vol.value / 100; applyVol(); save(); });
el.shuf.addEventListener('cl