@banou/media-player 0.10.21 → 0.10.22

package/dist/index.js

@@ -1,4 +1,4 @@
-import { c as e, l as t, n, o as r, r as i, s as a, t as o, u as s } from "./engine-C4Gj_4zs.js";
+import { c as e, l as t, n, o as r, r as i, s as a, t as o, u as s } from "./engine-Cr_7OImR.js";
 import { Children as c, Fragment as l, isValidElement as u, useCallback as d, useEffect as f, useMemo as p, useRef as m, useState as h, useSyncExternalStore as g } from "react";
 import { css as _, keyframes as v } from "@emotion/react";
 import { createPlayer as y, useContainerAttach as b, useMediaAttach as x } from "@videojs/react";
@@ -7,9 +7,9 @@ import { makeRemuxer as w } from "libav-wasm";
 import { createMediaElementSource as T } from "@banou/ponyfill/web-audio";
 import { Fragment as E, jsx as D, jsxs as O } from "@emotion/react/jsx-runtime";
 import { Captions as k, CaptionsOff as A, Check as j, ChevronLeft as M, ChevronRight as N, Copy as P, Maximize as F, Minimize as I, Pause as L, Play as R, RotateCcw as z, Settings as B, TriangleAlert as V, Volume1 as H, Volume2 as ee, VolumeX as te } from "lucide-react";
-import { Tooltip as U } from "react-tooltip";
+import { Tooltip as ne } from "react-tooltip";
 //#region src/lib/react/source-feature.ts
