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", () => {