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

style: format static/player/quality.ts

Browse Source
This commit is contained in:
mkelvers
2026-06-21 02:04:46 +02:00
committed by Milas Holsting
parent b1cbc5d3fe
commit 445e37c2d8
1 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
static/player/quality.ts
View File

@@ -1,41 +1,42 @@
import { state } from "./state";
import { streamUrlForMode } from "./source"; import { streamUrlForMode } from "./source";
import { state } from "./state";
import { safeLocalStorage } from "./storage"; import { safeLocalStorage } from "./storage";
import { loadVideoSource } from "./video"; import { loadVideoSource } from "./video";
/** /** Switches video quality (resolution). Persists preference to localStorage. */
* Switches video quality (resolution).
* Persists preference to localStorage.
*/
const switchQuality = (quality: string): void => { const switchQuality = (quality: string): void => {
const url = streamUrlForMode(state.playback.currentMode, quality); const url = streamUrlForMode(state.playback.currentMode, quality);
if (!url) return; if (!url) {
return;
}
safeLocalStorage.setItem("mal:preferred-quality", quality); safeLocalStorage.setItem("mal:preferred-quality", quality);
loadVideoSource(url, state.playback.modeSources[state.playback.currentMode]?.type); loadVideoSource(url, state.playback.modeSources[state.playback.currentMode]?.type);
}; };
/** /**
* Rebuilds quality dropdown options from current mode's available qualities. * Rebuilds quality dropdown options from current mode's available qualities. Shows/hides dropdown
* Shows/hides dropdown based on availability. * based on availability.
*/ */
export const updateQualityOptions = (): void => { export const updateQualityOptions = (): void => {
const select = state.elements.container.querySelector( const select = state.elements.container.querySelector(
"[data-quality-select]", "[data-quality-select]",
) as HTMLSelectElement | null; ) as HTMLSelectElement | null;
if (!select) return; if (!select) {
return;
}
const qualities = state.playback.modeSources[state.playback.currentMode]?.qualities ?? []; const qualities = state.playback.modeSources[state.playback.currentMode]?.qualities ?? [];
select.replaceChildren(); select.replaceChildren();
const best = document.createElement("option"); const best = document.createElement("option");
best.value = "best"; best.value = "best";
best.textContent = "Auto / Best"; best.textContent = "Auto / Best";
select.appendChild(best); select.append(best);
qualities.forEach((q) => { qualities.forEach((q) => {
const opt = document.createElement("option"); const opt = document.createElement("option");
opt.value = q; opt.value = q;
opt.textContent = q; opt.textContent = q;
select.appendChild(opt); select.append(opt);
}); });
// restore saved preference // restore saved preference
@@ -47,9 +48,7 @@ export const updateQualityOptions = (): void => {
wrapper?.classList.toggle("hidden", qualities.length === 0); wrapper?.classList.toggle("hidden", qualities.length === 0);
}; };
/** /** Binds quality select change handler. */
* Binds quality select change handler.
*/
export const setupQuality = (): void => { export const setupQuality = (): void => {
const select = state.elements.container.querySelector( const select = state.elements.container.querySelector(
"[data-quality-select]", "[data-quality-select]",