-
0:00
+
00:00:00
-
0:00
+
00:00:00
@@ -155,7 +155,7 @@ footer .footer-track { flex: 1; min-width: 0; white-space: nowrap; overflow: hid
Unknown
Unknown Artist
-
0:00 / 0:00
+
00:00:00 / 00:00:00
@@ -714,8 +714,14 @@ function drawWaveform() {
}
const y1 = halfH + mn * ampScale;
const y2 = halfH + mx * ampScale;
- ctx.fillStyle = playheadX >= 0 && x < playheadX ? '#6b88b0' : '#84a0c6';
- ctx.fillRect(x, y1, 1, Math.max(1, y2 - y1));
+ const barH = Math.max(1, y2 - y1);
+ const baseColor = playheadX >= 0 && x < playheadX ? '#6b88b0' : '#84a0c6';
+ ctx.fillStyle = baseColor;
+ ctx.fillRect(x, y1, 1, barH);
+ if (barH >= 3) {
+ ctx.fillStyle = playheadX >= 0 && x < playheadX ? '#89a2c6' : '#a0b8db';
+ ctx.fillRect(x, y1, 1, Math.min(2, Math.round(barH * 0.35)));
+ }
}
if (playheadX >= 0) {
ctx.strokeStyle = '#e27878';
@@ -812,10 +818,11 @@ const GENRES = [
'Christian Rock','Merengue','Salsa','Thrash Metal','Anime','JPop','Synthpop'
];
function fmtTime(s) {
- if (!isFinite(s) || s < 0) return '0:00';
- const m = Math.floor(s / 60);
+ if (!isFinite(s) || s < 0) return '00:00:00';
+ const h = Math.floor(s / 3600);
+ const m = Math.floor((s % 3600) / 60);
const sec = Math.floor(s % 60);
- return `${m}:${sec.toString().padStart(2, '0')}`;
+ return `${h.toString().padStart(2, '0')}:${m.toString().padStart(2, '0')}:${sec.toString().padStart(2, '0')}`;
}
function showError(msg) {
errorEl.textContent = msg;