Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-05-14 16:31:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

prevent quality debounce

Browse source
This commit is contained in:
Pas 2026-01-17 14:02:31 -07:00
parent 7fa64efc7b
commit d20066eb15
1 changed files with 29 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/components/player/display/base.ts
View file

@ -97,6 +97,7 @@ export function makeVideoElementDisplayInterface(): DisplayInterface {
let lastValidDuration = 0; // Store the last valid duration to prevent reset during source switches let lastValidDuration = 0; // Store the last valid duration to prevent reset during source switches
let lastValidTime = 0; // Store the last valid time to prevent reset during source switches let lastValidTime = 0; // Store the last valid time to prevent reset during source switches
let shouldAutoplayAfterLoad = false; // Flag to track if we should autoplay after loading completes let shouldAutoplayAfterLoad = false; // Flag to track if we should autoplay after loading completes
let qualityChangeTimeout: NodeJS.Timeout | null = null; // Timeout for debouncing rapid quality changes
const languagePromises = new Map< const languagePromises = new Map<
string, string,
@ -308,6 +309,10 @@ export function makeVideoElementDisplayInterface(): DisplayInterface {
}); });
hls.on(Hls.Events.LEVEL_SWITCHED, () => { hls.on(Hls.Events.LEVEL_SWITCHED, () => {
if (!hls) return; if (!hls) return;
// Don't process level switched events during debounced quality changes
if (qualityChangeTimeout) return;
if (automaticQuality) { if (automaticQuality) {
// Only emit quality changes when automatic quality is enabled // Only emit quality changes when automatic quality is enabled
const quality = hlsLevelToQuality(hls.levels[hls.currentLevel]); const quality = hlsLevelToQuality(hls.levels[hls.currentLevel]);
@ -546,6 +551,12 @@ export function makeVideoElementDisplayInterface(): DisplayInterface {
} }
function unloadSource() { function unloadSource() {
// Clear any pending quality change timeout
if (qualityChangeTimeout) {
clearTimeout(qualityChangeTimeout);
qualityChangeTimeout = null;
}
if (videoElement) { if (videoElement) {
videoElement.removeAttribute("src"); videoElement.removeAttribute("src");
videoElement.load(); videoElement.load();
@ -564,6 +575,11 @@ export function makeVideoElementDisplayInterface(): DisplayInterface {
if (videoElement) { if (videoElement) {
videoElement = null; videoElement = null;
} }
// Clear any remaining timeout
if (qualityChangeTimeout) {
clearTimeout(qualityChangeTimeout);
qualityChangeTimeout = null;
}
} }
function fullscreenChange() { function fullscreenChange() {
@ -643,9 +659,21 @@ export function makeVideoElementDisplayInterface(): DisplayInterface {
}, },
changeQuality(newAutomaticQuality, newPreferredQuality) { changeQuality(newAutomaticQuality, newPreferredQuality) {
if (source?.type !== "hls") return; if (source?.type !== "hls") return;
// Clear any pending quality change to prevent race conditions
if (qualityChangeTimeout) {
clearTimeout(qualityChangeTimeout);
qualityChangeTimeout = null;
}
automaticQuality = newAutomaticQuality; automaticQuality = newAutomaticQuality;
preferenceQuality = newPreferredQuality; preferenceQuality = newPreferredQuality;
setupQualityForHls();
// Debounce quality changes to prevent rapid switching issues
qualityChangeTimeout = setTimeout(() => {
setupQualityForHls();
qualityChangeTimeout = null;
}, 100); // 100ms debounce delay
}, },
processVideoElement(video) { processVideoElement(video) {