josh/ytplayer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Glass Stage buffered chip: 'Saved on device' for device copies, and measure the range around the playhead

Browse Source 
It read the last buffered range, so seeking ahead made the figure jump, and a
device copy showed a meaningless partial percentage.
This commit is contained in:
Jonathan Sykes
2026-10-03 01:00:09 +08:00
parent cbffa1fd8b
commit 171a0bd127
1 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/app.js
View File

@@ -4191,9 +4191,22 @@ const Notes = (() => {
const V = $('video'); const V = $('video');
const zoom = $('stgZoom'), buf = $('stgBuf'); const zoom = $('stgZoom'), buf = $('stgBuf');
if (zoom && V) { const m = /scale\(([\d.]+)\)/.exec(V.style.transform || ''); zoom.textContent = 'Pinch ' + (m ? Number(m[1]).toFixed(1) : '1.0') + '×'; } if (zoom && V) { const m = /scale\(([\d.]+)\)/.exec(V.style.transform || ''); zoom.textContent = 'Pinch ' + (m ? Number(m[1]).toFixed(1) : '1.0') + '×'; }
if (buf && V && V.duration && V.buffered.length) { if (buf) {
const end = V.buffered.end(V.buffered.length - 1); const M = Player.master || V;
buf.textContent = end >= V.duration - 1 ? 'Fully buffered' : 'Buffered ' + Math.round((end / V.duration) * 100) + '%'; if (current && current.localUrl) {
// A device copy is all here — buffering progress means nothing.
buf.textContent = 'Saved on device';
} else if (M && M.duration && M.buffered && M.buffered.length) {
// The range around the playhead (the last range jumps to wherever
// the user last seeked), shown as how far ahead playback is covered.
const t = M.currentTime || 0;
let end = 0;
for (let i = 0; i < M.buffered.length; i++) {
if (M.buffered.start(i) <= t + 0.5 && M.buffered.end(i) >= t) { end = M.buffered.end(i); break; }
}
buf.textContent = end >= M.duration - 1 ? 'Fully buffered'
: end > t ? 'Buffered ' + Math.round((end / M.duration) * 100) + '%' : 'Buffering…';
}
} }
const q = $('qualitySelect'), sq = $('stgQuality'); const q = $('qualitySelect'), sq = $('stgQuality');
if (sq && q && q.options.length) sq.textContent = q.options[q.selectedIndex] ? q.options[q.selectedIndex].text : 'Auto'; if (sq && q && q.options.length) sq.textContent = q.options[q.selectedIndex] ? q.options[q.selectedIndex].text : 'Auto';