fix: show TTS gen duration in idle badge (24s / 1m 4s), drop uppercase
This commit is contained in:
@@ -2151,6 +2151,7 @@ const chapterTmpl = `
|
|||||||
.queue-badge-playing { background: #1e3a5f; color: #60a5fa; }
|
.queue-badge-playing { background: #1e3a5f; color: #60a5fa; }
|
||||||
.queue-badge-paused { background: #1c1917; color: #d6d3d1; }
|
.queue-badge-paused { background: #1c1917; color: #d6d3d1; }
|
||||||
.queue-badge-error { background: #450a0a; color: #f87171; }
|
.queue-badge-error { background: #450a0a; color: #f87171; }
|
||||||
|
.queue-badge-time { text-transform: none; letter-spacing: 0; }
|
||||||
|
|
||||||
/* Seek bar — tall hit-area, thin visual rail via inner element */
|
/* Seek bar — tall hit-area, thin visual rail via inner element */
|
||||||
#seek-track {
|
#seek-track {
|
||||||
@@ -2238,7 +2239,8 @@ const chapterTmpl = `
|
|||||||
|
|
||||||
// ── badge helper ─────────────────────────────────────────────────────────────
|
// ── badge helper ─────────────────────────────────────────────────────────────
|
||||||
var BADGE_CLASSES = ['queue-badge-idle','queue-badge-generating','queue-badge-ready',
|
var BADGE_CLASSES = ['queue-badge-idle','queue-badge-generating','queue-badge-ready',
|
||||||
'queue-badge-playing','queue-badge-paused','queue-badge-error'];
|
'queue-badge-playing','queue-badge-paused','queue-badge-error',
|
||||||
|
'queue-badge-time'];
|
||||||
function setBadge(el, state) {
|
function setBadge(el, state) {
|
||||||
BADGE_CLASSES.forEach(function (c) { el.classList.remove(c); });
|
BADGE_CLASSES.forEach(function (c) { el.classList.remove(c); });
|
||||||
el.classList.add('queue-badge-' + state);
|
el.classList.add('queue-badge-' + state);
|
||||||
@@ -2465,8 +2467,13 @@ const chapterTmpl = `
|
|||||||
setBadge(playerStateBadge, 'idle');
|
setBadge(playerStateBadge, 'idle');
|
||||||
// Show how long TTS generation took, if we have a timestamp.
|
// Show how long TTS generation took, if we have a timestamp.
|
||||||
if (genStartTime > 0) {
|
if (genStartTime > 0) {
|
||||||
var secs = ((Date.now() - genStartTime) / 1000).toFixed(1);
|
var elapsed = Math.round((Date.now() - genStartTime) / 1000);
|
||||||
playerStateBadge.textContent = secs + 's';
|
var label = elapsed >= 60
|
||||||
|
? Math.floor(elapsed / 60) + 'm ' + (elapsed % 60) + 's'
|
||||||
|
: elapsed + 's';
|
||||||
|
playerStateBadge.textContent = label;
|
||||||
|
playerStateBadge.classList.add('queue-badge-time');
|
||||||
|
genStartTime = 0;
|
||||||
}
|
}
|
||||||
playerTitle.textContent = 'Ch.\u00a0' + CHAPTER_N;
|
playerTitle.textContent = 'Ch.\u00a0' + CHAPTER_N;
|
||||||
setStatus('');
|
setStatus('');
|
||||||
|
|||||||
Reference in New Issue
Block a user