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

fix: reduce hls playback churn

Browse Source
This commit is contained in:
mkelvers
2026-06-18 20:50:44 +02:00
committed by Milas Holsting
parent 9e0f2231b5
commit bda3c58a98
4 changed files with 91 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
static/player/main.ts
View File

@@ -156,13 +156,27 @@ const initPlayer = async (): Promise<void> => {
await ensurePreferredModeSource(signal);
const resumeAfterModeSwitch = (() => {
try {
const raw = sessionStorage.getItem("mal:resume-after-mode-switch");
if (raw === null) return null;
sessionStorage.removeItem("mal:resume-after-mode-switch");
const parsed = Number(raw);
return Number.isFinite(parsed) && parsed >= 0 ? parsed : null;
} catch (error) {
console.error("failed to parse resume state:", error);
return null;
}
})();
const initialStartTime = resumeAfterModeSwitch ?? state.playback.startTimeSeconds;
// build video src from mode, token, and saved quality preference
const preferredQuality = safeLocalStorage.getItem("mal:preferred-quality") || "best";
const streamToken = state.playback.modeSources[state.playback.currentMode]?.token;
if (streamToken) {
const source = state.playback.modeSources[state.playback.currentMode];
const url = `${state.playback.streamURL}?mode=${encodeURIComponent(state.playback.currentMode)}&token=${encodeURIComponent(streamToken)}${source?.type === "m3u8" ? "&hls=1" : ""}${preferredQuality !== "best" ? `&quality=${encodeURIComponent(preferredQuality)}` : ""}`;
loadVideoSource(url, source?.type);
loadVideoSource(url, source?.type, initialStartTime);
}
updateSubtitleOptions();
@@ -190,20 +204,6 @@ const initPlayer = async (): Promise<void> => {
const resumeTime = bounds.duration > 0 ? Math.min(startTime, bounds.duration) : 0;
const isAtEnd = startTime > 0 && bounds.duration > 0 && startTime >= bounds.duration - 2;
// Resume after a mode-switch page reload (best effort, session-scoped).
const resumeAfterModeSwitch = (() => {
try {
const raw = sessionStorage.getItem("mal:resume-after-mode-switch");
if (raw === null) return null;
sessionStorage.removeItem("mal:resume-after-mode-switch");
const parsed = Number(raw);
return Number.isFinite(parsed) && parsed >= 0 ? parsed : null;
} catch (error) {
console.error("failed to parse resume state:", error);
return null;
}
})();
if (resumeAfterModeSwitch !== null) {
const clamped = bounds.duration > 0 ? Math.min(resumeAfterModeSwitch, bounds.duration) : 0;
if (clamped > 0) {
@@ -425,7 +425,9 @@ const initPlayer = async (): Promise<void> => {
}
setupThumbnails();
void hydrateAlternateMode(signal);
window.setTimeout(() => {
if (!signal.aborted) void hydrateAlternateMode(signal);
}, 3000);
document.body.addEventListener(
"htmx:beforeSwap",