oiwmiodev/recorder-player
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Show one archive time in player

Browse Source
This commit is contained in:
human insan
2026-08-27 23:28:55 +01:00
parent b7f1c07a25
commit 552f7ec910
1 changed files with 2 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+2 -9
View File
@@ -142,9 +142,8 @@
</button>
<input id="volume" type="range" min="0" max="1" step=".01" value=".8">
</div>
<span class="time-label"><span id="time-cur">--:--:--</span> / <span id="time-dur">0:00</span></span>
<span class="time-label" id="time-cur" style="color:var(--accent);font-weight:500;">--:--:--</span>
<span class="spacer"></span>
<span class="time-label" id="clock" style="color:var(--accent);font-weight:500;">--:--:--</span>
</div>
</div>
</div>
@@ -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 => `<option value="${day}">${day.slice(0,4)}-${day.slice(4,6)}-${day.slice(6)}</option>`).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", () => {