melosh/mal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(player): improve buffered progress bar calculation to accurately track the current chunk

Browse Source
This commit is contained in:
mkelvers
2026-05-01 18:38:35 +02:00
committed by Mikkel Elvers
parent b86fa9d291
commit e21fc658e4
1 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
static/player.ts
View File

@@ -363,11 +363,25 @@ const initPlayer = (): void => {
if (durationDisplay) durationDisplay.textContent = formatTime(bounds.duration)
if (buffered && video) {
let maxBuffered = 0
let bufferedEnd = 0
for (let i = 0; i < video.buffered.length; i++) {
maxBuffered = Math.max(maxBuffered, video.buffered.end(i))
if (video.buffered.start(i) <= currentTime && video.buffered.end(i) >= currentTime) {
bufferedEnd = video.buffered.end(i)
break
}
}
const bufferedDisplayTime = displayTimeFromAbsolute(maxBuffered)
// If we couldn't find a range containing current time (can happen immediately after seeking),
// fallback to the highest buffered end that is greater than current time
if (bufferedEnd === 0) {
for (let i = 0; i < video.buffered.length; i++) {
if (video.buffered.end(i) > currentTime) {
bufferedEnd = Math.max(bufferedEnd, video.buffered.end(i))
}
}
}
const bufferedDisplayTime = displayTimeFromAbsolute(bufferedEnd)
const bufferedPct = Math.max(0, Math.min(100, (bufferedDisplayTime / bounds.duration) * 100))
buffered.style.width = `${bufferedPct}%`
}