diff --git a/index.html b/index.html index f8689f5..0cfec76 100644 --- a/index.html +++ b/index.html @@ -142,9 +142,8 @@ - --:--:-- / 0:00 + --:--:-- - --:--:-- @@ -300,7 +299,7 @@ const gap = gaps.find(item => item.start > now + 1) || gaps[0]; if (gap) { video.pause(); activeClip = null; focus = gap.start; - document.querySelector("#clock").textContent = timeOfDay(gap.start); + document.querySelector("#time-cur").textContent = timeOfDay(gap.start); drawTimeline(); } } @@ -479,9 +478,7 @@ clips = d.recordings; dateSelect.innerHTML = d.dates.map(day => ``).join(""); dateSelect.value = date || d.dates[0]; - document.querySelector("#clock").textContent = "--:--:--"; document.querySelector("#time-cur").textContent = "--:--:--"; - document.querySelector("#time-dur").textContent = "0:00"; drawTimeline(); loadHighlights(); loadSystemHighlights(); @@ -491,8 +488,6 @@ function playClip(clip, offset = 0) { activeClip = clip; initialOffset = offset; - wrap.classList.add("has-video"); - document.querySelector("#clock").textContent = timeOfDay(clip.start + offset); document.querySelector("#time-cur").textContent = timeOfDay(clip.start + offset); video.src = `/video?date=${dateSelect.value}&name=${encodeURIComponent(clip.name)}&offset=${offset.toFixed(3)}`; video.play().catch(() => {}); @@ -501,12 +496,10 @@ video.addEventListener("timeupdate", () => { if (!activeClip) return; - document.querySelector("#clock").textContent = timeOfDay(activeClip.start + initialOffset + video.currentTime); document.querySelector("#time-cur").textContent = timeOfDay(activeClip.start + initialOffset + video.currentTime); drawTimeline(); }); video.addEventListener("loadedmetadata", () => { - document.querySelector("#time-dur").textContent = fmt(video.duration); if (initialOffset > 0 && video.currentTime < initialOffset) video.currentTime = initialOffset; }); video.addEventListener("ended", () => {