-var W = {
+var U = {
 	indexes: [],
 	chapters: [],
 	thumbnails: [],
@@ -34,19 +34,19 @@ var W = {
 	playbackErrors: [],
 	ready: !1,
 	setSourceState: () => {}
-}, G = S({
+}, W = S({
 	name: "source",
-	state: () => ({ ...W }),
+	state: () => ({ ...U }),
 	attach({ set: e }) {
 		e({
 			setSourceState: (t) => e(t),
 			setHideUI: (t) => e({ hideUI: t })
 		});
 	}
-}), K = y({
-	features: [...C, G],
+}), G = y({
+	features: [...C, W],
 	displayName: "MediaPlayer"
-}), q = K.usePlayer, ne = (e) => {
+}), K = G.usePlayer, re = (e) => {
 	if (e && e !== "und") try {
 		return new Intl.DisplayNames([navigator.language || "en"], {
 			type: "language",
@@ -55,28 +55,28 @@ var W = {
 	} catch {
 		return;
 	}
-}, J = (e) => e?.replace(/_/g, " ").trim() || void 0, Y = (e) => {
-	let t = e.map((e) => ne(e.language) ?? J(e.title) ?? `Track ${e.streamIndex}`), n = t.reduce((e, t) => ({
+}, ie = (e) => e?.replace(/_/g, " ").trim() || void 0, q = (e) => {
+	let t = e.map((e) => re(e.language) ?? ie(e.title) ?? `Track ${e.streamIndex}`), n = t.reduce((e, t) => ({
 		...e,
 		[t]: (e[t] ?? 0) + 1
 	}), {});
 	return e.map((e, r) => {
-		let i = t[r], a = J(e.title);
+		let i = t[r], a = ie(e.title);
 		return {
 			track: e,
 			label: (n[i] ?? 0) > 1 && a && a !== i ? `${i} (${a})` : i
 		};
 	});
-}, re = (e) => Y(e).map(({ track: e, label: t }) => ({
+}, J = (e) => q(e).map(({ track: e, label: t }) => ({
 	id: e.streamIndex,
 	label: t
-})), X = [
+})), Y = [
 	0,
 	250,
 	1e3,
 	3e3,
 	1e4
-], ie = 6e4, ae = 500, oe = 15e3, se = (e) => e instanceof Error ? e.message : String(e), ce = (e) => {
+], ae = 6e4, X = 500, oe = 15e3, se = (e) => e instanceof Error ? e.message : String(e), ce = (e) => {
 	let t = [], n = e?.cause;
 	for (let e = 0; n != null && e < 8; e++) {
 		if (typeof MediaError < "u" && n instanceof MediaError) {
@@ -86,82 +86,84 @@ var W = {
 		t.push(se(n)), n = n?.cause;
 	}
 	return t.length ? t.join("\n") : void 0;
-}, le = (e, t, n) => {
-	let i = q(), { read: o, size: s, publicPath: c = "", libavWorkerUrl: l = "", jassubWorkerUrl: u = "", jassubWasmUrl: p = "", jassubLegacyWasmUrl: g, defaultFontUrl: _, bufferSize: v, autoplay: y = !1, chapters: b, seekPrepareBudgetMs: x = ae } = n ?? {}, S = m(b);
-	S.current = b;
-	let [C, w] = h(void 0), [T, E] = h(0), D = m({
+}, le = (e, t, n, i) => {
+	let o = K(), { read: s, size: c, publicPath: l = "", libavWorkerUrl: u = "", jassubWorkerUrl: p = "", jassubWasmUrl: g = "", jassubLegacyWasmUrl: _, defaultFontUrl: v, bufferSize: y, autoplay: b = !1, chapters: x, seekPrepareBudgetMs: S = X } = n ?? {}, C = m(x);
+	C.current = x;
+	let [w, T] = h(void 0), [E, D] = h(0), O = m({
 		count: 0,
 		at: 0
-	}), O = m(void 0);
-	f(() => (D.current = {
+	}), k = m(void 0);
+	f(() => (O.current = {
 		count: 0,
 		at: 0
-	}, i.setSourceState({ playbackErrors: [] }), () => {
-		O.current && clearTimeout(O.current);
-	}), [s]);
-	let k = m(null), A = m(null), j = m(!1), M = m(o);
-	M.current = o;
-	let N = m(n?.onSeek);
-	N.current = n?.onSeek;
-	let P = m(n?.onPlaybackError);
-	P.current = n?.onPlaybackError;
-	let F = d((e) => {
+	}, o.setSourceState({ playbackErrors: [] }), () => {
+		k.current && clearTimeout(k.current);
+	}), [c]);
+	let A = m(null), j = m(null), M = m(!1), N = m(s);
+	N.current = s;
+	let P = m(n?.onSeek);
+	P.current = n?.onSeek;
+	let F = m(n?.onPlaybackError);
+	F.current = n?.onPlaybackError;
+	let I = m(i);
+	I.current = i;
+	let L = d((e) => {
 		let t = typeof e == "number" ? e : void 0;
-		j.current = !0, i.setSourceState({ selectedSubtitleTrack: t }), k.current?.selectSubtitleStream(t);
-	}, [i]), I = d((e) => {
-		let t = k.current;
-		if (!t || x <= 0) {
-			i.seek(e);
+		M.current = !0, o.setSourceState({ selectedSubtitleTrack: t }), A.current?.selectSubtitleStream(t);
+	}, [o]), R = d((e) => {
+		let t = A.current;
+		if (!t || S <= 0) {
+			o.seek(e);
 			return;
 		}
-		let n = typeof window < "u" && window.__mediaPlayerSeekDebug, r = performance.now(), a = !1, o = "prepared", s = () => {
-			if (!a && (a = !0, i.seek(e), n)) {
+		let n = typeof window < "u" && window.__mediaPlayerSeekDebug, r = performance.now(), i = !1, a = "prepared", s = () => {
+			if (!i && (i = !0, o.seek(e), n)) {
 				let n = t.videoElement, i = 0;
 				if (n) for (let t = 0; t < n.buffered.length; t++) n.buffered.start(t) <= e + 1 && e < n.buffered.end(t) && (i = n.buffered.end(t) - e);
-				console.warn(`[media-player] seek to ${e.toFixed(2)} moved after ${Math.round(performance.now() - r)}ms via ${o}, runway ${i.toFixed(1)}s${o === "deadline" ? " (EXPOSED: moved before its data was ready)" : ""}`);
+				console.warn(`[media-player] seek to ${e.toFixed(2)} moved after ${Math.round(performance.now() - r)}ms via ${a}, runway ${i.toFixed(1)}s${a === "deadline" ? " (EXPOSED: moved before its data was ready)" : ""}`);
 			}
 		};
-		i.setSourceState({ seekingTo: e });
+		o.setSourceState({ seekingTo: e });
 		let c = t.videoElement, l = () => {
-			c?.removeEventListener("seeked", l), clearTimeout(u), i.setSourceState({ seekingTo: void 0 });
+			c?.removeEventListener("seeked", l), clearTimeout(u), o.setSourceState({ seekingTo: void 0 });
 		}, u = setTimeout(l, oe);
 		c?.addEventListener("seeked", l);
 		let d = setTimeout(() => {
-			o = "deadline", s();
-		}, x);
+			a = "deadline", s();
+		}, S);
 		t.prepareSeek(e).catch(() => {}).finally(() => {
 			clearTimeout(d), s();
 		});
-	}, [i, x]), L = d((e) => {
-		typeof e == "number" && (i.setSourceState({ selectedAudioTrack: e }), w(e));
-	}, [i]), R = q((e) => e.setSourceState);
+	}, [o, S]), z = d((e) => {
+		typeof e == "number" && (o.setSourceState({ selectedAudioTrack: e }), T(e));
+	}, [o]), B = K((e) => e.setSourceState);
 	f(() => {
-		R({
-			selectSubtitleTrack: F,
-			selectAudioTrack: L,
-			requestSeek: I
+		B({
+			selectSubtitleTrack: L,
+			selectAudioTrack: z,
+			requestSeek: R
 		});
 	}, [
-		R,
-		F,
+		B,
 		L,
-		I
+		z,
+		R
 	]), f(() => {
-		if (!e || !t || !s || !o) return;
+		if (!e || !t || !c || !s) return;
 		let n = !1;
-		i.setSourceState({
+		o.setSourceState({
 			playbackError: null,
 			ready: !1
 		});
-		let d = (t, n) => {
-			let r = Date.now(), a = se(t), o = ce(t), s = i.playbackErrors, c = s[s.length - 1];
-			if (c && c.message === a && c.detail === o && c.recovered === n) {
+		let i = (t, n) => {
+			let r = Date.now(), i = se(t), a = ce(t), s = o.playbackErrors, c = s[s.length - 1];
+			if (c && c.message === i && c.detail === a && c.recovered === n) {
 				let e = {
 					...c,
 					count: c.count + 1,
 					lastAt: r
 				};
-				i.setSourceState({ playbackErrors: [...s.slice(0, -1), e] });
+				o.setSourceState({ playbackErrors: [...s.slice(0, -1), e] });
 				return;
 			}
 			let l = {
@@ -169,64 +171,65 @@ var W = {
 				lastAt: r,
 				count: 1,
 				atMediaTime: Number.isFinite(e.currentTime) ? e.currentTime : void 0,
-				message: a,
-				detail: o,
+				message: i,
+				detail: a,
 				recovered: n
 			};
-			i.setSourceState({ playbackErrors: [...s, l] });
-		}, f = (e) => {
+			o.setSourceState({ playbackErrors: [...s, l] });
+		}, d = (e) => {
 			if (n) return;
 			let t = r(e);
-			if (d(e, t), t) {
+			if (i(e, t), t) {
 				let t = performance.now();
-				t - D.current.at > ie && (D.current = {
+				t - O.current.at > ae && (O.current = {
 					count: 0,
 					at: t
 				});
-				let n = X[Math.min(D.current.count, X.length - 1)];
-				D.current = {
-					count: D.current.count + 1,
+				let n = Y[Math.min(O.current.count, Y.length - 1)];
+				O.current = {
+					count: O.current.count + 1,
 					at: t
-				}, console.warn(`the media element failed; rebuilding the pipeline${n ? ` in ${n}ms` : ""}`, e), O.current && clearTimeout(O.current), O.current = setTimeout(() => E((e) => e + 1), n);
+				}, console.warn(`the media element failed; rebuilding the pipeline${n ? ` in ${n}ms` : ""}`, e), k.current && clearTimeout(k.current), k.current = setTimeout(() => D((e) => e + 1), n);
 				return;
 			}
-			console.error("playback failed", e), i.setSourceState({ playbackError: e }), P.current?.(e);
+			console.error("playback failed", e), o.setSourceState({ playbackError: e }), F.current?.(e);
 		};
 		return (async () => {
 			try {
 				let r = await a({
 					videoElement: e,
 					subtitleContainer: t,
-					read: (e, t) => M.current(e, t),
-					length: s,
-					publicPath: c,
-					libavWorkerUrl: l,
-					jassubWorkerUrl: u,
-					jassubWasmUrl: p,
-					jassubLegacyWasmUrl: g,
-					defaultFontUrl: _,
-					bufferSize: v,
-					audioStreamIndex: C,
+					read: (e, t) => N.current(e, t),
+					length: c,
+					publicPath: l,
+					libavWorkerUrl: u,
+					jassubWorkerUrl: p,
+					jassubWasmUrl: g,
+					jassubLegacyWasmUrl: _,
+					defaultFontUrl: v,
+					bufferSize: y,
+					audioStreamIndex: w,
 					onReady: () => {
 						if (n) return;
-						i.setSourceState({ ready: !0 });
-						let t = A.current;
-						A.current = null, t && t.size === s && t.time > 0 && (e.currentTime = t.time), y && e.play().catch(() => {});
+						o.setSourceState({ ready: !0 });
+						let t = j.current;
+						j.current = null, t && t.size === c && t.time > 0 && (e.currentTime = t.time), b && e.play().catch(() => {});
 					},
-					onError: f,
+					onError: d,
 					onRecovered: () => {
-						n || i.setSourceState({ playbackError: null });
+						n || o.setSourceState({ playbackError: null });
 					},
-					onSeek: (e) => N.current?.(e),
+					onSeek: (e) => P.current?.(e),
+					onOutput: (e) => I.current?.(e),
 					onSubtitleStreams: (e) => {
-						n || i.setSourceState({
-							subtitleTracks: re(e),
-							...j.current ? {} : { selectedSubtitleTrack: e[0]?.streamIndex }
+						n || o.setSourceState({
+							subtitleTracks: J(e),
+							...M.current ? {} : { selectedSubtitleTrack: e[0]?.streamIndex }
 						});
 					},
 					onAudioStreams: (e, t) => {
-						n || i.setSourceState({
-							audioTracks: re(e),
+						n || o.setSourceState({
+							audioTracks: J(e),
 							selectedAudioTrack: t
 						});
 					}
@@ -235,26 +238,25 @@ var W = {
 					r.destroy();
 					return;
 				}
-				k.current = r, i.setSourceState({
+				A.current = r, o.setSourceState({
 					indexes: r.indexes,
-					chapters: S.current ?? r.chapters
+					chapters: C.current ?? r.chapters
 				});
-				let o = i.selectedSubtitleTrack;
-				typeof o == "number" && r.selectSubtitleStream(o);
+				let i = o.selectedSubtitleTrack;
+				typeof i == "number" && r.selectSubtitleStream(i);
 			} catch (e) {
-				f(e);
+				d(e);
 			}
 		})(), () => {
-			n = !0, A.current = {
+			n = !0, j.current = {
 				time: e.currentTime,
-				size: s
-			}, k.current?.destroy(), k.current = null, i.setSourceState({ ready: !1 });
+				size: c
+			}, A.current?.destroy(), A.current = null, o.setSourceState({ ready: !1 });
 		};
 	}, [
-		i,
+		o,
 		e,
 		t,
-		s,
 		c,
 		l,
 		u,
@@ -262,9 +264,10 @@ var W = {
 		g,
 		_,
 		v,
-		C,
 		y,
-		T
+		w,
+		b,
+		E
 	]);
 }, ue = 5e3, de = 6e4, fe = ({ publicPath: e, workerUrl: t, length: n, read: r, downloadedRanges: a }) => {
 	let [o, s] = h([]), c = m(null), l = m(r);
@@ -459,49 +462,50 @@ var W = {
 	let a = !1, o, s = /* @__PURE__ */ new Set(), c = /* @__PURE__ */ new Set(), l = () => {
 		for (let e of [...c]) e();
 		c.clear();
-	}, u = () => new Promise((e) => c.add(e)), d = (e, t) => !o || o.some(([n, r]) => n <= e && Math.min(e + t, i.length) <= r), f = async (e, t) => {
-		for (; !d(e, t);) if (a || await new Promise((e) => s.add(e))) throw Error("Cancelled");
-		return i.read(e, t);
-	}, p = (e) => {
+	}, u = () => new Promise((e) => c.add(e)), d = async (e, t, n) => {
+		let r = Math.min(t + n, e.length);
+		for (; o && !o.some(([e, n]) => e <= t && r <= n);) if (a || await new Promise((e) => s.add(e))) throw Error("Cancelled");
+		return e.read(t, n);
+	}, f = (e) => {
 		for (let t of [...s]) t(e);
 		s.clear();
-	}, m;
+	}, p;
 	try {
-		m = new Worker(r, { type: "module" });
+		p = new Worker(r, { type: "module" });
 	} catch (e) {
 		return console.warn("[media-player] the volume normalizer cannot analyse ahead:", e), {
 			update: () => {},
 			stop: () => {}
 		};
 	}
-	let h = new MessageChannel();
-	m.postMessage({
+	let m = new MessageChannel();
+	p.postMessage({
 		type: "port",
-		port: h.port1
-	}, [h.port1]), t.port.postMessage({ analysis: h.port2 }, [h.port2]);
-	let g = {
+		port: m.port1
+	}, [m.port1]), t.port.postMessage({ analysis: m.port2 }, [m.port2]);
+	let h = {
 		spans: [],
 		end: null
-	}, _ = 0, v = /* @__PURE__ */ new Map(), y = (e, t) => new Promise((n) => v.set(`${e}:${t}`, n)), b = -1;
-	m.onmessage = ({ data: e }) => {
+	}, g = 0, _ = /* @__PURE__ */ new Map(), v = (e, t) => new Promise((n) => _.set(`${e}:${t}`, n)), y = -1;
+	p.onmessage = ({ data: e }) => {
 		if (e.type === "unsupported") {
 			U();
 			return;
 		}
-		e.spans && ((JSON.stringify(e.spans) !== JSON.stringify(g.spans) || e.end !== g.end) && _++, g = {
+		e.spans && ((JSON.stringify(e.spans) !== JSON.stringify(h.spans) || e.end !== h.end) && g++, h = {
 			spans: e.spans,
 			end: e.end
-		}), e.type === "merged" && (b = e.run), v.get(`${e.type}:${e.run}`)?.(g), v.delete(`${e.type}:${e.run}`), l();
+		}), e.type === "merged" && (y = e.run), _.get(`${e.type}:${e.run}`)?.(h), _.delete(`${e.type}:${e.run}`), l();
 	};
-	let x = t.context, S = () => t.port.postMessage({
+	let b = t.context, x = () => t.port.postMessage({
 		media: n.currentTime,
-		ctx: x.currentTime,
+		ctx: b.currentTime,
 		rate: n.playbackRate,
 		paused: n.paused || n.seeking || n.readyState < 3
-	}), C = () => m.postMessage({
+	}), S = () => p.postMessage({
 		type: "playhead",
 		time: n.currentTime
-	}), T = setInterval(S, De), E = [
+	}), C = setInterval(x, De), T = [
 		"play",
 		"playing",
 		"pause",
@@ -511,64 +515,64 @@ var W = {
 		"waiting",
 		"ended"
 	];
-	for (let e of E) n.addEventListener(e, S);
-	let D = Infinity, O = !1, k = 0, A = !1, j = 0, M = 0, N = /* @__PURE__ */ new Map(), P = (e) => {
+	for (let e of T) n.addEventListener(e, x);
+	let E = Infinity, D = !1, O = 0, k = !1, A = 0, j = 0, M = /* @__PURE__ */ new Map(), N = (e) => {
 		let t = e;
-		for (let [e, n] of g.spans) e <= t && t < n && (t = n);
-		return t >= (g.end ?? D) - .05 ? null : t;
-	}, F = (e) => N.get(Math.round(e * 10)) === _ ? "idle" : e, I = () => {
-		let e = n.currentTime, t = P(e), r = A && b !== k;
-		if (t !== null && t < e + we) return r && j <= t + 1 && t <= M + Te ? "read" : F(t);
+		for (let [e, n] of h.spans) e <= t && t < n && (t = n);
+		return t >= (h.end ?? E) - .05 ? null : t;
+	}, P = (e) => M.get(Math.round(e * 10)) === g ? "idle" : e, F = () => {
+		let e = n.currentTime, t = N(e), r = k && y !== O;
+		if (t !== null && t < e + we) return r && A <= t + 1 && t <= j + Te ? "read" : P(t);
 		if (r) return "read";
-		let i = t ?? P(0);
-		return i === null ? "done" : F(i);
-	}, L = () => {}, R = (e) => (e.catch(() => {}), Promise.race([e, new Promise((e) => {
-		L = () => e(void 0);
-	})])), z = () => {
-		C(), O && s.size && typeof I() == "number" && L(), l();
-	}, B = () => {
-		C(), l();
+		let i = t ?? N(0);
+		return i === null ? "done" : P(i);
+	}, I = () => {}, L = (e) => (e.catch(() => {}), Promise.race([e, new Promise((e) => {
+		I = () => e(void 0);
+	})])), R = () => {
+		S(), D && s.size && typeof F() == "number" && I(), l();
+	}, z = () => {
+		S(), l();
 	};
-	n.addEventListener("seeking", z), n.addEventListener("seeked", B), n.addEventListener("timeupdate", B);
-	let V, H = async (e) => {
-		if (!A) return;
-		A = !1;
-		let t = y("ended", k);
-		m.postMessage({
+	n.addEventListener("seeking", R), n.addEventListener("seeked", z), n.addEventListener("timeupdate", z);
+	let B, V = async (e) => {
+		if (!k) return;
+		k = !1;
+		let t = v("ended", O);
+		p.postMessage({
 			type: "end",
-			run: k,
+			run: O,
 			finished: e
 		}), await t;
-	}, ee = async (e) => {
-		if (M = e.pts + e.duration, !e.data.byteLength) return;
-		let t = y("ack", k);
-		m.postMessage({
+	}, H = async (e) => {
+		if (j = e.pts + e.duration, !e.data.byteLength) return;
+		let t = v("ack", O);
+		p.postMessage({
 			type: "fragment",
-			run: k,
+			run: O,
 			data: e.data
 		}, [e.data]), await t;
-	}, te = async () => {
-		if (V = await w({
-			publicPath: i.publicPath,
-			workerUrl: i.libavWorkerUrl,
+	}, ee = async (t) => {
+		if (B = await w({
+			publicPath: t.publicPath,
+			workerUrl: t.libavWorkerUrl,
 			workerOptions: { type: "module" },
-			length: i.length,
-			read: f,
-			audioStreamIndex: i.audioStreamIndex
-		}), a) return e(V);
-		let t = await V.init();
+			length: t.length,
+			read: (e, n) => d(t, e, n),
+			audioStreamIndex: t.audioStreamIndex
+		}), a) return e(B);
+		let n = await B.init();
 		if (!a) {
-			for (D = t.info.input.duration || Infinity, m.postMessage({
+			for (E = n.info.input.duration || Infinity, p.postMessage({
 				type: "init",
-				data: t.data,
-				codec: t.info.output.audioMimeType
-			}, [t.data]), A = !0, O = !0, m.postMessage({
+				data: n.data,
+				codec: n.info.output.audioMimeType
+			}, [n.data]), k = !0, D = !0, p.postMessage({
 				type: "run",
-				run: k,
+				run: O,
 				pts: 0,
 				start: !0
 			}); !a;) {
-				let e = I();
+				let e = F();
 				if (e === "done") break;
 				if (e === "idle") {
 					await u();
@@ -576,45 +580,79 @@ var W = {
 				}
 				try {
 					if (e === "read") {
-						let e = await R(V.read());
+						let e = await L(B.read());
 						if (a) return;
 						if (!e) continue;
-						await ee(e), e.finished && await H(!0);
+						await H(e), e.finished && await V(!0);
 					} else {
-						await H(!1), N.set(Math.round(e * 10), _);
-						let t = V.seek(Math.max(0, e - Ee));
-						p(!0);
-						let n = await R(t);
+						await V(!1), M.set(Math.round(e * 10), g);
+						let t = B.seek(Math.max(0, e - Ee));
+						f(!0);
+						let n = await L(t);
 						if (a) return;
 						if (!n) continue;
-						k++, A = !0, j = n.pts, m.postMessage({
+						O++, k = !0, A = n.pts, p.postMessage({
 							type: "run",
-							run: k,
+							run: O,
 							pts: n.pts,
 							start: n.pts <= 0
-						}), await ee(n), n.finished && await H(!0);
+						}), await H(n), n.finished && await V(!0);
 					}
 				} catch {
 					if (a) return;
-					await H(!1), typeof I() != "number" && await u();
+					await V(!1), typeof F() != "number" && await u();
 				}
 			}
-			e(V), V = void 0;
+			e(B), B = void 0;
 		}
+	}, te = () => {}, ne = (e, t) => {
+		let n = !1, r = (e) => {
+			n && p.postMessage({
+				type: "end",
+				run: O,
+				finished: e
+			}), n = !1;
+		};
+		te = e.attach(t, (e, t) => {
+			if (e.type === "init") {
+				r(!1);
+				let t = e.data.slice(0);
+				p.postMessage({
+					type: "init",
+					data: t,
+					codec: e.audioMimeType
+				}, [t]);
+			} else if (e.type === "run") r(!1), n = !0, p.postMessage({
+				type: "run",
+				run: ++O,
+				pts: e.pts,
+				start: !t && e.pts <= 0,
+				join: t
+			});
+			else if (e.type === "end") r(!0);
+			else if (n) {
+				let t = e.data.slice(0);
+				p.postMessage({
+					type: "fragment",
+					run: O,
+					data: t
+				}, [t]);
+			}
+		});
 	}, U = () => {
 		if (!a) {
-			a = !0, p(!0), l(), clearInterval(T);
-			for (let e of E) n.removeEventListener(e, S);
-			n.removeEventListener("seeking", z), n.removeEventListener("seeked", B), n.removeEventListener("timeupdate", B), V && e(V), m.terminate(), t.port.postMessage({ analysis: null });
-			for (let e of v.values()) e(g);
-			v.clear();
+			a = !0, f(!0), l(), clearInterval(C);
+			for (let e of T) n.removeEventListener(e, x);
+			n.removeEventListener("seeking", R), n.removeEventListener("seeked", z), n.removeEventListener("timeupdate", z), te(), B && e(B), p.terminate(), t.port.postMessage({ analysis: null });
+			for (let e of _.values()) e(h);
+			_.clear();
 		}
 	};
-	return te().catch((e) => {
+	return "tap" in i ? ne(i.tap, i.audioStreamIndex) : ee(i).catch((e) => {
 		a || (console.warn("[media-player] the volume normalizer cannot analyse ahead:", e), U());
-	}), C(), {
+	}), S(), {
 		update: (e) => {
-			o = e, p(!1);
+			o = e, f(!1);
 		},
 		stop: U
 	};
@@ -643,7 +681,7 @@ var W = {
 	u.current = i;
 	let d = m(null), p = m(r);
 	p.current = r;
-	let { length: g, publicPath: _, libavWorkerUrl: v, audioStreamIndex: y } = r ?? {};
+	let { length: g, publicPath: _, libavWorkerUrl: v } = r && "read" in r ? r : {}, y = r && "tap" in r ? r.tap : void 0, b = r?.audioStreamIndex;
 	return f(() => {
 		let r = p.current;
 		if (!c || !e || !t || !n || !r) return;
@@ -664,10 +702,33 @@ var W = {
 		g,
 		_,
 		v,
+		b,
 		y
 	]), f(() => {
 		d.current?.update(i);
 	}, [i]), { refused: o };
+}, Ae = () => {
+	let e, t, n, r = () => n && e?.audioStreamIndex === n.audioStreamIndex ? n : void 0;
+	return {
+		push: (n) => {
+			n.type === "init" ? (e = n, t = void 0) : n.type === "run" ? t = {
+				pts: n.pts,
+				begun: !1
+			} : n.type === "fragment" && t && (t.begun = !0), r()?.take(n);
+		},
+		attach: (i, a) => {
+			let o = {
+				audioStreamIndex: i,
+				take: a
+			};
+			return n = o, r() && e && (a(e), t && a({
+				type: "run",
+				pts: t.pts
+			}, t.begun)), () => {
+				n === o && (n = void 0);
+			};
+		}
+	};
 }, Z = {
 	headings: {
 		large: "\n      font-weight: 600;\n      font-size: calc(2.8 * var(--mp-unit));\n      line-height: calc(3.4 * var(--mp-unit));\n      @media (min-width: 960px) {\n        font-size: calc(3.4 * var(--mp-unit));\n        line-height: calc(4.1 * var(--mp-unit));\n      }\n    ",
@@ -695,7 +756,7 @@ var W = {
 		medium: "\n      font-weight: 500;\n      font-size: calc(0.8 * var(--mp-unit));\n      line-height: calc(1.1 * var(--mp-unit));\n      @media (min-width: 960px) {\n        font-size: calc(1 * var(--mp-unit));\n        line-height: calc(1.4 * var(--mp-unit));\n      }\n    ",
 		regular: "\n      font-weight: 400;\n      font-size: calc(0.8 * var(--mp-unit));\n      line-height: calc(1.1 * var(--mp-unit));\n      @media (min-width: 960px) {\n        font-size: calc(1 * var(--mp-unit));\n        line-height: calc(1.4 * var(--mp-unit));\n      }\n    "
 	}
-}, Ae = _`
+}, je = _`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -708,7 +769,7 @@ var W = {
     margin: auto;
     pointer-events: none;
   }
-`, je = _`
+`, Me = _`
   position: absolute;
   top: 0;
   left: 0;
@@ -737,9 +798,9 @@ var W = {
 
   background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.1) 80%, transparent 100%);
   transition: opacity 0.1s cubic-bezier(.4,0,1,1);
-`, Me = v`
+`, Ne = v`
   to { transform: rotate(360deg); }
-`, Ne = _`
+`, Pe = _`
   position: absolute;
   inset: 0;
   z-index: 2;
@@ -755,9 +816,9 @@ var W = {
     border-radius: 50%;
     border: 3px solid rgba(255, 255, 255, 0.25);
     border-top-color: #fff;
-    animation: ${Me} 0.8s linear infinite;
+    animation: ${Ne} 0.8s linear infinite;
   }
-`, Pe = _`
+`, Fe = _`
   position: absolute;
   inset: auto 0 20%;
   z-index: 3;
@@ -767,34 +828,34 @@ var W = {
   ${Z.bLarge.regular}
   text-shadow: 0 0 4px rgba(0, 0, 0, 1);
   pointer-events: none;
-`, Fe = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : "Playback failed", Ie = ({ onSubtitleRef: e }) => {
-	let t = q((e) => e.title), n = q((e) => e.hideUI), r = q((e) => e.playbackError), i = q((e) => e.ready), a = q((e) => e.size), o = q((e) => e.waiting), s = q((e) => e.seekingTo);
+`, Ie = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : "Playback failed", Le = ({ onSubtitleRef: e }) => {
+	let t = K((e) => e.title), n = K((e) => e.hideUI), r = K((e) => e.playbackError), i = K((e) => e.ready), a = K((e) => e.size), o = K((e) => e.waiting), s = K((e) => e.seekingTo);
 	return /* @__PURE__ */ O(E, { children: [
 		t ? /* @__PURE__ */ D("div", {
 			className: "title",
-			css: je,
+			css: Me,
 			style: { ...n ? {
 				opacity: "0",
 				pointerEvents: "none"
 			} : {} },
 			children: t
 		}) : void 0,
-		((a ? !i : o) || s !== void 0) && !r ? /* @__PURE__ */ D("div", { css: Ne }) : void 0,
+		((a ? !i : o) || s !== void 0) && !r ? /* @__PURE__ */ D("div", { css: Pe }) : void 0,
 		r ? /* @__PURE__ */ D("div", {
-			css: Pe,
-			children: Fe(r)
+			css: Fe,
+			children: Ie(r)
 		}) : void 0,
 		/* @__PURE__ */ D("div", {
 			className: "subtitles",
 			ref: e,
-			css: Ae
+			css: je
 		})
 	] });
-}, Le = 1e-4, Re = 1, ze = (e) => Math.max(Le, Math.min(Re, e)) ** 2, Be = (e) => Math.max(Le, Math.min(Re, e)) ** (Re / 2), Ve = (e) => {
+}, Re = 1e-4, ze = 1, Be = (e) => Math.max(Re, Math.min(ze, e)) ** 2, Ve = (e) => Math.max(Re, Math.min(ze, e)) ** (ze / 2), He = (e) => {
 	if (e === void 0) return "0:00";
 	let t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60), r = Math.floor(e % 60);
 	return t > 0 ? `${t}:${n < 10 ? "0" : ""}${n}:${r < 10 ? "0" : ""}${r}` : `${n}:${r < 10 ? "0" : ""}${r}`;
-}, He = (e, t) => `${Ve(e)} / ${Ve(t)}`, Ue = (e) => _`
+}, Ue = (e, t) => `${He(e)} / ${He(t)}`, We = (e) => _`
   display: flex;
   justify-content: flex-start;
 
@@ -842,17 +903,17 @@ var W = {
 	x: -1,
 	y: -1,
 	anchors: 0
-}, We = (e) => {
+}, Ge = (e) => {
 	Q.x = e.clientX, Q.y = e.clientY;
-}, Ge = () => (Q.anchors++ === 0 && window.addEventListener("pointermove", We, {
+}, Ke = () => (Q.anchors++ === 0 && window.addEventListener("pointermove", Ge, {
 	capture: !0,
 	passive: !0
 }), () => {
-	--Q.anchors === 0 && window.removeEventListener("pointermove", We, { capture: !0 });
+	--Q.anchors === 0 && window.removeEventListener("pointermove", Ge, { capture: !0 });
 }), $ = ({ id: e, toolTipText: t, text: n, delayShow: r = 0, closeDelay: i = 0, offset: a = 20, tooltipPlace: o = "top", disabled: s = !1, size: c = "md" }) => {
 	let l = m(null), u = m(null);
 	return f(() => {
-		let e = Ge(), t = () => {
+		let e = Ke(), t = () => {
 			let e = l.current;
 			if (!e) return;
 			let { left: t, right: n, top: r, bottom: i } = e.getBoundingClientRect();
@@ -872,14 +933,14 @@ var W = {
 		"data-tooltip-delay-hide": i,
 		"data-tooltip-place": o,
 		children: n
-	}), !s && /* @__PURE__ */ D(U, {
+	}), !s && /* @__PURE__ */ D(ne, {
 		ref: u,
-		css: Ue(c),
+		css: We(c),
 		id: e,
 		noArrow: !0,
 		children: t
 	})] });
-}, Ke = ({ ref: e, onChange: t, orientation: n = "horizontal", disabled: r = !1 }) => {
+}, qe = ({ ref: e, onChange: t, orientation: n = "horizontal", disabled: r = !1 }) => {
 	let [i, a] = h(!1), o = m(t);
 	o.current = t;
 	let s = m(null), c = d((t, r) => {
@@ -918,26 +979,26 @@ var W = {
 			style: { touchAction: "none" }
 		}
 	};
-}, qe = 2, Je = .005, Ye = "#000", Xe = "#0000", Ze = (e, t) => {
+}, Je = 2, Ye = .005, Xe = "#000", Ze = "#0000", Qe = (e, t) => {
 	if (!t) return [];
 	let n = /* @__PURE__ */ new Set();
 	for (let { start: r, end: i } of e) for (let e of [r, i]) {
 		let r = e / t;
-		r <= Je || r >= .995 || n.add(Number((r * 100).toFixed(4)));
+		r <= Ye || r >= .995 || n.add(Number((r * 100).toFixed(4)));
 	}
 	return n.size ? [
 		0,
 		...[...n].sort((e, t) => e - t),
 		100
 	] : [];
-}, Qe = (e, t) => {
-	let n = qe / 2, r = e.length - 2, i = [];
+}, $e = (e, t) => {
+	let n = Je / 2, r = e.length - 2, i = [];
 	for (let a = 0; a <= r; a += 1) {
 		let o = e[a], s = e[a + 1], c = a === 0 ? "0%" : `calc(${o}% + ${n}px)`, l = a === r ? "100%" : `calc(${s}% - ${n}px)`;
-		i.push(`${t(a) ? Ye : Xe} ${c} ${l}`), a !== r && i.push(`${Xe} calc(${s}% - ${n}px) calc(${s}% + ${n}px)`);
+		i.push(`${t(a) ? Xe : Ze} ${c} ${l}`), a !== r && i.push(`${Ze} calc(${s}% - ${n}px) calc(${s}% + ${n}px)`);
 	}
 	return `linear-gradient(90deg, ${i.join(", ")})`;
-}, $e = /* @__PURE__ */ new Set([
+}, et = /* @__PURE__ */ new Set([
 	"op",
 	"ops",
 	"opening",
@@ -945,7 +1006,7 @@ var W = {
 	"ncop",
 	"オープニング",
 	"op主題歌"
-]), et = /* @__PURE__ */ new Set([
+]), tt = /* @__PURE__ */ new Set([
 	"ed",
 	"eds",
 	"ending",
@@ -958,13 +1019,13 @@ var W = {
 	"エンドカード",
 	"エンドロール",
 	"ed主題歌"
-]), tt = /* @__PURE__ */ new Set(["intro", "イントロ"]), nt = /* @__PURE__ */ new Set(["outro", "アウトロ"]), rt = {
+]), nt = /* @__PURE__ */ new Set(["intro", "イントロ"]), rt = /* @__PURE__ */ new Set(["outro", "アウトロ"]), it = {
 	"credits start": "ending",
 	"credits end": null,
 	"preview end": null,
 	"end credits": "ending",
 	"closing credits": "ending"
-}, it = /* @__PURE__ */ new Set([
+}, at = /* @__PURE__ */ new Set([
 	"theme",
 	"themes",
 	"song",
@@ -983,53 +1044,53 @@ var W = {
 	"the",
 	"主題歌",
 	"ノンクレジット"
-]), at = /* @__PURE__ */ new Set([
+]), ot = /* @__PURE__ */ new Set([
 	"post",
 	"pre",
 	"after",
 	"before",
 	"non"
-]), ot = /[-:|~/\\[\]()「」『』【】,.!?"'’]|\s+by\s+/u, st = (e) => !e.trim() || /^chapter\s*\d+$/i.test(e.trim()) || /^\d{1,2}:\d{2}:\d{2}([.,]\d+)?$/.test(e.trim()), ct = (e) => e.replace(/([a-z぀-ヿ一-鿿])\s*\d+\s*$/u, "$1").split(/[\s_]+/u).map((e) => e.replace(/^[^\w぀-ヿ一-鿿]+|[^\w぀-ヿ一-鿿]+$/gu, "")).filter((e) => e && !/^\d+$/.test(e) && !it.has(e)), lt = (e, t) => {
-	if ($e.has(e)) return "opening";
-	if (et.has(e)) return "ending";
+]), st = /[-:|~/\\[\]()「」『』【】,.!?"'’]|\s+by\s+/u, ct = (e) => !e.trim() || /^chapter\s*\d+$/i.test(e.trim()) || /^\d{1,2}:\d{2}:\d{2}([.,]\d+)?$/.test(e.trim()), lt = (e) => e.replace(/([a-z぀-ヿ一-鿿])\s*\d+\s*$/u, "$1").split(/[\s_]+/u).map((e) => e.replace(/^[^\w぀-ヿ一-鿿]+|[^\w぀-ヿ一-鿿]+$/gu, "")).filter((e) => e && !/^\d+$/.test(e) && !at.has(e)), ut = (e, t) => {
+	if (et.has(e)) return "opening";
+	if (tt.has(e)) return "ending";
 	if (t) {
-		if (tt.has(e)) return "opening";
-		if (nt.has(e)) return "ending";
+		if (nt.has(e)) return "opening";
+		if (rt.has(e)) return "ending";
 	}
-}, ut = (e, t) => {
-	if (st(e)) return;
+}, dt = (e, t) => {
+	if (ct(e)) return;
 	let n = e.trim().toLowerCase().replace(/\s+/gu, " ");
-	if (n in rt) return rt[n] ?? void 0;
-	let r = n.split(ot).map((e) => e.trim()).filter(Boolean);
-	if (r.some((e) => e.split(/[\s_]+/u).some((e) => at.has(e)))) return;
+	if (n in it) return it[n] ?? void 0;
+	let r = n.split(st).map((e) => e.trim()).filter(Boolean);
+	if (r.some((e) => e.split(/[\s_]+/u).some((e) => ot.has(e)))) return;
 	let i = r.length > 1 ? [r[0], r.at(-1)] : r;
 	for (let e of i) {
-		let n = ct(e);
+		let n = lt(e);
 		if (n.length !== 1) continue;
-		let r = lt(n[0], t);
+		let r = ut(n[0], t);
 		if (r) return r;
 	}
-}, dt = 15, ft = 87, pt = 93, mt = (e) => {
+}, ft = 15, pt = 87, mt = 93, ht = (e) => {
 	let t = e.map(() => void 0), n = e.at(-1)?.end ?? 0;
 	if (!n) return t;
 	let r = e.map((e, t) => ({
 		index: t,
 		start: e.start,
 		length: e.end - e.start
-	})).filter(({ length: e }) => e >= ft && e <= pt), i = n / 2, a = r.filter(({ start: e }) => e < i), o = r.filter(({ start: e }) => e >= i);
+	})).filter(({ length: e }) => e >= pt && e <= mt), i = n / 2, a = r.filter(({ start: e }) => e < i), o = r.filter(({ start: e }) => e >= i);
 	return a.length === 1 && (t[a[0].index] = "opening"), o.length === 1 && (t[o[0].index] = "ending"), t;
-}, ht = (e) => {
-	let t = e.map(({ title: e }) => ut(e, !1)), n = e.reduce((e, n, r) => e + (t[r] ? n.end - n.start : 0), 0), r = e.reduce((e, t) => e + (t.end - t.start), 0);
+}, gt = (e) => {
+	let t = e.map(({ title: e }) => dt(e, !1)), n = e.reduce((e, n, r) => e + (t[r] ? n.end - n.start : 0), 0), r = e.reduce((e, t) => e + (t.end - t.start), 0);
 	if (r > 0 && n * 2 > r) return e.map(() => void 0);
 	let i = e.map((e, n) => {
-		if (e.end - e.start < dt) return;
+		if (e.end - e.start < ft) return;
 		let r = t[n];
 		if (r) return r;
-		let i = ut(e.title, !0);
+		let i = dt(e.title, !0);
 		return i && !t.includes(i) ? i : void 0;
 	});
-	return e.every(({ title: e }) => st(e)) ? mt(e) : i;
-}, gt = _`
+	return e.every(({ title: e }) => ct(e)) ? ht(e) : i;
+}, _t = _`
   position: relative;
   height: calc(.4 * var(--mp-unit));
 
@@ -1248,8 +1309,8 @@ var W = {
     --thumbnail-width: calc(18 * var(--mp-unit));
     --thumbnail-half: calc(9 * var(--mp-unit));
   }
-`, _t = 4, vt = () => {
-	let e = q(), t = q((e) => e.currentTime), n = q((e) => e.requestSeek), r = q((e) => e.duration), i = q((e) => e.size), a = q((e) => e.downloadedRanges), o = q((e) => e.buffered), s = q((e) => e.indexes), c = q((e) => e.thumbnails), l = q((e) => e.thumbnailAt), u = q((e) => e.requestThumbnail), d = q((e) => e.chapters), g = q((e) => e.seekingTo), _ = q((e) => e.setSourceState), v = q((e) => e.hideUI), y = m(null), [b, x] = h(void 0), [S, C] = h(void 0), w = (e) => {
+`, vt = 4, yt = () => {
+	let e = K(), t = K((e) => e.currentTime), n = K((e) => e.requestSeek), r = K((e) => e.duration), i = K((e) => e.size), a = K((e) => e.downloadedRanges), o = K((e) => e.buffered), s = K((e) => e.indexes), c = K((e) => e.thumbnails), l = K((e) => e.thumbnailAt), u = K((e) => e.requestThumbnail), d = K((e) => e.chapters), g = K((e) => e.seekingTo), _ = K((e) => e.setSourceState), v = K((e) => e.hideUI), y = m(null), [b, x] = h(void 0), [S, C] = h(void 0), w = (e) => {
 		C(e), u(e);
 	}, T = !!S;
 	f(() => {
@@ -1257,13 +1318,13 @@ var W = {
 	}, [_, T]), f(() => {
 		v && w(void 0);
 	}, [v]);
-	let E = m(void 0), k = m(0), A = m(void 0), j = m(void 0), M = m(!1), { dragging: N, handlers: P } = Ke({
+	let E = m(void 0), k = m(0), A = m(void 0), j = m(void 0), M = m(!1), { dragging: N, handlers: P } = qe({
 		ref: y,
 		onChange: (e) => {
 			if (k.current += 1, A.current = e, j.current === void 0) j.current = e;
 			else if (!M.current) {
 				let t = y.current?.getBoundingClientRect().width ?? 0;
-				Math.abs(e - j.current) * t > _t && (M.current = !0);
+				Math.abs(e - j.current) * t > vt && (M.current = !0);
 			}
 			x(e), E.current !== "mouse" && w(e * r);
 		}
@@ -1315,7 +1376,7 @@ var W = {
 		b,
 		r
 	]);
-	let U = p(() => {
+	let ne = p(() => {
 		if (!r) return 0;
 		if (N && b !== void 0) return b;
 		let e = g ?? t;
@@ -1326,22 +1387,22 @@ var W = {
 		N,
 		b,
 		g
-	]), W = p(() => Ze(d, r), [d, r]), G = W.length > 0, K = p(() => {
-		if (!G || S === void 0 || !r) return -1;
-		let e = S / r * 100, t = W.findIndex((t, n) => n < W.length - 1 && e >= t && e < W[n + 1]);
-		return t >= 0 ? t : W.length - 2;
+	]), U = p(() => Qe(d, r), [d, r]), W = U.length > 0, G = p(() => {
+		if (!W || S === void 0 || !r) return -1;
+		let e = S / r * 100, t = U.findIndex((t, n) => n < U.length - 1 && e >= t && e < U[n + 1]);
+		return t >= 0 ? t : U.length - 2;
 	}, [
-		G,
 		W,
+		U,
 		S,
 		r
-	]), ne = p(() => G ? Qe(W, (e) => e !== K) : void 0, [
-		G,
+	]), re = p(() => W ? $e(U, (e) => e !== G) : void 0, [
 		W,
-		K
-	]), J = p(() => K >= 0 ? Qe(W, (e) => e === K) : void 0, [W, K]), Y = p(() => {
+		U,
+		G
+	]), ie = p(() => G >= 0 ? $e(U, (e) => e === G) : void 0, [U, G]), q = p(() => {
 		if (S !== void 0) return d.find(({ start: e, end: t }) => e <= S && S < t);
-	}, [d, S]), re = p(() => {
+	}, [d, S]), J = p(() => {
 		if (S) {
 			if (l) return l(S);
 			if (c.length) return c.find(({ startTime: e, endTime: t }) => e <= S && S < t);
@@ -1350,7 +1411,7 @@ var W = {
 		c,
 		l,
 		S
-	]), X = (e, t) => /* @__PURE__ */ O("div", {
+	]), Y = (e, t) => /* @__PURE__ */ O("div", {
 		className: e ? `track ${e}` : "track",
 		style: t ? { maskImage: t } : void 0,
 		children: [
@@ -1363,42 +1424,42 @@ var W = {
 				className: "play-container",
 				children: /* @__PURE__ */ D("div", {
 					className: "play",
-					style: { transform: `scaleX(${U})` }
+					style: { transform: `scaleX(${ne})` }
 				})
 			})
 		]
 	});
 	return /* @__PURE__ */ O("div", {
-		css: gt,
+		css: _t,
 		ref: y,
 		className: [
 			"progress-bar",
 			N ? "dragging" : "",
-			G ? "segmented" : ""
+			W ? "segmented" : ""
 		].filter(Boolean).join(" "),
 		onPointerDown: z,
 		onPointerMove: z,
 		onMouseMove: B,
 		onMouseOut: V,
 		children: [
-			X(void 0, ne),
+			Y(void 0, re),
 			S ? /* @__PURE__ */ O("div", {
 				className: "cursor-time",
 				style: {
-					left: Y ? `clamp(var(--thumbnail-half), ${H(S)}%, calc(100% - var(--thumbnail-half)))` : `clamp(calc(3 * var(--mp-unit)), ${H(S)}%, calc(100% - calc(3 * var(--mp-unit))))`,
-					maxWidth: Y ? "var(--thumbnail-width)" : void 0
+					left: q ? `clamp(var(--thumbnail-half), ${H(S)}%, calc(100% - var(--thumbnail-half)))` : `clamp(calc(3 * var(--mp-unit)), ${H(S)}%, calc(100% - calc(3 * var(--mp-unit))))`,
+					maxWidth: q ? "var(--thumbnail-width)" : void 0
 				},
 				children: [/* @__PURE__ */ D("span", {
 					className: "cursor-time-value",
-					children: Ve(S)
-				}), Y ? /* @__PURE__ */ D("span", {
+					children: He(S)
+				}), q ? /* @__PURE__ */ D("span", {
 					className: "chapter-title",
-					children: Y.title
+					children: q.title
 				}) : void 0]
 			}) : void 0,
 			/* @__PURE__ */ D("div", { className: "progress" }),
 			/* @__PURE__ */ D("div", { className: "hover" }),
-			J ? X("focus", J) : void 0,
+			ie ? Y("focus", ie) : void 0,
 			/* @__PURE__ */ D("div", { className: "scrubber" }),
 			/* @__PURE__ */ D("div", {
 				className: "padding",
@@ -1410,11 +1471,11 @@ var W = {
 			/* @__PURE__ */ D("div", {
 				className: "thumbnail",
 				style: { left: `clamp(var(--thumbnail-half), ${H(S ?? 1)}%, calc(100% - var(--thumbnail-half)))` },
-				children: re?.url ? /* @__PURE__ */ D("img", { src: re.url }) : void 0
+				children: J?.url ? /* @__PURE__ */ D("img", { src: J.url }) : void 0
 			})
 		]
 	});
-}, yt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-picture-in-picture'%3e%3cpath%20stroke='none'%20d='M0%200h24v24H0z'%20fill='none'%20/%3e%3cpath%20d='M11%2019h-6a2%202%200%200%201%20-2%20-2v-10a2%202%200%200%201%202%20-2h14a2%202%200%200%201%202%202v4'%20/%3e%3cpath%20d='M14%2014m0%201a1%201%200%200%201%201%20-1h5a1%201%200%200%201%201%201v3a1%201%200%200%201%20-1%201h-5a1%201%200%200%201%20-1%20-1z'%20/%3e%3c/svg%3e", bt = {
+}, bt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23fff'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='icon%20icon-tabler%20icons-tabler-outline%20icon-tabler-picture-in-picture'%3e%3cpath%20stroke='none'%20d='M0%200h24v24H0z'%20fill='none'%20/%3e%3cpath%20d='M11%2019h-6a2%202%200%200%201%20-2%20-2v-10a2%202%200%200%201%202%20-2h14a2%202%200%200%201%202%202v4'%20/%3e%3cpath%20d='M14%2014m0%201a1%201%200%200%201%201%20-1h5a1%201%200%200%201%201%201v3a1%201%200%200%201%20-1%201h-5a1%201%200%200%201%20-1%20-1z'%20/%3e%3c/svg%3e", xt = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -1424,8 +1485,8 @@ var W = {
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, xt = (e) => /* @__PURE__ */ O("svg", {
-	...bt,
+}, St = (e) => /* @__PURE__ */ O("svg", {
+	...xt,
 	...e,
 	children: [
 		/* @__PURE__ */ D("path", { d: "M21 11V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h5" }),
@@ -1439,8 +1500,8 @@ var W = {
 		}),
 		/* @__PURE__ */ D("path", { d: "M14.5 18.5h2m2 0h1" })
 	]
-}), St = (e) => /* @__PURE__ */ O("svg", {
-	...bt,
+}), Ct = (e) => /* @__PURE__ */ O("svg", {
+	...xt,
 	...e,
 	children: [
 		/* @__PURE__ */ D("path", { d: "M21 11V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h5" }),
@@ -1454,7 +1515,7 @@ var W = {
 		}),
 		/* @__PURE__ */ D("path", { d: "M6 9h3m2 0h2" })
 	]
-}), Ct = _`
+}), wt = _`
 .popover {
   position: absolute;
   /* Anchored to the PLAYER's right edge, never to the gear. The gear is not the last control in the
@@ -1581,7 +1642,7 @@ var W = {
     ${Z.bSmall.regular}
   }
 }
-`, wt = ({ title: e, tracks: t, selected: n, onSelect: r, onBack: i, offLabel: a, pending: o, failed: s }) => {
+`, Tt = ({ title: e, tracks: t, selected: n, onSelect: r, onBack: i, offLabel: a, pending: o, failed: s }) => {
 	let c = o !== void 0, l = (e, i, a) => {
 		let s = c && o === e, l = c || t.find((t) => t.id === e)?.disabled;
 		return /* @__PURE__ */ O("div", {
@@ -1608,7 +1669,7 @@ var W = {
 			t.map(({ id: e, label: t }) => l(e, t, "description"))
 		]
 	});
-}, Tt = ({ onReset: e } = {}) => {
+}, Et = ({ onReset: e } = {}) => {
 	let t = m(null), [n, r] = h(!1), [i, a] = h(void 0), [o, s] = h(!1), c = m(e);
 	c.current = e;
 	let l = () => {
@@ -1649,7 +1710,7 @@ var W = {
 			});
 		}
 	};
-}, Et = _`
+}, Dt = _`
 /* Not a containing block, for the reason given on popoverStyle: the menu anchors to the control bar,
    which is the width of the player box, so it can be clamped to it. */
 position: static;
@@ -1665,7 +1726,7 @@ position: static;
   }
 }
 
-${Ct}
+${wt}
 
 .popover.error-list {
   /* Wider than a track menu and taller, because these rows are sentences rather than labels, and a
@@ -1737,23 +1798,23 @@ ${Ct}
     }
   }
 }
-`, Dt = (e) => new Date(e).toLocaleTimeString(), Ot = (e) => e === void 0 || !Number.isFinite(e) ? void 0 : Ve(Math.max(0, e)), kt = (e) => e.reduce((e, t) => e + t.count, 0), At = (e) => e.map((e, t) => {
-	let n = Ot(e.atMediaTime), r = e.count > 1 ? `${new Date(e.at).toISOString()} to ${new Date(e.lastAt).toISOString()} ×${e.count}` : new Date(e.at).toISOString();
+`, Ot = (e) => new Date(e).toLocaleTimeString(), kt = (e) => e === void 0 || !Number.isFinite(e) ? void 0 : He(Math.max(0, e)), At = (e) => e.reduce((e, t) => e + t.count, 0), jt = (e) => e.map((e, t) => {
+	let n = kt(e.atMediaTime), r = e.count > 1 ? `${new Date(e.at).toISOString()} to ${new Date(e.lastAt).toISOString()} ×${e.count}` : new Date(e.at).toISOString();
 	return [
 		`${t + 1}. ${r}${n ? ` (at ${n})` : ""}${e.recovered ? " [recovered]" : ""}`,
 		e.message,
 		e.detail
 	].filter(Boolean).join("\n");
-}).join("\n\n"), jt = () => {
-	let e = q((e) => e.playbackErrors), { open: t, toggle: n, containerRef: r } = Tt(), [i, a] = h(!1);
+}).join("\n\n"), Mt = () => {
+	let e = K((e) => e.playbackErrors), { open: t, toggle: n, containerRef: r } = Et(), [i, a] = h(!1);
 	if (e.length === 0) return null;
 	let o = () => {
-		navigator.clipboard?.writeText(At(e)).then(() => {
+		navigator.clipboard?.writeText(jt(e)).then(() => {
 			a(!0), setTimeout(() => a(!1), 2e3);
 		}, (e) => console.warn("[media-player] could not copy the errors:", e));
-	}, s = `Playback errors (${kt(e)})`;
+	}, s = `Playback errors (${At(e)})`;
 	return /* @__PURE__ */ O("div", {
-		css: Et,
+		css: Dt,
 		ref: r,
 		children: [/* @__PURE__ */ D($, {
 			id: "errors",
@@ -1784,9 +1845,9 @@ ${Ct}
 					/* @__PURE__ */ O("span", {
 						className: "when",
 						children: [
-							Dt(e.at),
-							e.count > 1 ? ` to ${Dt(e.lastAt)}` : "",
-							Ot(e.atMediaTime) ? ` at ${Ot(e.atMediaTime)}` : "",
+							Ot(e.at),
+							e.count > 1 ? ` to ${Ot(e.lastAt)}` : "",
+							kt(e.atMediaTime) ? ` at ${kt(e.atMediaTime)}` : "",
 							e.recovered ? " recovered" : "",
 							e.count > 1 ? /* @__PURE__ */ D("span", {
 								className: "count",
@@ -1806,7 +1867,7 @@ ${Ct}
 			}, `${e.at}-${t}`))]
 		})]
 	});
-}, Mt = _`
+}, Nt = _`
 display: flex;
 align-items: center;
 justify-content: center;
@@ -1859,8 +1920,8 @@ width: 100%;
     }
   }
 }
-`, Nt = () => {
-	let e = q(), t = q((e) => e.playbackRate), n = m(null), r = m(null), i = .25, a = 2.75, o = (e, t = .05) => Math.round(e / t) * t, s = o(t || 1), c = (e) => (e - i) / a * 100, l = (e) => o(i + e * a), { handlers: u } = Ke({
+`, Pt = () => {
+	let e = K(), t = K((e) => e.playbackRate), n = m(null), r = m(null), i = .25, a = 2.75, o = (e, t = .05) => Math.round(e / t) * t, s = o(t || 1), c = (e) => (e - i) / a * 100, l = (e) => o(i + e * a), { handlers: u } = qe({
 		ref: r,
 		onChange: (t) => e.setPlaybackRate(l(t))
 	}), d = (t) => {
@@ -1876,7 +1937,7 @@ width: 100%;
 	}, [t]);
 	let p = c(s);
 	return /* @__PURE__ */ O("div", {
-		css: Mt,
+		css: Nt,
 		children: [/* @__PURE__ */ O("div", { children: [s.toFixed(2), "x"] }), /* @__PURE__ */ D("div", {
 			className: "playback-slider",
 			ref: n,
@@ -1894,7 +1955,7 @@ width: 100%;
 			})
 		})]
 	});
-}, Pt = _`
+}, Ft = _`
 /* Deliberately NOT a containing block. The menu anchors to the control bar instead, which is exactly
    as wide as the player box and can therefore be clamped to it. The outside-click check uses
    \`contains\` on the ref, which is DOM containment and needs no position, and the bar's other
@@ -1912,7 +1973,7 @@ position: static;
   }
 }
 
-${Ct}
+${wt}
 
 .switch {
   position: relative;
@@ -1988,8 +2049,8 @@ ${Ct}
   }
 }
 
-`, Ft = () => {
-	let e = q(), t = q((e) => e.playbackRate), n = q((e) => e.audioTracks), r = q((e) => e.selectedAudioTrack), i = q((e) => e.selectAudioTrack), a = q((e) => e.quality), o = q((e) => e.volumeNormalizer), [s, c] = h(0), { open: l, toggle: u, containerRef: d, pending: f, failed: p, runSelect: m } = Tt({ onReset: () => c(0) }), g = (t) => {
+`, It = () => {
+	let e = K(), t = K((e) => e.playbackRate), n = K((e) => e.audioTracks), r = K((e) => e.selectedAudioTrack), i = K((e) => e.selectAudioTrack), a = K((e) => e.quality), o = K((e) => e.volumeNormalizer), [s, c] = h(0), { open: l, toggle: u, containerRef: d, pending: f, failed: p, runSelect: m } = Et({ onReset: () => c(0) }), g = (t) => {
 		e.setPlaybackRate(t), c(0);
 	}, _ = (e) => {
 		e !== void 0 && m(e, () => i(e));
@@ -1999,7 +2060,7 @@ ${Ct}
 		c(e);
 	};
 	return /* @__PURE__ */ O("div", {
-		css: Pt,
+		css: Ft,
 		ref: d,
 		children: [
 			/* @__PURE__ */ D($, {
@@ -2061,7 +2122,7 @@ ${Ct}
 					}),
 					/* @__PURE__ */ D("div", {
 						className: "slider no-hover",
-						children: /* @__PURE__ */ D(Nt, {})
+						children: /* @__PURE__ */ D(Pt, {})
 					}),
 					/* @__PURE__ */ O("div", {
 						className: "options no-hover",
@@ -2086,7 +2147,7 @@ ${Ct}
 					})
 				]
 			}),
-			l && s === 2 && /* @__PURE__ */ D(wt, {
+			l && s === 2 && /* @__PURE__ */ D(Tt, {
 				title: "Audio",
 				tracks: n,
 				selected: r,
@@ -2095,7 +2156,7 @@ ${Ct}
 				pending: f,
 				failed: p
 			}),
-			l && s === 3 && a && /* @__PURE__ */ D(wt, {
+			l && s === 3 && a && /* @__PURE__ */ D(Tt, {
 				title: "Quality",
 				tracks: a.options,
 				selected: a.selectedId ?? void 0,
@@ -2107,7 +2168,7 @@ ${Ct}
 			})
 		]
 	});
-}, It = _`
+}, Lt = _`
 /* Not a containing block, for the reason given on popoverStyle: the menu anchors to the control bar,
    which is the width of the player box, so it can be clamped to it. */
 position: static;
@@ -2123,13 +2184,13 @@ position: static;
   }
 }
 
-${Ct}
-`, Lt = () => {
-	let e = q((e) => e.subtitleTracks), t = q((e) => e.selectedSubtitleTrack), n = q((e) => e.selectSubtitleTrack), r = q((e) => e.subtitleOffLabel), { open: i, toggle: a, containerRef: o, pending: s, failed: c, runSelect: l } = Tt();
+${wt}
+`, Rt = () => {
+	let e = K((e) => e.subtitleTracks), t = K((e) => e.selectedSubtitleTrack), n = K((e) => e.selectSubtitleTrack), r = K((e) => e.subtitleOffLabel), { open: i, toggle: a, containerRef: o, pending: s, failed: c, runSelect: l } = Et();
 	if (e.length === 0) return null;
 	let u = t !== void 0;
 	return /* @__PURE__ */ O("div", {
-		css: It,
+		css: Lt,
 		ref: o,
 		children: [/* @__PURE__ */ D($, {
 			id: "subtitles",
@@ -2144,7 +2205,7 @@ ${Ct}
 				children: u ? /* @__PURE__ */ D(k, { className: "captions" }) : /* @__PURE__ */ D(A, { className: "captions-off" })
 			}),
 			toolTipText: /* @__PURE__ */ D("span", { children: "Subtitles" })
-		}), i && /* @__PURE__ */ D(wt, {
+		}), i && /* @__PURE__ */ D(Tt, {
 			title: "Subtitles",
 			tracks: e,
 			selected: t,
@@ -2154,13 +2215,13 @@ ${Ct}
 			failed: c
 		})]
 	});
-}, Rt = {
+}, zt = {
 	primary: "#EAEBEE",
 	secondary: "#D0D0D9",
 	hover: "rgba(255, 255, 255, 0.13)",
 	borderPrimary: "#384F70",
 	backgroundTooltip: "#222222"
-}, zt = _`
+}, Bt = _`
   display: flex;
   align-items: center;
 
@@ -2203,8 +2264,8 @@ ${Ct}
     width: 10px;
     height: 10px;
   }
-`, Bt = ({ value: e, onChange: t }) => {
-	let n = q((e) => e.volume), r = q((e) => e.muted), i = m(null), a = m(null), { handlers: o } = Ke({
+`, Vt = ({ value: e, onChange: t }) => {
+	let n = K((e) => e.volume), r = K((e) => e.muted), i = m(null), a = m(null), { handlers: o } = qe({
 		ref: a,
 		onChange: t
 	}), s = (n) => {
@@ -2218,12 +2279,12 @@ ${Ct}
 			e && e.removeEventListener("wheel", s);
 		};
 	}, [e]);
-	let c = e * 100, l = p(() => Math.round(r ? 0 : Be(n) * 100), [n, r]);
+	let c = e * 100, l = p(() => Math.round(r ? 0 : Ve(n) * 100), [n, r]);
 	return /* @__PURE__ */ D($, {
 		id: "volume-slider",
 		text: /* @__PURE__ */ D("div", {
 			ref: i,
-			css: zt,
+			css: Bt,
 			...o,
 			children: /* @__PURE__ */ D("div", {
 				ref: a,
@@ -2242,7 +2303,7 @@ ${Ct}
 			children: [l, "%"]
 		})
 	});
-}, Vt = _`
+}, Ht = _`
   position: relative;
   display: flex;
   align-items: center;
@@ -2305,10 +2366,10 @@ ${Ct}
     }
   }
 
-`, Ht = ({ ref: e }) => {
-	let t = q(), n = q((e) => e.volume), r = q((e) => e.muted), i = p(() => Be(n), [n]);
+`, Ut = ({ ref: e }) => {
+	let t = K(), n = K((e) => e.volume), r = K((e) => e.muted), i = p(() => Ve(n), [n]);
 	return /* @__PURE__ */ O("div", {
-		css: Vt,
+		css: Ht,
 		children: [/* @__PURE__ */ D($, {
 			id: "sound",
 			text: /* @__PURE__ */ D("button", {
@@ -2328,16 +2389,16 @@ ${Ct}
 			className: "volume-slider-container",
 			children: /* @__PURE__ */ D("div", {
 				className: "volume-slider-background",
-				children: /* @__PURE__ */ D(Bt, {
+				children: /* @__PURE__ */ D(Vt, {
 					value: r ? 0 : i,
 					onChange: (e) => {
-						t.setVolume(ze(e));
+						t.setVolume(Be(e));
 					}
 				})
 			})
 		})]
 	});
-}, Ut = .05, Wt = 5, Gt = 50, Kt = 1e3, qt = _`
+}, Wt = .05, Gt = 5, Kt = 50, qt = 1e3, Jt = _`
   position: absolute;
   bottom: 0;
   width: 100%;
@@ -2429,7 +2490,7 @@ ${Ct}
         /* .armed is the hover of a control letting its click through, which takes no pointer events
            of its own and so is never :hover */
         :hover, &.armed {
-          background-color: ${Rt.hover};
+          background-color: ${zt.hover};
         }
 
         /* the hit area grows, the icon does not, keyed on the pointer because a narrow desktop
@@ -2467,10 +2528,10 @@ ${Ct}
       }
     }
   }
-`, Jt = ({ shortcuts: e = "window", root: t }) => {
-	let n = q(), r = q((e) => e.paused), i = q((e) => e.currentTime), a = q((e) => e.duration), o = q((e) => e.seekingTo), s = q((e) => e.fullscreen), c = q((e) => e.hideUI), l = q((e) => e.togglePictureInPicture), u = q((e) => e.pictureInPictureMode), p = q((e) => e.burnedInSubtitles), g = q((e) => e.passThroughPictureInPicture), _ = q((e) => e.subtitleTracks), v = q((e) => e.requestSeek), [y, b] = h(null), x = m(null), S = m(void 0), C = u === "burn-in", w = _.length > 0, T = a > 0 && i === a, E = d(({ direction: e, stepSize: t }) => {
-		let r = Be(n.volume), i = e === "up" ? t : -t, a = Math.max(0, Math.min(1, r + i)), o = n.muted;
-		n.setVolume(ze(a)), o && !n.muted && n.toggleMuted();
+`, Yt = ({ shortcuts: e = "window", root: t }) => {
+	let n = K(), r = K((e) => e.paused), i = K((e) => e.currentTime), a = K((e) => e.duration), o = K((e) => e.seekingTo), s = K((e) => e.fullscreen), c = K((e) => e.hideUI), l = K((e) => e.togglePictureInPicture), u = K((e) => e.pictureInPictureMode), p = K((e) => e.burnedInSubtitles), g = K((e) => e.passThroughPictureInPicture), _ = K((e) => e.subtitleTracks), v = K((e) => e.requestSeek), [y, b] = h(null), x = m(null), S = m(void 0), C = u === "burn-in", w = _.length > 0, T = a > 0 && i === a, E = d(({ direction: e, stepSize: t }) => {
+		let r = Ve(n.volume), i = e === "up" ? t : -t, a = Math.max(0, Math.min(1, r + i)), o = n.muted;
+		n.setVolume(Be(a)), o && !n.muted && n.toggleMuted();
 	}, [n]), k = m(!1);
 	f(() => {
 		let r = (e) => v ? v(e) : n.seek(e), i = (e) => e.composedPath()[0], a = (e) => {
@@ -2487,16 +2548,16 @@ ${Ct}
 			else if (a.key === "m") n.toggleMuted();
 			else if (a.key === "ArrowUp") E({
 				direction: "up",
-				stepSize: Ut
+				stepSize: Wt
 			});
 			else if (a.key === "ArrowDown") E({
 				direction: "down",
-				stepSize: Ut
+				stepSize: Wt
 			});
 			else if (a.key === "ArrowRight") {
 				if (!n.duration) return;
-				r(Math.min(n.currentTime + Wt, n.duration));
-			} else a.key === "ArrowLeft" ? r(Math.max(n.currentTime - Wt, 0)) : c = !1;
+				r(Math.min(n.currentTime + Gt, n.duration));
+			} else a.key === "ArrowLeft" ? r(Math.max(n.currentTime - Gt, 0)) : c = !1;
 			c && a.preventDefault();
 		};
 		return window.addEventListener("keydown", o), window.addEventListener("pointerdown", a, !0), window.addEventListener("focusin", a, !0), () => {
@@ -2512,10 +2573,10 @@ ${Ct}
 	let A = d((e) => {
 		e.preventDefault(), e.deltaY < 0 ? E({
 			direction: "up",
-			stepSize: Ut
+			stepSize: Wt
 		}) : E({
 			direction: "down",
-			stepSize: Ut
+			stepSize: Wt
 		});
 	}, [E]);
 	f(() => {
@@ -2541,18 +2602,18 @@ ${Ct}
 			}
 			let n = x.current, r = document.activeElement;
 			n && r?.tagName === "IFRAME" && r.closest(".video")?.parentElement?.contains(n) && n.focus({ preventScroll: !0 });
-		}, Gt);
+		}, Kt);
 		return S.current = t, () => {
-			e = Date.now() + Kt;
+			e = Date.now() + qt;
 		};
 	}, [M]), f(() => () => clearInterval(S.current), []), /* @__PURE__ */ O("div", {
 		className: "control-bar",
-		css: qt,
+		css: Jt,
 		style: { ...c ? {
 			opacity: "0",
 			pointerEvents: "none"
 		} : M ? { pointerEvents: "none" } : {} },
-		children: [/* @__PURE__ */ D(vt, {}), /* @__PURE__ */ O("div", {
+		children: [/* @__PURE__ */ D(yt, {}), /* @__PURE__ */ O("div", {
 			className: "actions",
 			children: [/* @__PURE__ */ O("div", {
 				className: "left",
@@ -2569,18 +2630,18 @@ ${Ct}
 						}),
 						toolTipText: /* @__PURE__ */ D("span", { children: T ? "Replay (k)" : r ? "Play (k)" : "Pause (k)" })
 					}),
-					/* @__PURE__ */ D(Ht, { ref: b }),
+					/* @__PURE__ */ D(Ut, { ref: b }),
 					/* @__PURE__ */ D("div", {
 						className: "time",
-						children: He(o ?? i, a)
+						children: Ue(o ?? i, a)
 					})
 				]
 			}), /* @__PURE__ */ O("div", {
 				className: "right",
 				children: [
-					/* @__PURE__ */ D(jt, {}),
-					/* @__PURE__ */ D(Lt, {}),
-					/* @__PURE__ */ D(Ft, {}),
+					/* @__PURE__ */ D(Mt, {}),
+					/* @__PURE__ */ D(Rt, {}),
+					/* @__PURE__ */ D(It, {}),
 					g ? /* @__PURE__ */ D($, {
 						id: "picture-in-picture",
 						tooltipPlace: "top-end",
@@ -2594,7 +2655,7 @@ ${Ct}
 							"aria-label": "Picture in picture",
 							"aria-pressed": g.active,
 							children: /* @__PURE__ */ D("img", {
-								src: yt,
+								src: bt,
 								alt: ""
 							})
 						}),
@@ -2609,8 +2670,8 @@ ${Ct}
 							disabled: C && !w,
 							"aria-label": C ? "Put the subtitles in the video" : "Picture in picture",
 							"aria-pressed": C ? p : void 0,
-							children: C ? D(p ? xt : St, {}) : /* @__PURE__ */ D("img", {
-								src: yt,
+							children: C ? D(p ? St : Ct, {}) : /* @__PURE__ */ D("img", {
+								src: bt,
 								alt: ""
 							})
 						}),
@@ -2633,7 +2694,7 @@ ${Ct}
 			})]
 		})]
 	});
-}, Yt = 9e3, Xt = _`
+}, Xt = 9e3, Zt = _`
   position: absolute;
   inset: 0;
   z-index: 2;
@@ -2676,18 +2737,18 @@ ${Ct}
     line-height: 1;
     color: #fff;
   }
-`, Zt = () => {
-	let e = q((e) => e.burnedInSubtitles), t = q((e) => e.pictureInPictureMode), [n, r] = h(!1);
+`, Qt = () => {
+	let e = K((e) => e.burnedInSubtitles), t = K((e) => e.pictureInPictureMode), [n, r] = h(!1);
 	return f(() => {
 		if (t !== "burn-in" || !e) {
 			r(!1);
 			return;
 		}
 		r(!0);
-		let n = setTimeout(() => r(!1), Yt);
+		let n = setTimeout(() => r(!1), Xt);
 		return () => clearTimeout(n);
 	}, [t, e]), t !== "burn-in" || !e ? null : /* @__PURE__ */ D("div", {
-		css: Xt,
+		css: Zt,
 		className: n ? "show" : "",
 		role: "status",
 		children: /* @__PURE__ */ O("div", {
@@ -2702,10 +2763,10 @@ ${Ct}
 			})]
 		})
 	});
-}, Qt = 1, $t = 6e3, en = 1, tn = {
+}, $t = 1, en = 6e3, tn = 1, nn = {
 	opening: "Skip Opening",
 	ending: "Skip Ending"
-}, nn = _`
+}, rn = _`
   position: absolute;
   inset: 0;
   z-index: 2;
@@ -2756,10 +2817,10 @@ ${Ct}
       bottom: calc(9 * var(--mp-unit));
     }
   }
-`, rn = () => {
-	let e = q((e) => e.chapters), t = q((e) => e.currentTime), n = q((e) => e.requestSeek), r = q((e) => e.seekPreview), i = q(), a = p(() => ht(e), [e]), o = p(() => {
+`, an = () => {
+	let e = K((e) => e.chapters), t = K((e) => e.currentTime), n = K((e) => e.requestSeek), r = K((e) => e.seekPreview), i = K(), a = p(() => gt(e), [e]), o = p(() => {
 		if (typeof t != "number") return;
-		let n = e.findIndex((e, n) => a[n] !== void 0 && e.start - Qt <= t && t < e.end), r = n >= 0 ? a[n] : void 0;
+		let n = e.findIndex((e, n) => a[n] !== void 0 && e.start - $t <= t && t < e.end), r = n >= 0 ? a[n] : void 0;
 		return r ? {
 			kind: r,
 			end: e[n].end
@@ -2771,7 +2832,7 @@ ${Ct}
 	]), s = m(0), [c, l] = h(0);
 	f(() => {
 		let e = typeof t == "number" ? t : 0, n = s.current;
-		s.current = e, e < n - en && l((e) => e + 1);
+		s.current = e, e < n - tn && l((e) => e + 1);
 	}, [t]);
 	let [u, d] = h(!1), g = o ? `${o.kind}@${o.end}` : "";
 	return f(() => {
@@ -2780,12 +2841,12 @@ ${Ct}
 			return;
 		}
 		d(!0);
-		let e = setTimeout(() => d(!1), $t);
+		let e = setTimeout(() => d(!1), en);
 		return () => clearTimeout(e);
 	}, [g, c]), f(() => {
 		o || d(!1);
 	}, [o]), o ? /* @__PURE__ */ D("div", {
-		css: nn,
+		css: rn,
 		className: u && !r ? "show" : "",
 		children: /* @__PURE__ */ D("button", {
 			type: "button",
@@ -2793,10 +2854,10 @@ ${Ct}
 			onClick: () => {
 				d(!1), n ? n(o.end) : i.seek(o.end);
 			},
-			children: tn[o.kind]
+			children: nn[o.kind]
 		})
 	}) : null;
-}, an = 3e3, on = _`
+}, on = 3e3, sn = _`
   position: absolute;
   inset: 0;
   z-index: 2;
@@ -2807,10 +2868,10 @@ ${Ct}
      hoverable while faded out, popping a tooltip over nothing. It cascades where pointer-events does
      not, and transitioning it holds the item on screen for the length of the fade. */
   transition: opacity 0.1s cubic-bezier(.4,0,1,1), visibility 0.1s;
-`, sn = (e, t) => {
+`, cn = (e, t) => {
 	let n = e.left - t.left, r = e.top - t.top;
 	return `path(evenodd, 'M0 0H${t.width}V${t.height}H0Z M${n} ${r}H${n + e.width}V${r + e.height}H${n}Z')`;
-}, cn = _`
+}, ln = _`
   position: relative;
   background-color: black;
   display: flex;
@@ -2867,14 +2928,14 @@ ${Ct}
   &.hide {
     cursor: none;
   }
-`, ln = (e, t = "") => c.toArray(e).flatMap((e, n) => {
+`, un = (e, t = "") => c.toArray(e).flatMap((e, n) => {
 	let r = `${t}${u(e) && e.key != null ? e.key : n}`;
-	return u(e) && e.type === l ? ln(e.props.children, `${r}/`) : [{
+	return u(e) && e.type === l ? un(e.props.children, `${r}/`) : [{
 		key: r,
 		item: e
 	}];
-}), un = ({ ref: e, onVideoRef: t, onSubtitleRef: n, overlay: r, controls: i, shortcuts: a, children: o }) => {
-	let s = q(), c = q((e) => e.hideUI), l = q((e) => e.setHideUI), u = q((e) => e.hasMedia), d = q((e) => e.passThroughPictureInPicture), p = m(void 0), h = m("mouse"), g = m({
+}), dn = ({ ref: e, onVideoRef: t, onSubtitleRef: n, overlay: r, controls: i, shortcuts: a, children: o }) => {
+	let s = K(), c = K((e) => e.hideUI), l = K((e) => e.setHideUI), u = K((e) => e.hasMedia), d = K((e) => e.passThroughPictureInPicture), p = m(void 0), h = m("mouse"), g = m({
 		x: -1,
 		y: -1
 	}), _ = m(!1), v = m(null);
@@ -2894,12 +2955,12 @@ ${Ct}
 		return !n || !v.current.contains(n) || n.closest(".video") ? !1 : !n.closest(".control-bar") || _.current || !!v.current.querySelector(".control-bar [aria-expanded=\"true\"]");
 	}, S = () => {
 		if (x()) {
-			p.current = setTimeout(S, an);
+			p.current = setTimeout(S, on);
 			return;
 		}
 		y();
 	}, C = () => {
-		l(!1), clearTimeout(p.current), p.current = setTimeout(S, an);
+		l(!1), clearTimeout(p.current), p.current = setTimeout(S, on);
 	}, w = (e) => {
 		h.current = e.pointerType, e.pointerType === "mouse" && (g.current = {
 			x: e.clientX,
@@ -2911,7 +2972,7 @@ ${Ct}
 		_.current = !1;
 	}, k = m(!0);
 	return /* @__PURE__ */ O("div", {
-		css: cn,
+		css: ln,
 		ref: b,
 		onPointerMove: w,
 		onPointerDown: T,
@@ -2926,9 +2987,9 @@ ${Ct}
 		className: c ? "hide" : "",
 		tabIndex: a === "player" ? -1 : void 0,
 		children: [
-			/* @__PURE__ */ D(Ie, { onSubtitleRef: n }),
-			ln(r).map(({ key: e, item: t }) => /* @__PURE__ */ D("div", {
-				css: on,
+			/* @__PURE__ */ D(Le, { onSubtitleRef: n }),
+			un(r).map(({ key: e, item: t }) => /* @__PURE__ */ D("div", {
+				css: sn,
 				style: { ...c ? {
 					opacity: "0",
 					visibility: "hidden",
@@ -2936,15 +2997,15 @@ ${Ct}
 				} : {} },
 				children: t
 			}, e)),
-			i === !1 ? null : /* @__PURE__ */ D(Jt, {
+			i === !1 ? null : /* @__PURE__ */ D(Yt, {
 				shortcuts: a,
 				root: v
 			}),
-			/* @__PURE__ */ D(Zt, {}),
-			/* @__PURE__ */ D(rn, {}),
+			/* @__PURE__ */ D(Qt, {}),
+			/* @__PURE__ */ D(an, {}),
 			d?.armed && v.current ? /* @__PURE__ */ D("div", {
 				className: "pass-through",
-				style: { clipPath: sn(d.armed, v.current.getBoundingClientRect()) },
+				style: { clipPath: cn(d.armed, v.current.getBoundingClientRect()) },
 				onPointerOver: d.disarm
 			}) : null,
 			/* @__PURE__ */ O("div", {
@@ -2967,64 +3028,71 @@ ${Ct}
 			})
 		]
 	});
-}, dn = ({ options: e, children: t }) => {
-	let n = "media" in e ? e : null, r = n ? null : e, { title: i, chapters: a } = e, { size: o, downloadedRanges: s, publicPath: c, libavWorkerUrl: l, read: u, thumbnailRead: d, thumbnailsEnabled: g } = r ?? {}, _ = x(), v = b(), [y, S] = h(null), [C, w] = h(null), T = n?.media ?? y;
-	f(() => (_?.(T), () => _?.(null)), [T, _]);
-	let { expose: E } = e, O = E === !0 ? {} : E || void 0, k = m(O);
-	k.current = O;
-	let A = O ? O.id : void 0, j = O ? O.origin : void 0, M = O ? O.channel : void 0;
+}, fn = ({ options: e, children: t }) => {
+	let n = "media" in e ? e : null, r = n ? null : e, { title: i, chapters: a } = e, { size: o, downloadedRanges: s, publicPath: c, libavWorkerUrl: l, read: u, thumbnailRead: d, thumbnailsEnabled: g, readsDownload: _ } = r ?? {}, v = x(), y = b(), [S, C] = h(null), [w, T] = h(null), E = n?.media ?? S;
+	f(() => (v?.(E), () => v?.(null)), [E, v]);
+	let { expose: O } = e, k = O === !0 ? {} : O || void 0, A = m(k);
+	A.current = k;
+	let j = k ? k.id : void 0, M = k ? k.origin : void 0, N = k ? k.channel : void 0;
 	f(() => {
-		if (!E || !T) return;
+		if (!O || !E) return;
 		let e, t = !1;
 		return import("./remote/index.js").then(({ exposePlayer: n }) => {
-			t || (e = n(T, k.current ?? {}));
+			t || (e = n(E, A.current ?? {}));
 		}).catch(() => {}), () => {
 			t = !0, e?.();
 		};
 	}, [
-		T,
-		!!E,
-		A,
+		E,
+		!!O,
 		j,
-		M
-	]), le(y, C, r);
-	let N = r?.normalizeVolume ?? !0, [P, F] = h(N);
+		M,
+		N
+	]);
+	let P = p(() => Ae(), [o]);
+	le(S, w, r, _ ? P.push : void 0);
+	let F = r?.normalizeVolume ?? !0, [I, L] = h(F);
 	f(() => {
-		F(N);
-	}, [N]);
-	let I = m(r?.onNormalizeVolumeChange);
-	I.current = r?.onNormalizeVolumeChange;
-	let L = r?.normalizerWorkletUrl, R = m(d ?? u);
-	R.current = d ?? u;
-	let z = q((e) => e.selectedAudioTrack), B = !!u, { refused: V } = ke(y, L, P, p(() => B && o && c && l && typeof z == "number" && z >= 0 ? {
-		read: (e, t) => R.current(e, t),
+		L(F);
+	}, [F]);
+	let R = m(r?.onNormalizeVolumeChange);
+	R.current = r?.onNormalizeVolumeChange;
+	let z = r?.normalizerWorkletUrl, B = m(d ?? u);
+	B.current = d ?? u;
+	let V = K((e) => e.selectedAudioTrack), H = !!u, { refused: ee } = ke(S, z, I, p(() => H && o && c && l && typeof V == "number" && V >= 0 ? _ ? {
+		tap: P,
+		audioStreamIndex: V
+	} : {
+		read: (e, t) => B.current(e, t),
 		length: o,
 		publicPath: c,
 		libavWorkerUrl: l,
-		audioStreamIndex: z
+		audioStreamIndex: V
 	} : void 0, [
-		B,
+		H,
 		o,
 		c,
 		l,
-		z
-	]), p(() => s?.map(({ startByteOffset: e, endByteOffset: t }) => [e, t]), [s?.map(({ startByteOffset: e, endByteOffset: t }) => `${e}-${t}`).join(",")])), H = p(() => L && typeof AudioWorkletNode == "function" ? {
-		enabled: P,
-		available: !V,
+		V,
+		_,
+		P
+	]), p(() => s?.map(({ startByteOffset: e, endByteOffset: t }) => [e, t]), [s?.map(({ startByteOffset: e, endByteOffset: t }) => `${e}-${t}`).join(",")])), te = p(() => z && typeof AudioWorkletNode == "function" ? {
+		enabled: I,
+		available: !ee,
 		setEnabled: (e) => {
-			F(e), I.current?.(e);
+			L(e), R.current?.(e);
 		}
 	} : null, [
-		L,
-		P,
-		V
-	]), { thumbnails: ee, requestThumbnail: te } = fe({
+		z,
+		I,
+		ee
+	]), { thumbnails: ne, requestThumbnail: U } = fe({
 		publicPath: c,
 		workerUrl: l,
 		length: g === !1 ? void 0 : o,
 		read: d ?? u,
 		downloadedRanges: s
-	}), U = n?.thumbnails?.all ?? ee, { toggle: W, mode: G, burnedIn: K } = pe(y, C), ne = ye(n?.media ?? null, n?.pictureInPicture), J = q((e) => e.setSourceState), Y = n ? !!n.media : o !== void 0;
+	}), W = n?.thumbnails?.all ?? ne, { toggle: G, mode: re, burnedIn: ie } = pe(S, w), q = ye(n?.media ?? null, n?.pictureInPicture), J = K((e) => e.setSourceState), Y = n ? !!n.media : o !== void 0;
 	f(() => {
 		J({
 			title: i,
@@ -3039,30 +3107,30 @@ ${Ct}
 		s,
 		Y
 	]);
-	let re = n?.thumbnails?.at;
+	let ae = n?.thumbnails?.at;
 	f(() => {
 		J({
-			thumbnails: U,
-			thumbnailAt: re,
-			requestThumbnail: te,
-			togglePictureInPicture: W,
-			pictureInPictureMode: G,
-			burnedInSubtitles: K
+			thumbnails: W,
+			thumbnailAt: ae,
+			requestThumbnail: U,
+			togglePictureInPicture: G,
+			pictureInPictureMode: re,
+			burnedInSubtitles: ie
 		});
 	}, [
 		J,
-		U,
-		re,
-		te,
 		W,
+		ae,
+		U,
 		G,
-		K
+		re,
+		ie
 	]), f(() => {
-		J({ volumeNormalizer: H });
-	}, [J, H]), f(() => {
-		J({ passThroughPictureInPicture: ne });
-	}, [J, ne]);
-	let X = n?.subtitles?.selection, ie = n?.audioTracks?.selection;
+		J({ volumeNormalizer: te });
+	}, [J, te]), f(() => {
+		J({ passThroughPictureInPicture: q });
+	}, [J, q]);
+	let X = n?.subtitles?.selection, oe = n?.audioTracks?.selection;
 	f(() => {
 		X && J({
 			subtitleTracks: X.options.map(({ id: e, label: t, disabled: n }) => ({
@@ -3075,31 +3143,31 @@ ${Ct}
 			subtitleOffLabel: X.offLabel
 		});
 	}, [J, X]), f(() => {
-		ie && J({
-			audioTracks: ie.options.map(({ id: e, label: t, disabled: n }) => ({
+		oe && J({
+			audioTracks: oe.options.map(({ id: e, label: t, disabled: n }) => ({
 				id: e,
 				label: t,
 				disabled: n
 			})),
-			selectedAudioTrack: ie.selectedId ?? void 0,
-			selectAudioTrack: (e) => ie.select(String(e))
+			selectedAudioTrack: oe.selectedId ?? void 0,
+			selectAudioTrack: (e) => oe.select(String(e))
 		});
-	}, [J, ie]);
-	let ae = n?.quality?.selection ?? null;
+	}, [J, oe]);
+	let se = n?.quality?.selection ?? null;
 	return f(() => {
-		J({ quality: ae });
-	}, [J, ae]), f(() => {
+		J({ quality: se });
+	}, [J, se]), f(() => {
 		a && J({ chapters: a });
-	}, [J, a]), /* @__PURE__ */ D(un, {
-		ref: v,
-		onVideoRef: n ? void 0 : S,
-		onSubtitleRef: w,
+	}, [J, a]), /* @__PURE__ */ D(dn, {
+		ref: y,
+		onVideoRef: n ? void 0 : C,
+		onSubtitleRef: T,
 		overlay: e.overlay,
 		controls: e.controls,
 		shortcuts: e.shortcuts,
 		children: t
 	});
-}, fn = _`
+}, pn = _`
   /**
    * The chrome's whole scale, in one place.
    *
@@ -3169,17 +3237,17 @@ ${Ct}
   height: 100%;
   width: 100%;
   overflow: hidden;
-`, pn = (e) => /* @__PURE__ */ D("div", {
-	css: fn,
-	children: /* @__PURE__ */ D(K.Provider, { children: /* @__PURE__ */ D(dn, {
+`, mn = (e) => /* @__PURE__ */ D("div", {
+	css: pn,
+	children: /* @__PURE__ */ D(G.Provider, { children: /* @__PURE__ */ D(fn, {
 		options: e,
 		children: e.children
 	}) })
-}), mn = (e) => !!e && typeof e == "object" && "at" in e, hn = (e) => !!e && typeof e == "object" && "selection" in e, gn = ({ blob: e, name: t }) => ({
+}), hn = (e) => !!e && typeof e == "object" && "at" in e, gn = (e) => !!e && typeof e == "object" && "selection" in e, _n = ({ blob: e, name: t }) => ({
 	length: e.size,
 	name: t ?? (e instanceof File ? e.name : void 0),
 	read: (t, n) => e.slice(t, t + n).arrayBuffer()
-}), _n = async (e, t) => {
+}), vn = async (e, t) => {
 	let n = await fetch(e, {
 		headers: { Range: "bytes=0-1" },
 		credentials: t
@@ -3189,8 +3257,8 @@ ${Ct}
 	if (!Number.isFinite(i) || i <= 0) throw Error("The source did not report its length");
 	if (!r && n.status !== 206) throw Error("The source does not support range requests");
 	return i;
-}, vn = async ({ url: e, length: t, name: n, credentials: r }) => {
-	let i = t ?? await _n(e, r);
+}, yn = async ({ url: e, length: t, name: n, credentials: r }) => {
+	let i = t ?? await vn(e, r);
 	return {
 		length: i,
 		name: n,
@@ -3203,11 +3271,12 @@ ${Ct}
 			});
 			if (!o.ok) throw Error(`The source could not be read: HTTP ${o.status}`);
 			return o.arrayBuffer();
-		}
+		},
+		readsDownload: !0
 	};
-}, yn = async (e) => {
-	if ("blob" in e) return gn(e);
-	if ("url" in e) return vn(e);
+}, bn = async (e) => {
+	if ("blob" in e) return _n(e);
+	if ("url" in e) return yn(e);
 	if ("read" in e) return {
 		length: e.length,
 		name: e.name,
@@ -3216,4 +3285,4 @@ ${Ct}
 	throw Error(`Unknown source type: ${e}`);
 };
 //#endregion
-export { pn as MediaPlayer, pn as default, K as Player, t as SUBTITLES_OFF, o as createPictureInPicture, s as createSubtitleRenderer, i as createThumbnailGenerator, yn as inputToRemuxerInput, hn as isDelegatedTracks, mn as isExternalThumbnails, G as sourceFeature, a as startPlayback, pe as usePictureInPicture, q as usePlayer, fe as useSeekThumbnails };
+export { mn as MediaPlayer, mn as default, G as Player, t as SUBTITLES_OFF, o as createPictureInPicture, s as createSubtitleRenderer, i as createThumbnailGenerator, bn as inputToRemuxerInput, gn as isDelegatedTracks, hn as isExternalThumbnails, W as sourceFeature, a as startPlayback, pe as usePictureInPicture, K as usePlayer, fe as useSeekThumbnails };