@banou/media-player 0.10.19 → 0.10.21

package/dist/index.js

@@ -1,14 +1,15 @@
-import { l as e, n as t, o as n, r, s as i, t as a, u as o } from "./engine-C4Gj_4zs.js";
-import { Children as s, Fragment as c, isValidElement as l, useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m, useSyncExternalStore as h } from "react";
-import { css as g, keyframes as _ } from "@emotion/react";
-import { createPlayer as v, useContainerAttach as y, useMediaAttach as b } from "@videojs/react";
-import { definePlayerFeature as x, videoFeatures as S } from "@videojs/core/dom";
-import { createMediaElementSource as C } from "@banou/ponyfill/web-audio";
-import { Fragment as w, jsx as T, jsxs as E } from "@emotion/react/jsx-runtime";
-import { Captions as D, CaptionsOff as O, Check as k, ChevronLeft as A, ChevronRight as j, Copy as M, Maximize as N, Minimize as P, Pause as F, Play as I, RotateCcw as L, Settings as R, TriangleAlert as z, Volume1 as ee, Volume2 as te, VolumeX as B } from "lucide-react";
-import { Tooltip as V } from "react-tooltip";
+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 { 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";
+import { definePlayerFeature as S, videoFeatures as C } from "@videojs/core/dom";
+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";
 //#region src/lib/react/source-feature.ts
-var ne = {
+var W = {
 	indexes: [],
 	chapters: [],
 	thumbnails: [],
@@ -33,19 +34,19 @@ var ne = {
 	playbackErrors: [],
 	ready: !1,
 	setSourceState: () => {}
-}, H = x({
+}, G = S({
 	name: "source",
-	state: () => ({ ...ne }),
+	state: () => ({ ...W }),
 	attach({ set: e }) {
 		e({
 			setSourceState: (t) => e(t),
 			setHideUI: (t) => e({ hideUI: t })
 		});
 	}
-}), U = v({
-	features: [...S, H],
+}), K = y({
+	features: [...C, G],
 	displayName: "MediaPlayer"
-}), W = U.usePlayer, G = (e) => {
+}), q = K.usePlayer, ne = (e) => {
 	if (e && e !== "und") try {
 		return new Intl.DisplayNames([navigator.language || "en"], {
 			type: "language",
@@ -54,76 +55,76 @@ var ne = {
 	} catch {
 		return;
 	}
-}, K = (e) => e?.replace(/_/g, " ").trim() || void 0, q = (e) => {
-	let t = e.map((e) => G(e.language) ?? K(e.title) ?? `Track ${e.streamIndex}`), n = t.reduce((e, t) => ({
+}, 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) => ({
 		...e,
 		[t]: (e[t] ?? 0) + 1
 	}), {});
 	return e.map((e, r) => {
-		let i = t[r], a = K(e.title);
+		let i = t[r], a = J(e.title);
 		return {
 			track: e,
 			label: (n[i] ?? 0) > 1 && a && a !== i ? `${i} (${a})` : i
 		};
 	});
-}, J = (e) => q(e).map(({ track: e, label: t }) => ({
+}, re = (e) => Y(e).map(({ track: e, label: t }) => ({
 	id: e.streamIndex,
 	label: t
-})), Y = [
+})), X = [
 	0,
 	250,
 	1e3,
 	3e3,
 	1e4
-], X = 6e4, re = 500, ie = 15e3, ae = (e) => e instanceof Error ? e.message : String(e), oe = (e) => {
+], ie = 6e4, ae = 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) {
 			t.push(`MediaError code ${n.code}${n.message ? `: ${n.message}` : ""}`);
 			break;
 		}
-		t.push(ae(n)), n = n?.cause;
+		t.push(se(n)), n = n?.cause;
 	}
 	return t.length ? t.join("\n") : void 0;
-}, se = (e, t, r) => {
-	let a = W(), { read: o, size: s, publicPath: c = "", libavWorkerUrl: l = "", jassubWorkerUrl: f = "", jassubWasmUrl: h = "", jassubLegacyWasmUrl: g, defaultFontUrl: _, bufferSize: v, autoplay: y = !1, chapters: b, seekPrepareBudgetMs: x = re } = r ?? {}, S = p(b);
+}, 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] = m(void 0), [T, E] = m(0), D = p({
+	let [C, w] = h(void 0), [T, E] = h(0), D = m({
 		count: 0,
 		at: 0
-	}), O = p(void 0);
-	d(() => (D.current = {
+	}), O = m(void 0);
+	f(() => (D.current = {
 		count: 0,
 		at: 0
-	}, a.setSourceState({ playbackErrors: [] }), () => {
+	}, i.setSourceState({ playbackErrors: [] }), () => {
 		O.current && clearTimeout(O.current);
 	}), [s]);
-	let k = p(null), A = p(null), j = p(!1), M = p(o);
+	let k = m(null), A = m(null), j = m(!1), M = m(o);
 	M.current = o;
-	let N = p(r?.onSeek);
-	N.current = r?.onSeek;
-	let P = p(r?.onPlaybackError);
-	P.current = r?.onPlaybackError;
-	let F = u((e) => {
+	let N = m(n?.onSeek);
+	N.current = n?.onSeek;
+	let P = m(n?.onPlaybackError);
+	P.current = n?.onPlaybackError;
+	let F = d((e) => {
 		let t = typeof e == "number" ? e : void 0;
-		j.current = !0, a.setSourceState({ selectedSubtitleTrack: t }), k.current?.selectSubtitleStream(t);
-	}, [a]), I = u((e) => {
+		j.current = !0, i.setSourceState({ selectedSubtitleTrack: t }), k.current?.selectSubtitleStream(t);
+	}, [i]), I = d((e) => {
 		let t = k.current;
 		if (!t || x <= 0) {
-			a.seek(e);
+			i.seek(e);
 			return;
 		}
-		let n = typeof window < "u" && window.__mediaPlayerSeekDebug, r = performance.now(), i = !1, o = "prepared", s = () => {
-			if (!i && (i = !0, a.seek(e), n)) {
+		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 = 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)" : ""}`);
 			}
 		};
-		a.setSourceState({ seekingTo: e });
+		i.setSourceState({ seekingTo: e });
 		let c = t.videoElement, l = () => {
-			c?.removeEventListener("seeked", l), clearTimeout(u), a.setSourceState({ seekingTo: void 0 });
-		}, u = setTimeout(l, ie);
+			c?.removeEventListener("seeked", l), clearTimeout(u), i.setSourceState({ seekingTo: void 0 });
+		}, u = setTimeout(l, oe);
 		c?.addEventListener("seeked", l);
 		let d = setTimeout(() => {
 			o = "deadline", s();
@@ -131,10 +132,10 @@ var ne = {
 		t.prepareSeek(e).catch(() => {}).finally(() => {
 			clearTimeout(d), s();
 		});
-	}, [a, x]), L = u((e) => {
-		typeof e == "number" && (a.setSourceState({ selectedAudioTrack: e }), w(e));
-	}, [a]), R = W((e) => e.setSourceState);
-	d(() => {
+	}, [i, x]), L = d((e) => {
+		typeof e == "number" && (i.setSourceState({ selectedAudioTrack: e }), w(e));
+	}, [i]), R = q((e) => e.setSourceState);
+	f(() => {
 		R({
 			selectSubtitleTrack: F,
 			selectAudioTrack: L,
@@ -145,22 +146,22 @@ var ne = {
 		F,
 		L,
 		I
-	]), d(() => {
+	]), f(() => {
 		if (!e || !t || !s || !o) return;
-		let r = !1;
-		a.setSourceState({
+		let n = !1;
+		i.setSourceState({
 			playbackError: null,
 			ready: !1
 		});
-		let u = (t, n) => {
-			let r = Date.now(), i = ae(t), o = oe(t), s = a.playbackErrors, c = s[s.length - 1];
-			if (c && c.message === i && c.detail === o && c.recovered === n) {
+		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 e = {
 					...c,
 					count: c.count + 1,
 					lastAt: r
 				};
-				a.setSourceState({ playbackErrors: [...s.slice(0, -1), e] });
+				i.setSourceState({ playbackErrors: [...s.slice(0, -1), e] });
 				return;
 			}
 			let l = {
@@ -168,96 +169,96 @@ var ne = {
 				lastAt: r,
 				count: 1,
 				atMediaTime: Number.isFinite(e.currentTime) ? e.currentTime : void 0,
-				message: i,
+				message: a,
 				detail: o,
 				recovered: n
 			};
-			a.setSourceState({ playbackErrors: [...s, l] });
-		}, d = (e) => {
-			if (r) return;
-			let t = n(e);
-			if (u(e, t), t) {
+			i.setSourceState({ playbackErrors: [...s, l] });
+		}, f = (e) => {
+			if (n) return;
+			let t = r(e);
+			if (d(e, t), t) {
 				let t = performance.now();
-				t - D.current.at > X && (D.current = {
+				t - D.current.at > ie && (D.current = {
 					count: 0,
 					at: t
 				});
-				let n = Y[Math.min(D.current.count, Y.length - 1)];
+				let n = X[Math.min(D.current.count, X.length - 1)];
 				D.current = {
 					count: D.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);
 				return;
 			}
-			console.error("playback failed", e), a.setSourceState({ playbackError: e }), P.current?.(e);
+			console.error("playback failed", e), i.setSourceState({ playbackError: e }), P.current?.(e);
 		};
 		return (async () => {
 			try {
-				let n = await i({
+				let r = await a({
 					videoElement: e,
 					subtitleContainer: t,
 					read: (e, t) => M.current(e, t),
 					length: s,
 					publicPath: c,
 					libavWorkerUrl: l,
-					jassubWorkerUrl: f,
-					jassubWasmUrl: h,
+					jassubWorkerUrl: u,
+					jassubWasmUrl: p,
 					jassubLegacyWasmUrl: g,
 					defaultFontUrl: _,
 					bufferSize: v,
 					audioStreamIndex: C,
 					onReady: () => {
-						if (r) return;
-						a.setSourceState({ ready: !0 });
+						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(() => {});
 					},
-					onError: d,
+					onError: f,
 					onRecovered: () => {
-						r || a.setSourceState({ playbackError: null });
+						n || i.setSourceState({ playbackError: null });
 					},
 					onSeek: (e) => N.current?.(e),
 					onSubtitleStreams: (e) => {
-						r || a.setSourceState({
-							subtitleTracks: J(e),
+						n || i.setSourceState({
+							subtitleTracks: re(e),
 							...j.current ? {} : { selectedSubtitleTrack: e[0]?.streamIndex }
 						});
 					},
 					onAudioStreams: (e, t) => {
-						r || a.setSourceState({
-							audioTracks: J(e),
+						n || i.setSourceState({
+							audioTracks: re(e),
 							selectedAudioTrack: t
 						});
 					}
 				});
-				if (r) {
-					n.destroy();
+				if (n) {
+					r.destroy();
 					return;
 				}
-				k.current = n, a.setSourceState({
-					indexes: n.indexes,
-					chapters: S.current ?? n.chapters
+				k.current = r, i.setSourceState({
+					indexes: r.indexes,
+					chapters: S.current ?? r.chapters
 				});
-				let o = a.selectedSubtitleTrack;
-				typeof o == "number" && n.selectSubtitleStream(o);
+				let o = i.selectedSubtitleTrack;
+				typeof o == "number" && r.selectSubtitleStream(o);
 			} catch (e) {
-				d(e);
+				f(e);
 			}
 		})(), () => {
-			r = !0, A.current = {
+			n = !0, A.current = {
 				time: e.currentTime,
 				size: s
-			}, k.current?.destroy(), k.current = null, a.setSourceState({ ready: !1 });
+			}, k.current?.destroy(), k.current = null, i.setSourceState({ ready: !1 });
 		};
 	}, [
-		a,
+		i,
 		e,
 		t,
 		s,
 		c,
 		l,
-		f,
-		h,
+		u,
+		p,
 		g,
 		_,
 		v,
@@ -265,14 +266,14 @@ var ne = {
 		y,
 		T
 	]);
-}, ce = 5e3, le = 6e4, ue = ({ publicPath: e, workerUrl: t, length: n, read: i, downloadedRanges: a }) => {
-	let [o, s] = m([]), c = p(null), l = p(i);
-	l.current = i;
-	let h = f(() => a?.map(({ startByteOffset: e, endByteOffset: t }) => [e, t]), [a?.map(({ startByteOffset: e, endByteOffset: t }) => `${e}-${t}`).join(",")]), g = p(h);
-	return g.current = h, d(() => {
-		if (!n || !i || !e || !t) return;
-		let a = !1, o = null, u, d = ce, f = () => {
-			r({
+}, 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);
+	l.current = r;
+	let u = p(() => a?.map(({ startByteOffset: e, endByteOffset: t }) => [e, t]), [a?.map(({ startByteOffset: e, endByteOffset: t }) => `${e}-${t}`).join(",")]), g = m(u);
+	return g.current = u, f(() => {
+		if (!n || !r || !e || !t) return;
+		let a = !1, o = null, u, d = ue, f = () => {
+			i({
 				publicPath: e,
 				workerUrl: t,
 				length: n,
@@ -287,7 +288,7 @@ var ne = {
 				}
 				o = e, c.current = e, e.update(g.current);
 			}, () => {
-				a || (u = setTimeout(f, d), d = Math.min(d * 2, le));
+				a || (u = setTimeout(f, d), d = Math.min(d * 2, de));
 			});
 		};
 		return f(), () => {
@@ -297,70 +298,70 @@ var ne = {
 		n,
 		e,
 		t
-	]), d(() => {
-		c.current?.update(h);
-	}, [h]), {
+	]), f(() => {
+		c.current?.update(u);
+	}, [u]), {
 		thumbnails: o,
-		requestThumbnail: u((e) => {
+		requestThumbnail: d((e) => {
 			c.current?.prioritize(e);
 		}, [])
 	};
-}, de = (e, n) => {
-	let r = p(null), [i, o] = m(!1), [s] = m(() => t());
-	d(() => {
-		if (!e || !n || !s) return;
-		let t = a({
+}, pe = (e, t) => {
+	let r = m(null), [i, a] = h(!1), [s] = h(() => n());
+	f(() => {
+		if (!e || !t || !s) return;
+		let n = o({
 			video: e,
-			subtitles: n,
+			subtitles: t,
 			mode: s,
-			onBurnedInChange: o
+			onBurnedInChange: a
 		});
-		return r.current = t, () => {
-			t.destroy(), r.current = null, o(!1);
+		return r.current = n, () => {
+			n.destroy(), r.current = null, a(!1);
 		};
 	}, [
 		e,
-		n,
+		t,
 		s
 	]);
-	let c = u(() => {
+	let c = d(() => {
 		r.current?.toggle().catch((e) => {
 			console.warn("picture in picture was refused", e);
 		});
 	}, []);
 	return {
-		toggle: e && n && s ? c : null,
+		toggle: e && t && s ? c : null,
 		mode: s,
 		burnedIn: i
 	};
-}, fe = "(hover: hover) and (pointer: fine)", pe = () => typeof matchMedia == "function" ? matchMedia(fe) : void 0, me = (e) => {
-	let t = pe();
+}, me = "(hover: hover) and (pointer: fine)", he = () => typeof matchMedia == "function" ? matchMedia(me) : void 0, ge = (e) => {
+	let t = he();
 	return t?.addEventListener("change", e), () => t?.removeEventListener("change", e);
-}, he = () => !!pe()?.matches, ge = () => !1, _e = (e, t) => {
-	let [n, r] = m(!1), [i, a] = m(), o = p(t);
+}, _e = () => !!he()?.matches, ve = () => !1, ye = (e, t) => {
+	let [n, r] = h(!1), [i, a] = h(), o = m(t);
 	t && (o.current = t);
-	let s = p(!1), c = u((e) => {
+	let s = m(!1), c = d((e) => {
 		s.current !== e && (s.current = e, o.current?.onArmedChange(e));
-	}, []), l = u((t) => {
+	}, []), l = d((t) => {
 		!e || e.readyState < 1 || e.error || (a(t), c(!0));
-	}, [e, c]), g = u(() => {
+	}, [e, c]), u = d(() => {
 		a(void 0), c(!1);
 	}, [c]), _ = !!t && !!e;
-	d(() => {
+	f(() => {
 		if (!_ || !e) return;
 		let t = () => {
-			r(!0), g();
+			r(!0), u();
 		}, n = () => r(!1);
 		return e.addEventListener("enterpictureinpicture", t), e.addEventListener("leavepictureinpicture", n), () => {
-			e.removeEventListener("enterpictureinpicture", t), e.removeEventListener("leavepictureinpicture", n), r(!1), g();
+			e.removeEventListener("enterpictureinpicture", t), e.removeEventListener("leavepictureinpicture", n), r(!1), u();
 		};
 	}, [
 		e,
 		_,
-		g
+		u
 	]);
-	let v = h(me, he, ge), [y, b] = m(!1);
-	d(() => {
+	let v = g(ge, _e, ve), [y, b] = h(!1);
+	f(() => {
 		if (!_) return;
 		let e = (e) => {
 			e.pointerType === "touch" && b(!0);
@@ -378,38 +379,38 @@ var ne = {
 		};
 	}, [_]);
 	let x = _ && v && !y;
-	d(() => {
-		x || g();
-	}, [x, g]);
-	let S = u(() => {
+	f(() => {
+		x || u();
+	}, [x, u]);
+	let S = d(() => {
 		Promise.resolve(e?.exitPictureInPicture?.()).catch((e) => {
 			console.warn("leaving picture in picture was refused", e);
 		});
 	}, [e]);
-	return f(() => x ? {
+	return p(() => x ? {
 		active: n,
 		armed: i,
 		arm: l,
-		disarm: g,
+		disarm: u,
 		exit: S
 	} : null, [
 		x,
 		n,
 		i,
 		l,
-		g,
+		u,
 		S
 	]);
-}, ve = async (e, t, n = {}) => (await e.audioWorklet.addModule(t), new AudioWorkletNode(e, "banou-volume-normalizer", {
+}, be = async (e, t, n = {}) => (await e.audioWorklet.addModule(t), new AudioWorkletNode(e, "banou-volume-normalizer", {
 	channelCountMode: "max",
 	processorOptions: n
-})), ye = /* @__PURE__ */ new WeakMap(), be = (e) => new Promise((t, n) => {
+})), xe = /* @__PURE__ */ new WeakMap(), Se = (e) => new Promise((t, n) => {
 	let r = () => {
 		(e.state === "running" || e.state === "closed") && (e.removeEventListener("statechange", r), e.state === "running" ? t() : n(new DOMException("The AudioContext closed before it ran", "InvalidStateError")));
 	};
 	e.addEventListener("statechange", r), r();
-}), xe = (e, t, n = {}) => {
-	let r = ye.get(e);
+}), Ce = (e, t, n = {}) => {
+	let r = xe.get(e);
 	if (r) return r.wake(), r;
 	let i = new AudioContext(), a = n.enabled !== !1, o, s = !1, c = () => 20 * Math.log10(Math.max(e.volume, 1e-6)), l = e.ownerDocument, u = () => {
 		i.state === "suspended" && i.resume().catch(() => {});
@@ -425,13 +426,13 @@ var ne = {
 	};
 	i.addEventListener("statechange", f), f();
 	let p = (async () => {
-		let r = await ve(i, t, {
+		let r = await be(i, t, {
 			...n,
 			enabled: a,
 			inputGainDb: c()
 		});
-		await be(i);
-		let s = C(i, e);
+		await Se(i);
+		let s = T(i, e);
 		return r.port.postMessage({
 			enabled: a,
 			inputGainDb: c()
@@ -447,32 +448,226 @@ var ne = {
 			a = e, o?.port.postMessage({ enabled: a });
 		},
 		release: () => {
-			s = !0, d(!1), e.isConnected ? i.state === "running" && i.suspend().catch(() => {}) : (ye.delete(e), i.close().catch(() => {}));
+			s = !0, d(!1), e.isConnected ? i.state === "running" && i.suspend().catch(() => {}) : (xe.delete(e), i.close().catch(() => {}));
 		},
 		wake: () => {
 			i.state !== "closed" && (s = !1, u(), f());
 		}
 	};
-	return ye.set(e, m), m;
-}, Se = (e, t, n) => {
-	let r = p(null), [i, a] = m(!1);
-	return d(() => {
+	return xe.set(e, m), m;
+}, we = 20, Te = 5, Ee = 1, De = 50, Oe = ({ node: t, element: n, scriptUrl: r, source: i }) => {
+	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) => {
+		for (let t of [...s]) t(e);
+		s.clear();
+	}, m;
+	try {
+		m = 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({
+		type: "port",
+		port: h.port1
+	}, [h.port1]), t.port.postMessage({ analysis: h.port2 }, [h.port2]);
+	let g = {
+		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 }) => {
+		if (e.type === "unsupported") {
+			U();
+			return;
+		}
+		e.spans && ((JSON.stringify(e.spans) !== JSON.stringify(g.spans) || e.end !== g.end) && _++, g = {
+			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();
+	};
+	let x = t.context, S = () => t.port.postMessage({
+		media: n.currentTime,
+		ctx: x.currentTime,
+		rate: n.playbackRate,
+		paused: n.paused || n.seeking || n.readyState < 3
+	}), C = () => m.postMessage({
+		type: "playhead",
+		time: n.currentTime
+	}), T = setInterval(S, De), E = [
+		"play",
+		"playing",
+		"pause",
+		"seeking",
+		"seeked",
+		"ratechange",
+		"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) => {
+		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);
+		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();
+	};
+	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({
+			type: "end",
+			run: k,
+			finished: e
+		}), await t;
+	}, ee = async (e) => {
+		if (M = e.pts + e.duration, !e.data.byteLength) return;
+		let t = y("ack", k);
+		m.postMessage({
+			type: "fragment",
+			run: k,
+			data: e.data
+		}, [e.data]), await t;
+	}, te = async () => {
+		if (V = await w({
+			publicPath: i.publicPath,
+			workerUrl: i.libavWorkerUrl,
+			workerOptions: { type: "module" },
+			length: i.length,
+			read: f,
+			audioStreamIndex: i.audioStreamIndex
+		}), a) return e(V);
+		let t = await V.init();
+		if (!a) {
+			for (D = t.info.input.duration || Infinity, m.postMessage({
+				type: "init",
+				data: t.data,
+				codec: t.info.output.audioMimeType
+			}, [t.data]), A = !0, O = !0, m.postMessage({
+				type: "run",
+				run: k,
+				pts: 0,
+				start: !0
+			}); !a;) {
+				let e = I();
+				if (e === "done") break;
+				if (e === "idle") {
+					await u();
+					continue;
+				}
+				try {
+					if (e === "read") {
+						let e = await R(V.read());
+						if (a) return;
+						if (!e) continue;
+						await ee(e), e.finished && await H(!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);
+						if (a) return;
+						if (!n) continue;
+						k++, A = !0, j = n.pts, m.postMessage({
+							type: "run",
+							run: k,
+							pts: n.pts,
+							start: n.pts <= 0
+						}), await ee(n), n.finished && await H(!0);
+					}
+				} catch {
+					if (a) return;
+					await H(!1), typeof I() != "number" && await u();
+				}
+			}
+			e(V), V = void 0;
+		}
+	}, 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();
+		}
+	};
+	return te().catch((e) => {
+		a || (console.warn("[media-player] the volume normalizer cannot analyse ahead:", e), U());
+	}), C(), {
+		update: (e) => {
+			o = e, p(!1);
+		},
+		stop: U
+	};
+}, ke = (e, t, n, r, i) => {
+	let a = m(null), [o, s] = h(!1), [c, l] = h(null);
+	f(() => {
 		if (e && t) {
-			if (n && !r.current) {
-				let i = xe(e, t, { enabled: n });
-				r.current = i, i.routed.catch((e) => {
-					r.current === i && (console.warn("[media-player] the volume normalizer is unavailable:", e), a(!0));
+			if (n && !a.current) {
+				let r = Ce(e, t, { enabled: n });
+				a.current = r, r.routed.then((e) => {
+					a.current === r && l(e);
+				}, (e) => {
+					a.current === r && (console.warn("[media-player] the volume normalizer is unavailable:", e), s(!0));
 				});
 			}
-			r.current?.setEnabled(n);
+			a.current?.setEnabled(n);
 		}
 	}, [
 		e,
 		t,
 		n
-	]), d(() => () => {
-		r.current?.release(), r.current = null;
-	}, [e]), { refused: i };
+	]), f(() => () => {
+		a.current?.release(), a.current = null, l(null);
+	}, [e]);
+	let u = m(i);
+	u.current = i;
+	let d = m(null), p = m(r);
+	p.current = r;
+	let { length: g, publicPath: _, libavWorkerUrl: v, audioStreamIndex: y } = r ?? {};
+	return f(() => {
+		let r = p.current;
+		if (!c || !e || !t || !n || !r) return;
+		let i = Oe({
+			node: c,
+			element: e,
+			scriptUrl: t,
+			source: r
+		});
+		return i.update(u.current), d.current = i, () => {
+			i.stop(), d.current = null;
+		};
+	}, [
+		c,
+		e,
+		t,
+		n,
+		g,
+		_,
+		v,
+		y
+	]), f(() => {
+		d.current?.update(i);
+	}, [i]), { refused: o };
 }, 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    ",
@@ -500,7 +695,7 @@ var ne = {
 		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    "
 	}
-}, Ce = g`
+}, Ae = _`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -513,7 +708,7 @@ var ne = {
     margin: auto;
     pointer-events: none;
   }
-`, we = g`
+`, je = _`
   position: absolute;
   top: 0;
   left: 0;
@@ -542,9 +737,9 @@ var ne = {
 
   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);
-`, Te = _`
+`, Me = v`
   to { transform: rotate(360deg); }
-`, Ee = g`
+`, Ne = _`
   position: absolute;
   inset: 0;
   z-index: 2;
@@ -560,9 +755,9 @@ var ne = {
     border-radius: 50%;
     border: 3px solid rgba(255, 255, 255, 0.25);
     border-top-color: #fff;
-    animation: ${Te} 0.8s linear infinite;
+    animation: ${Me} 0.8s linear infinite;
   }
-`, De = g`
+`, Pe = _`
   position: absolute;
   inset: auto 0 20%;
   z-index: 3;
@@ -572,34 +767,34 @@ var ne = {
   ${Z.bLarge.regular}
   text-shadow: 0 0 4px rgba(0, 0, 0, 1);
   pointer-events: none;
-`, Oe = (e) => e instanceof Error ? e.message : typeof e == "string" ? e : "Playback failed", ke = ({ onSubtitleRef: e }) => {
-	let t = W((e) => e.title), n = W((e) => e.hideUI), r = W((e) => e.playbackError), i = W((e) => e.ready), a = W((e) => e.size), o = W((e) => e.waiting), s = W((e) => e.seekingTo);
-	return /* @__PURE__ */ E(w, { children: [
-		t ? /* @__PURE__ */ T("div", {
+`, 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);
+	return /* @__PURE__ */ O(E, { children: [
+		t ? /* @__PURE__ */ D("div", {
 			className: "title",
-			css: we,
+			css: je,
 			style: { ...n ? {
 				opacity: "0",
 				pointerEvents: "none"
 			} : {} },
 			children: t
 		}) : void 0,
-		((a ? !i : o) || s !== void 0) && !r ? /* @__PURE__ */ T("div", { css: Ee }) : void 0,
-		r ? /* @__PURE__ */ T("div", {
-			css: De,
-			children: Oe(r)
+		((a ? !i : o) || s !== void 0) && !r ? /* @__PURE__ */ D("div", { css: Ne }) : void 0,
+		r ? /* @__PURE__ */ D("div", {
+			css: Pe,
+			children: Fe(r)
 		}) : void 0,
-		/* @__PURE__ */ T("div", {
+		/* @__PURE__ */ D("div", {
 			className: "subtitles",
 			ref: e,
-			css: Ce
+			css: Ae
 		})
 	] });
-}, Ae = 1e-4, je = 1, Me = (e) => Math.max(Ae, Math.min(je, e)) ** 2, Ne = (e) => Math.max(Ae, Math.min(je, e)) ** (je / 2), Pe = (e) => {
+}, 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) => {
 	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}`;
-}, Fe = (e, t) => `${Pe(e)} / ${Pe(t)}`, Ie = (e) => g`
+}, He = (e, t) => `${Ve(e)} / ${Ve(t)}`, Ue = (e) => _`
   display: flex;
   justify-content: flex-start;
 
@@ -634,30 +829,30 @@ var ne = {
     ${Z.bMedium.regular}
   }
 
-  ${e === "sm" && g`
+  ${e === "sm" && _`
     padding: calc(0.4 * var(--mp-unit))!important;
   `}
-  ${e === "md" && g`
+  ${e === "md" && _`
     padding: calc(0.6 * var(--mp-unit))!important;
   `}
-  ${e === "lg" && g`
+  ${e === "lg" && _`
     padding: calc(1.2 * var(--mp-unit))!important;
   `}
 `, Q = {
 	x: -1,
 	y: -1,
 	anchors: 0
-}, Le = (e) => {
+}, We = (e) => {
 	Q.x = e.clientX, Q.y = e.clientY;
-}, Re = () => (Q.anchors++ === 0 && window.addEventListener("pointermove", Le, {
+}, Ge = () => (Q.anchors++ === 0 && window.addEventListener("pointermove", We, {
 	capture: !0,
 	passive: !0
 }), () => {
-	--Q.anchors === 0 && window.removeEventListener("pointermove", Le, { capture: !0 });
+	--Q.anchors === 0 && window.removeEventListener("pointermove", We, { 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 = p(null), u = p(null);
-	return d(() => {
-		let e = Re(), t = () => {
+	let l = m(null), u = m(null);
+	return f(() => {
+		let e = Ge(), t = () => {
 			let e = l.current;
 			if (!e) return;
 			let { left: t, right: n, top: r, bottom: i } = e.getBoundingClientRect();
@@ -668,7 +863,7 @@ var ne = {
 			e();
 			for (let e of n) document.removeEventListener(e, t);
 		};
-	}, []), /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("div", {
+	}, []), /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("div", {
 		ref: l,
 		"data-tooltip-id": e,
 		"data-open": !0,
@@ -677,22 +872,22 @@ var ne = {
 		"data-tooltip-delay-hide": i,
 		"data-tooltip-place": o,
 		children: n
-	}), !s && /* @__PURE__ */ T(V, {
+	}), !s && /* @__PURE__ */ D(U, {
 		ref: u,
-		css: Ie(c),
+		css: Ue(c),
 		id: e,
 		noArrow: !0,
 		children: t
 	})] });
-}, ze = ({ ref: e, onChange: t, orientation: n = "horizontal", disabled: r = !1 }) => {
-	let [i, a] = m(!1), o = p(t);
+}, Ke = ({ ref: e, onChange: t, orientation: n = "horizontal", disabled: r = !1 }) => {
+	let [i, a] = h(!1), o = m(t);
 	o.current = t;
-	let s = p(null), c = u((t, r) => {
+	let s = m(null), c = d((t, r) => {
 		let i = e.current;
 		if (!i) return 0;
 		let { left: a, right: o, top: s, bottom: c } = i.getBoundingClientRect(), l = n === "horizontal" ? (t - a) / (o - a) : (c - r) / (c - s);
 		return Math.min(Math.max(l, 0), 1);
-	}, [e, n]), l = u((e) => {
+	}, [e, n]), l = d((e) => {
 		if (!(r || e.button > 0)) {
 			s.current = e.pointerId;
 			try {
@@ -700,9 +895,9 @@ var ne = {
 			} catch {}
 			a(!0), o.current(c(e.clientX, e.clientY));
 		}
-	}, [r, c]), f = u((e) => {
+	}, [r, c]), u = d((e) => {
 		s.current === e.pointerId && o.current(c(e.clientX, e.clientY));
-	}, [c]), h = u((e) => {
+	}, [c]), p = d((e) => {
 		if (s.current === e.pointerId) {
 			s.current = null;
 			try {
@@ -711,38 +906,38 @@ var ne = {
 			a(!1);
 		}
 	}, []);
-	return d(() => {
+	return f(() => {
 		r && (s.current = null, a(!1));
 	}, [r]), {
 		dragging: i,
 		handlers: {
 			onPointerDown: l,
-			onPointerMove: f,
-			onPointerUp: h,
-			onPointerCancel: h,
+			onPointerMove: u,
+			onPointerUp: p,
+			onPointerCancel: p,
 			style: { touchAction: "none" }
 		}
 	};
-}, Be = 2, Ve = .005, He = "#000", Ue = "#0000", We = (e, t) => {
+}, qe = 2, Je = .005, Ye = "#000", Xe = "#0000", Ze = (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 <= Ve || r >= .995 || n.add(Number((r * 100).toFixed(4)));
+		r <= Je || r >= .995 || n.add(Number((r * 100).toFixed(4)));
 	}
 	return n.size ? [
 		0,
 		...[...n].sort((e, t) => e - t),
 		100
 	] : [];
-}, Ge = (e, t) => {
-	let n = Be / 2, r = e.length - 2, i = [];
+}, Qe = (e, t) => {
+	let n = qe / 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) ? He : Ue} ${c} ${l}`), a !== r && i.push(`${Ue} calc(${s}% - ${n}px) 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)`);
 	}
 	return `linear-gradient(90deg, ${i.join(", ")})`;
-}, Ke = /* @__PURE__ */ new Set([
+}, $e = /* @__PURE__ */ new Set([
 	"op",
 	"ops",
 	"opening",
@@ -750,7 +945,7 @@ var ne = {
 	"ncop",
 	"オープニング",
 	"op主題歌"
-]), qe = /* @__PURE__ */ new Set([
+]), et = /* @__PURE__ */ new Set([
 	"ed",
 	"eds",
 	"ending",
@@ -763,13 +958,13 @@ var ne = {
 	"エンドカード",
 	"エンドロール",
 	"ed主題歌"
-]), Je = /* @__PURE__ */ new Set(["intro", "イントロ"]), Ye = /* @__PURE__ */ new Set(["outro", "アウトロ"]), Xe = {
+]), tt = /* @__PURE__ */ new Set(["intro", "イントロ"]), nt = /* @__PURE__ */ new Set(["outro", "アウトロ"]), rt = {
 	"credits start": "ending",
 	"credits end": null,
 	"preview end": null,
 	"end credits": "ending",
 	"closing credits": "ending"
-}, Ze = /* @__PURE__ */ new Set([
+}, it = /* @__PURE__ */ new Set([
 	"theme",
 	"themes",
 	"song",
@@ -788,53 +983,53 @@ var ne = {
 	"the",
 	"主題歌",
 	"ノンクレジット"
-]), Qe = /* @__PURE__ */ new Set([
+]), at = /* @__PURE__ */ new Set([
 	"post",
 	"pre",
 	"after",
 	"before",
 	"non"
-]), $e = /[-:|~/\\[\]()「」『』【】,.!?"'’]|\s+by\s+/u, et = (e) => !e.trim() || /^chapter\s*\d+$/i.test(e.trim()) || /^\d{1,2}:\d{2}:\d{2}([.,]\d+)?$/.test(e.trim()), tt = (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) && !Ze.has(e)), nt = (e, t) => {
-	if (Ke.has(e)) return "opening";
-	if (qe.has(e)) return "ending";
+]), 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";
 	if (t) {
-		if (Je.has(e)) return "opening";
-		if (Ye.has(e)) return "ending";
+		if (tt.has(e)) return "opening";
+		if (nt.has(e)) return "ending";
 	}
-}, rt = (e, t) => {
-	if (et(e)) return;
+}, ut = (e, t) => {
+	if (st(e)) return;
 	let n = e.trim().toLowerCase().replace(/\s+/gu, " ");
-	if (n in Xe) return Xe[n] ?? void 0;
-	let r = n.split($e).map((e) => e.trim()).filter(Boolean);
-	if (r.some((e) => e.split(/[\s_]+/u).some((e) => Qe.has(e)))) return;
+	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;
 	let i = r.length > 1 ? [r[0], r.at(-1)] : r;
 	for (let e of i) {
-		let n = tt(e);
+		let n = ct(e);
 		if (n.length !== 1) continue;
-		let r = nt(n[0], t);
+		let r = lt(n[0], t);
 		if (r) return r;
 	}
-}, it = 15, at = 87, ot = 93, st = (e) => {
+}, dt = 15, ft = 87, pt = 93, mt = (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 >= at && e <= ot), i = n / 2, a = r.filter(({ start: e }) => e < i), o = r.filter(({ start: e }) => e >= i);
+	})).filter(({ length: e }) => e >= ft && e <= pt), 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;
-}, ct = (e) => {
-	let t = e.map(({ title: e }) => rt(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);
+}, 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);
 	if (r > 0 && n * 2 > r) return e.map(() => void 0);
 	let i = e.map((e, n) => {
-		if (e.end - e.start < it) return;
+		if (e.end - e.start < dt) return;
 		let r = t[n];
 		if (r) return r;
-		let i = rt(e.title, !0);
+		let i = ut(e.title, !0);
 		return i && !t.includes(i) ? i : void 0;
 	});
-	return e.every(({ title: e }) => et(e)) ? st(e) : i;
-}, lt = g`
+	return e.every(({ title: e }) => st(e)) ? mt(e) : i;
+}, gt = _`
   position: relative;
   height: calc(.4 * var(--mp-unit));
 
@@ -1053,27 +1248,27 @@ var ne = {
     --thumbnail-width: calc(18 * var(--mp-unit));
     --thumbnail-half: calc(9 * var(--mp-unit));
   }
-`, ut = 4, dt = () => {
-	let e = W(), t = W((e) => e.currentTime), n = W((e) => e.requestSeek), r = W((e) => e.duration), i = W((e) => e.size), a = W((e) => e.downloadedRanges), o = W((e) => e.buffered), s = W((e) => e.indexes), c = W((e) => e.thumbnails), l = W((e) => e.thumbnailAt), u = W((e) => e.requestThumbnail), h = W((e) => e.chapters), g = W((e) => e.seekingTo), _ = W((e) => e.setSourceState), v = W((e) => e.hideUI), y = p(null), [b, x] = m(void 0), [S, C] = m(void 0), w = (e) => {
+`, _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) => {
 		C(e), u(e);
-	}, D = !!S;
-	d(() => {
-		if (D) return _({ seekPreview: !0 }), () => _({ seekPreview: !1 });
-	}, [_, D]), d(() => {
+	}, T = !!S;
+	f(() => {
+		if (T) return _({ seekPreview: !0 }), () => _({ seekPreview: !1 });
+	}, [_, T]), f(() => {
 		v && w(void 0);
 	}, [v]);
-	let O = p(void 0), k = p(0), A = p(void 0), j = p(void 0), M = p(!1), { dragging: N, handlers: P } = ze({
+	let E = m(void 0), k = m(0), A = m(void 0), j = m(void 0), M = m(!1), { dragging: N, handlers: P } = Ke({
 		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 > ut && (M.current = !0);
+				Math.abs(e - j.current) * t > _t && (M.current = !0);
 			}
-			x(e), O.current !== "mouse" && w(e * r);
+			x(e), E.current !== "mouse" && w(e * r);
 		}
 	}), F = (e) => {
-		O.current = e.pointerType, k.current = 0, j.current = void 0, M.current = !1, P.onPointerDown(e);
+		E.current = e.pointerType, k.current = 0, j.current = void 0, M.current = !1, P.onPointerDown(e);
 	}, I = (t) => {
 		P.onPointerUp(t);
 		let i = k.current > 0 ? A.current : void 0;
@@ -1086,25 +1281,25 @@ var ne = {
 		if (!y.current) return;
 		let { left: t, right: n } = y.current.getBoundingClientRect();
 		return Math.min(Math.max((e - t) / (n - t), 0), 1) * r;
-	}, R = p("mouse"), z = (e) => {
+	}, R = m("mouse"), z = (e) => {
 		R.current = e.pointerType;
-	}, ee = (e) => {
+	}, B = (e) => {
 		R.current !== "touch" && w(L(e.clientX));
-	}, te = () => {
+	}, V = () => {
 		y.current && w(void 0);
-	}, B = (e) => r ? e / r * 100 : 0, V = (e, t, n) => {
+	}, H = (e) => r ? e / r * 100 : 0, ee = (e, t, n) => {
 		let r = Number((n - t).toFixed(4)), i = t * 100;
-		return /* @__PURE__ */ T("div", {
+		return /* @__PURE__ */ D("div", {
 			className: "loaded-part",
 			style: {
 				transform: `scaleX(${r})`,
 				marginLeft: `${i}%`
 			}
 		}, e);
-	}, ne = f(() => i === void 0 ? r ? o.map(([e, t], n) => V(n, e / r, t / r)) : [] : a?.map((e, t) => {
+	}, te = p(() => i === void 0 ? r ? o.map(([e, t], n) => ee(n, e / r, t / r)) : [] : a?.map((e, t) => {
 		if (!i || !r) return null;
 		let n = s.filter((t) => e.startByteOffset <= t.pos && t.pos <= e.endByteOffset), a = n.at(0), o = n.at(-1);
-		return !a || !o ? null : V(t, a.timestamp / r, o.timestamp / r);
+		return !a || !o ? null : ee(t, a.timestamp / r, o.timestamp / r);
 	}) ?? [], [
 		r,
 		i,
@@ -1112,7 +1307,7 @@ var ne = {
 		s.length,
 		a?.map(({ startByteOffset: e, endByteOffset: t }) => `${e}/${t}`).join(",")
 	]);
-	d(() => {
+	f(() => {
 		b !== void 0 && r && N && M.current && e.seek(b * r);
 	}, [
 		e,
@@ -1120,7 +1315,7 @@ var ne = {
 		b,
 		r
 	]);
-	let H = f(() => {
+	let U = p(() => {
 		if (!r) return 0;
 		if (N && b !== void 0) return b;
 		let e = g ?? t;
@@ -1131,22 +1326,22 @@ var ne = {
 		N,
 		b,
 		g
-	]), U = f(() => We(h, r), [h, r]), G = U.length > 0, K = f(() => {
+	]), 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 = U.findIndex((t, n) => n < U.length - 1 && e >= t && e < U[n + 1]);
-		return t >= 0 ? t : U.length - 2;
+		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;
 	}, [
 		G,
-		U,
+		W,
 		S,
 		r
-	]), q = f(() => G ? Ge(U, (e) => e !== K) : void 0, [
+	]), ne = p(() => G ? Qe(W, (e) => e !== K) : void 0, [
 		G,
-		U,
+		W,
 		K
-	]), J = f(() => K >= 0 ? Ge(U, (e) => e === K) : void 0, [U, K]), Y = f(() => {
-		if (S !== void 0) return h.find(({ start: e, end: t }) => e <= S && S < t);
-	}, [h, S]), X = f(() => {
+	]), J = p(() => K >= 0 ? Qe(W, (e) => e === K) : void 0, [W, K]), Y = p(() => {
+		if (S !== void 0) return d.find(({ start: e, end: t }) => e <= S && S < t);
+	}, [d, S]), re = p(() => {
 		if (S) {
 			if (l) return l(S);
 			if (c.length) return c.find(({ startTime: e, endTime: t }) => e <= S && S < t);
@@ -1155,26 +1350,26 @@ var ne = {
 		c,
 		l,
 		S
-	]), re = (e, t) => /* @__PURE__ */ E("div", {
+	]), X = (e, t) => /* @__PURE__ */ O("div", {
 		className: e ? `track ${e}` : "track",
 		style: t ? { maskImage: t } : void 0,
 		children: [
-			/* @__PURE__ */ T("div", { className: "background-bar" }),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ D("div", { className: "background-bar" }),
+			/* @__PURE__ */ D("div", {
 				className: "loaded",
-				children: ne
+				children: te
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ D("div", {
 				className: "play-container",
-				children: /* @__PURE__ */ T("div", {
+				children: /* @__PURE__ */ D("div", {
 					className: "play",
-					style: { transform: `scaleX(${H})` }
+					style: { transform: `scaleX(${U})` }
 				})
 			})
 		]
 	});
-	return /* @__PURE__ */ E("div", {
-		css: lt,
+	return /* @__PURE__ */ O("div", {
+		css: gt,
 		ref: y,
 		className: [
 			"progress-bar",
@@ -1183,43 +1378,43 @@ var ne = {
 		].filter(Boolean).join(" "),
 		onPointerDown: z,
 		onPointerMove: z,
-		onMouseMove: ee,
-		onMouseOut: te,
+		onMouseMove: B,
+		onMouseOut: V,
 		children: [
-			re(void 0, q),
-			S ? /* @__PURE__ */ E("div", {
+			X(void 0, ne),
+			S ? /* @__PURE__ */ O("div", {
 				className: "cursor-time",
 				style: {
-					left: Y ? `clamp(var(--thumbnail-half), ${B(S)}%, calc(100% - var(--thumbnail-half)))` : `clamp(calc(3 * var(--mp-unit)), ${B(S)}%, calc(100% - calc(3 * var(--mp-unit))))`,
+					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
 				},
-				children: [/* @__PURE__ */ T("span", {
+				children: [/* @__PURE__ */ D("span", {
 					className: "cursor-time-value",
-					children: Pe(S)
-				}), Y ? /* @__PURE__ */ T("span", {
+					children: Ve(S)
+				}), Y ? /* @__PURE__ */ D("span", {
 					className: "chapter-title",
 					children: Y.title
 				}) : void 0]
 			}) : void 0,
-			/* @__PURE__ */ T("div", { className: "progress" }),
-			/* @__PURE__ */ T("div", { className: "hover" }),
-			J ? re("focus", J) : void 0,
-			/* @__PURE__ */ T("div", { className: "scrubber" }),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ D("div", { className: "progress" }),
+			/* @__PURE__ */ D("div", { className: "hover" }),
+			J ? X("focus", J) : void 0,
+			/* @__PURE__ */ D("div", { className: "scrubber" }),
+			/* @__PURE__ */ D("div", {
 				className: "padding",
 				...P,
 				onPointerDown: F,
 				onPointerUp: I,
 				onPointerCancel: I
 			}),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ D("div", {
 				className: "thumbnail",
-				style: { left: `clamp(var(--thumbnail-half), ${B(S ?? 1)}%, calc(100% - var(--thumbnail-half)))` },
-				children: X?.url ? /* @__PURE__ */ T("img", { src: X.url }) : void 0
+				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
 			})
 		]
 	});
-}, ft = "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", pt = {
+}, 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 = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -1229,12 +1424,12 @@ var ne = {
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, mt = (e) => /* @__PURE__ */ E("svg", {
-	...pt,
+}, xt = (e) => /* @__PURE__ */ O("svg", {
+	...bt,
 	...e,
 	children: [
-		/* @__PURE__ */ T("path", { d: "M21 11V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h5" }),
-		/* @__PURE__ */ T("rect", {
+		/* @__PURE__ */ D("path", { d: "M21 11V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h5" }),
+		/* @__PURE__ */ D("rect", {
 			x: "12",
 			y: "13",
 			width: "10",
@@ -1242,14 +1437,14 @@ var ne = {
 			rx: "1",
 			ry: "1"
 		}),
-		/* @__PURE__ */ T("path", { d: "M14.5 18.5h2m2 0h1" })
+		/* @__PURE__ */ D("path", { d: "M14.5 18.5h2m2 0h1" })
 	]
-}), ht = (e) => /* @__PURE__ */ E("svg", {
-	...pt,
+}), St = (e) => /* @__PURE__ */ O("svg", {
+	...bt,
 	...e,
 	children: [
-		/* @__PURE__ */ T("path", { d: "M21 11V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h5" }),
-		/* @__PURE__ */ T("rect", {
+		/* @__PURE__ */ D("path", { d: "M21 11V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h5" }),
+		/* @__PURE__ */ D("rect", {
 			x: "12",
 			y: "13",
 			width: "10",
@@ -1257,9 +1452,9 @@ var ne = {
 			rx: "1",
 			ry: "1"
 		}),
-		/* @__PURE__ */ T("path", { d: "M6 9h3m2 0h2" })
+		/* @__PURE__ */ D("path", { d: "M6 9h3m2 0h2" })
 	]
-}), gt = g`
+}), Ct = _`
 .popover {
   position: absolute;
   /* Anchored to the PLAYER's right edge, never to the gear. The gear is not the last control in the
@@ -1386,26 +1581,26 @@ var ne = {
     ${Z.bSmall.regular}
   }
 }
-`, _t = ({ title: e, tracks: t, selected: n, onSelect: r, onBack: i, offLabel: a, pending: o, failed: s }) => {
+`, wt = ({ 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__ */ E("div", {
+		return /* @__PURE__ */ O("div", {
 			onClick: () => {
 				l || r(e ?? void 0);
 			},
 			className: [a, l ? "unavailable" : null].filter(Boolean).join(" ") || void 0,
-			children: [/* @__PURE__ */ T("span", { children: i }), /* @__PURE__ */ T("span", { children: s ? "…" : (n ?? null) === e ? "✓" : "" })]
+			children: [/* @__PURE__ */ D("span", { children: i }), /* @__PURE__ */ D("span", { children: s ? "…" : (n ?? null) === e ? "✓" : "" })]
 		}, e ?? "__off__");
 	};
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ O("div", {
 		className: "popover track-list",
 		children: [
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ O("div", {
 				className: i ? "back" : "back no-hover",
 				onClick: i,
-				children: [i ? /* @__PURE__ */ T(A, {}) : null, /* @__PURE__ */ T("span", { children: e })]
+				children: [i ? /* @__PURE__ */ D(M, {}) : null, /* @__PURE__ */ D("span", { children: e })]
 			}),
-			s ? /* @__PURE__ */ T("div", {
+			s ? /* @__PURE__ */ D("div", {
 				className: "no-hover failed",
 				children: "Could not switch. Try again."
 			}) : null,
@@ -1413,13 +1608,13 @@ var ne = {
 			t.map(({ id: e, label: t }) => l(e, t, "description"))
 		]
 	});
-}, vt = ({ onReset: e } = {}) => {
-	let t = p(null), [n, r] = m(!1), [i, a] = m(void 0), [o, s] = m(!1), c = p(e);
+}, Tt = ({ 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 = () => {
 		r(!1), c.current?.();
 	};
-	return d(() => {
+	return f(() => {
 		let e = (e) => {
 			n && t.current && !t.current.contains(e.target) && l();
 		};
@@ -1454,7 +1649,7 @@ var ne = {
 			});
 		}
 	};
-}, yt = g`
+}, Et = _`
 /* 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;
@@ -1470,7 +1665,7 @@ position: static;
   }
 }
 
-${gt}
+${Ct}
 
 .popover.error-list {
   /* Wider than a track menu and taller, because these rows are sentences rather than labels, and a
@@ -1542,68 +1737,68 @@ ${gt}
     }
   }
 }
-`, bt = (e) => new Date(e).toLocaleTimeString(), xt = (e) => e === void 0 || !Number.isFinite(e) ? void 0 : Pe(Math.max(0, e)), St = (e) => e.reduce((e, t) => e + t.count, 0), Ct = (e) => e.map((e, t) => {
-	let n = xt(e.atMediaTime), r = e.count > 1 ? `${new Date(e.at).toISOString()} to ${new Date(e.lastAt).toISOString()} ×${e.count}` : new Date(e.at).toISOString();
+`, 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();
 	return [
 		`${t + 1}. ${r}${n ? ` (at ${n})` : ""}${e.recovered ? " [recovered]" : ""}`,
 		e.message,
 		e.detail
 	].filter(Boolean).join("\n");
-}).join("\n\n"), wt = () => {
-	let e = W((e) => e.playbackErrors), { open: t, toggle: n, containerRef: r } = vt(), [i, a] = m(!1);
+}).join("\n\n"), jt = () => {
+	let e = q((e) => e.playbackErrors), { open: t, toggle: n, containerRef: r } = Tt(), [i, a] = h(!1);
 	if (e.length === 0) return null;
 	let o = () => {
-		navigator.clipboard?.writeText(Ct(e)).then(() => {
+		navigator.clipboard?.writeText(At(e)).then(() => {
 			a(!0), setTimeout(() => a(!1), 2e3);
 		}, (e) => console.warn("[media-player] could not copy the errors:", e));
-	}, s = `Playback errors (${St(e)})`;
-	return /* @__PURE__ */ E("div", {
-		css: yt,
+	}, s = `Playback errors (${kt(e)})`;
+	return /* @__PURE__ */ O("div", {
+		css: Et,
 		ref: r,
-		children: [/* @__PURE__ */ T($, {
+		children: [/* @__PURE__ */ D($, {
 			id: "errors",
 			disabled: t,
-			text: /* @__PURE__ */ T("button", {
+			text: /* @__PURE__ */ D("button", {
 				className: "errors",
 				type: "button",
 				onClick: n,
 				"aria-label": s,
 				"aria-expanded": t,
-				children: /* @__PURE__ */ T(z, { className: "alert-triangle" })
+				children: /* @__PURE__ */ D(V, { className: "alert-triangle" })
 			}),
-			toolTipText: /* @__PURE__ */ T("span", { children: s })
-		}), t && /* @__PURE__ */ E("div", {
+			toolTipText: /* @__PURE__ */ D("span", { children: s })
+		}), t && /* @__PURE__ */ O("div", {
 			className: "popover error-list",
-			children: [/* @__PURE__ */ E("div", {
+			children: [/* @__PURE__ */ O("div", {
 				className: "back no-hover",
-				children: [/* @__PURE__ */ T("span", { children: s }), /* @__PURE__ */ E("button", {
+				children: [/* @__PURE__ */ D("span", { children: s }), /* @__PURE__ */ O("button", {
 					className: "copy",
 					type: "button",
 					onClick: o,
 					"aria-label": "Copy the errors",
-					children: [T(i ? k : M, {}), /* @__PURE__ */ T("span", { children: i ? "Copied" : "Copy" })]
+					children: [D(i ? j : P, {}), /* @__PURE__ */ D("span", { children: i ? "Copied" : "Copy" })]
 				})]
-			}), e.map((e, t) => /* @__PURE__ */ E("div", {
+			}), e.map((e, t) => /* @__PURE__ */ O("div", {
 				className: "entry no-hover",
 				children: [
-					/* @__PURE__ */ E("span", {
+					/* @__PURE__ */ O("span", {
 						className: "when",
 						children: [
-							bt(e.at),
-							e.count > 1 ? ` to ${bt(e.lastAt)}` : "",
-							xt(e.atMediaTime) ? ` at ${xt(e.atMediaTime)}` : "",
+							Dt(e.at),
+							e.count > 1 ? ` to ${Dt(e.lastAt)}` : "",
+							Ot(e.atMediaTime) ? ` at ${Ot(e.atMediaTime)}` : "",
 							e.recovered ? " recovered" : "",
-							e.count > 1 ? /* @__PURE__ */ T("span", {
+							e.count > 1 ? /* @__PURE__ */ D("span", {
 								className: "count",
 								children: `×${e.count}`
 							}) : null
 						]
 					}),
-					/* @__PURE__ */ T("span", {
+					/* @__PURE__ */ D("span", {
 						className: "what",
 						children: e.message
 					}),
-					e.detail ? /* @__PURE__ */ T("span", {
+					e.detail ? /* @__PURE__ */ D("span", {
 						className: "cause",
 						children: e.detail
 					}) : null
@@ -1611,7 +1806,7 @@ ${gt}
 			}, `${e.at}-${t}`))]
 		})]
 	});
-}, Tt = g`
+}, Mt = _`
 display: flex;
 align-items: center;
 justify-content: center;
@@ -1664,42 +1859,42 @@ width: 100%;
     }
   }
 }
-`, Et = () => {
-	let e = W(), t = W((e) => e.playbackRate), n = p(null), r = p(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 } = ze({
+`, 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({
 		ref: r,
 		onChange: (t) => e.setPlaybackRate(l(t))
-	}), f = (t) => {
+	}), d = (t) => {
 		t.preventDefault();
 		let n = .05, r = s;
 		r = t.deltaY < 0 ? Math.min(3, r + n) : Math.max(i, r - n), e.setPlaybackRate(r);
 	};
-	d(() => {
+	f(() => {
 		let e = n.current;
-		return e && e.addEventListener("wheel", f, { passive: !1 }), () => {
-			e && e.removeEventListener("wheel", f);
+		return e && e.addEventListener("wheel", d, { passive: !1 }), () => {
+			e && e.removeEventListener("wheel", d);
 		};
 	}, [t]);
-	let m = c(s);
-	return /* @__PURE__ */ E("div", {
-		css: Tt,
-		children: [/* @__PURE__ */ E("div", { children: [s.toFixed(2), "x"] }), /* @__PURE__ */ T("div", {
+	let p = c(s);
+	return /* @__PURE__ */ O("div", {
+		css: Mt,
+		children: [/* @__PURE__ */ O("div", { children: [s.toFixed(2), "x"] }), /* @__PURE__ */ D("div", {
 			className: "playback-slider",
 			ref: n,
 			...u,
-			children: /* @__PURE__ */ T("div", {
+			children: /* @__PURE__ */ D("div", {
 				ref: r,
 				style: { background: `linear-gradient(to right,
-              #fff 0% ${m}%,
-              #3A3A3A ${m}% 100%
+              #fff 0% ${p}%,
+              #3A3A3A ${p}% 100%
             )` },
-				children: /* @__PURE__ */ T("div", {
+				children: /* @__PURE__ */ D("div", {
 					className: "playback-handle",
-					style: { left: `${m}%` }
+					style: { left: `${p}%` }
 				})
 			})
 		})]
 	});
-}, Dt = g`
+}, Pt = _`
 /* 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
@@ -1717,7 +1912,7 @@ position: static;
   }
 }
 
-${gt}
+${Ct}
 
 .switch {
   position: relative;
@@ -1793,55 +1988,55 @@ ${gt}
   }
 }
 
-`, Ot = () => {
-	let e = W(), t = W((e) => e.playbackRate), n = W((e) => e.audioTracks), r = W((e) => e.selectedAudioTrack), i = W((e) => e.selectAudioTrack), a = W((e) => e.quality), o = W((e) => e.volumeNormalizer), [s, c] = m(0), { open: l, toggle: u, containerRef: d, pending: f, failed: p, runSelect: h } = vt({ onReset: () => c(0) }), g = (t) => {
+`, 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) => {
 		e.setPlaybackRate(t), c(0);
 	}, _ = (e) => {
-		e !== void 0 && h(e, () => i(e));
+		e !== void 0 && m(e, () => i(e));
 	}, v = (e) => {
-		a && h(e ?? null, () => a.select(e === void 0 ? null : String(e)));
+		a && m(e ?? null, () => a.select(e === void 0 ? null : String(e)));
 	}, y = a ? a.options.length + +!!a.offLabel : 0, b = a?.selectedId == null ? a?.offLabel : a.options.find(({ id: e }) => e === a.selectedId)?.label, x = (e) => () => {
 		c(e);
 	};
-	return /* @__PURE__ */ E("div", {
-		css: Dt,
+	return /* @__PURE__ */ O("div", {
+		css: Pt,
 		ref: d,
 		children: [
-			/* @__PURE__ */ T($, {
+			/* @__PURE__ */ D($, {
 				id: "settings",
 				disabled: l,
-				text: /* @__PURE__ */ T("button", {
+				text: /* @__PURE__ */ D("button", {
 					className: "settings",
 					type: "button",
 					onClick: u,
 					"aria-label": "Settings",
 					"aria-expanded": l,
-					children: /* @__PURE__ */ T(R, {})
+					children: /* @__PURE__ */ D(B, {})
 				}),
-				toolTipText: /* @__PURE__ */ T("span", { children: "Settings" })
+				toolTipText: /* @__PURE__ */ D("span", { children: "Settings" })
 			}),
-			l && s === 0 && /* @__PURE__ */ E("div", {
+			l && s === 0 && /* @__PURE__ */ O("div", {
 				className: "popover menu",
 				children: [
-					n.length > 1 ? /* @__PURE__ */ E("div", {
+					n.length > 1 ? /* @__PURE__ */ O("div", {
 						onClick: x(2),
-						children: [/* @__PURE__ */ T("div", { children: "Audio" }), /* @__PURE__ */ T("div", { children: /* @__PURE__ */ T(j, {}) })]
+						children: [/* @__PURE__ */ D("div", { children: "Audio" }), /* @__PURE__ */ D("div", { children: /* @__PURE__ */ D(N, {}) })]
 					}) : null,
-					y > 1 ? /* @__PURE__ */ E("div", {
+					y > 1 ? /* @__PURE__ */ O("div", {
 						onClick: x(3),
-						children: [/* @__PURE__ */ T("div", { children: "Quality" }), /* @__PURE__ */ E("div", { children: [b ? /* @__PURE__ */ T("span", {
+						children: [/* @__PURE__ */ D("div", { children: "Quality" }), /* @__PURE__ */ O("div", { children: [b ? /* @__PURE__ */ D("span", {
 							className: "secondary",
 							children: b
-						}) : null, /* @__PURE__ */ T(j, {})] })]
+						}) : null, /* @__PURE__ */ D(N, {})] })]
 					}) : null,
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ O("div", {
 						onClick: x(1),
-						children: [/* @__PURE__ */ T("div", { children: "Playback speed" }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("span", {
+						children: [/* @__PURE__ */ D("div", { children: "Playback speed" }), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("span", {
 							className: "secondary",
 							children: t === 1 ? "(Default)" : t.toFixed(2)
-						}), /* @__PURE__ */ T(j, {})] })]
+						}), /* @__PURE__ */ D(N, {})] })]
 					}),
-					o ? /* @__PURE__ */ E("div", {
+					o ? /* @__PURE__ */ O("div", {
 						role: "switch",
 						"aria-checked": o.available && o.enabled,
 						"aria-disabled": !o.available,
@@ -1849,41 +2044,41 @@ ${gt}
 						onClick: () => {
 							o.available && o.setEnabled(!o.enabled);
 						},
-						children: [/* @__PURE__ */ T("div", { children: "Normalize volume" }), /* @__PURE__ */ T("div", { children: o.available ? /* @__PURE__ */ T("span", { className: o.enabled ? "switch on" : "switch" }) : /* @__PURE__ */ T("span", {
+						children: [/* @__PURE__ */ D("div", { children: "Normalize volume" }), /* @__PURE__ */ D("div", { children: o.available ? /* @__PURE__ */ D("span", { className: o.enabled ? "switch on" : "switch" }) : /* @__PURE__ */ D("span", {
 							className: "secondary",
 							children: "Unavailable"
 						}) })]
 					}) : null
 				]
 			}),
-			l && s === 1 && /* @__PURE__ */ E("div", {
+			l && s === 1 && /* @__PURE__ */ O("div", {
 				className: "popover playback-rate",
 				children: [
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ O("div", {
 						className: "back",
 						onClick: x(0),
-						children: [/* @__PURE__ */ T(A, {}), /* @__PURE__ */ T("span", { children: "Playback speed" })]
+						children: [/* @__PURE__ */ D(M, {}), /* @__PURE__ */ D("span", { children: "Playback speed" })]
 					}),
-					/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ D("div", {
 						className: "slider no-hover",
-						children: /* @__PURE__ */ T(Et, {})
+						children: /* @__PURE__ */ D(Nt, {})
 					}),
-					/* @__PURE__ */ E("div", {
+					/* @__PURE__ */ O("div", {
 						className: "options no-hover",
 						children: [
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ D("div", {
 								onClick: () => g(.5),
 								children: "0.5x"
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ D("div", {
 								onClick: () => g(1),
 								children: "1x"
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ D("div", {
 								onClick: () => g(1.5),
 								children: "1.5x"
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ D("div", {
 								onClick: () => g(2),
 								children: "2x"
 							})
@@ -1891,7 +2086,7 @@ ${gt}
 					})
 				]
 			}),
-			l && s === 2 && /* @__PURE__ */ T(_t, {
+			l && s === 2 && /* @__PURE__ */ D(wt, {
 				title: "Audio",
 				tracks: n,
 				selected: r,
@@ -1900,7 +2095,7 @@ ${gt}
 				pending: f,
 				failed: p
 			}),
-			l && s === 3 && a && /* @__PURE__ */ T(_t, {
+			l && s === 3 && a && /* @__PURE__ */ D(wt, {
 				title: "Quality",
 				tracks: a.options,
 				selected: a.selectedId ?? void 0,
@@ -1912,7 +2107,7 @@ ${gt}
 			})
 		]
 	});
-}, kt = g`
+}, It = _`
 /* 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;
@@ -1928,28 +2123,28 @@ position: static;
   }
 }
 
-${gt}
-`, At = () => {
-	let e = W((e) => e.subtitleTracks), t = W((e) => e.selectedSubtitleTrack), n = W((e) => e.selectSubtitleTrack), r = W((e) => e.subtitleOffLabel), { open: i, toggle: a, containerRef: o, pending: s, failed: c, runSelect: l } = vt();
+${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();
 	if (e.length === 0) return null;
 	let u = t !== void 0;
-	return /* @__PURE__ */ E("div", {
-		css: kt,
+	return /* @__PURE__ */ O("div", {
+		css: It,
 		ref: o,
-		children: [/* @__PURE__ */ T($, {
+		children: [/* @__PURE__ */ D($, {
 			id: "subtitles",
 			disabled: i,
-			text: /* @__PURE__ */ T("button", {
+			text: /* @__PURE__ */ D("button", {
 				className: "subtitles",
 				type: "button",
 				onClick: a,
 				"aria-label": "Subtitles",
 				"aria-expanded": i,
 				"aria-pressed": u,
-				children: u ? /* @__PURE__ */ T(D, { className: "captions" }) : /* @__PURE__ */ T(O, { className: "captions-off" })
+				children: u ? /* @__PURE__ */ D(k, { className: "captions" }) : /* @__PURE__ */ D(A, { className: "captions-off" })
 			}),
-			toolTipText: /* @__PURE__ */ T("span", { children: "Subtitles" })
-		}), i && /* @__PURE__ */ T(_t, {
+			toolTipText: /* @__PURE__ */ D("span", { children: "Subtitles" })
+		}), i && /* @__PURE__ */ D(wt, {
 			title: "Subtitles",
 			tracks: e,
 			selected: t,
@@ -1959,13 +2154,13 @@ ${gt}
 			failed: c
 		})]
 	});
-}, jt = {
+}, Rt = {
 	primary: "#EAEBEE",
 	secondary: "#D0D0D9",
 	hover: "rgba(255, 255, 255, 0.13)",
 	borderPrimary: "#384F70",
 	backgroundTooltip: "#222222"
-}, Mt = g`
+}, zt = _`
   display: flex;
   align-items: center;
 
@@ -2008,8 +2203,8 @@ ${gt}
     width: 10px;
     height: 10px;
   }
-`, Nt = ({ value: e, onChange: t }) => {
-	let n = W((e) => e.volume), r = W((e) => e.muted), i = p(null), a = p(null), { handlers: o } = ze({
+`, 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({
 		ref: a,
 		onChange: t
 	}), s = (n) => {
@@ -2017,37 +2212,37 @@ ${gt}
 		let r = .05, i = e;
 		i = n.deltaY < 0 ? Math.min(1, i + r) : Math.max(0, i - r), t(i);
 	};
-	d(() => {
+	f(() => {
 		let e = i.current;
 		return e && e.addEventListener("wheel", s, { passive: !1 }), () => {
 			e && e.removeEventListener("wheel", s);
 		};
 	}, [e]);
-	let c = e * 100, l = f(() => Math.round(r ? 0 : Ne(n) * 100), [n, r]);
-	return /* @__PURE__ */ T($, {
+	let c = e * 100, l = p(() => Math.round(r ? 0 : Be(n) * 100), [n, r]);
+	return /* @__PURE__ */ D($, {
 		id: "volume-slider",
-		text: /* @__PURE__ */ T("div", {
+		text: /* @__PURE__ */ D("div", {
 			ref: i,
-			css: Mt,
+			css: zt,
 			...o,
-			children: /* @__PURE__ */ T("div", {
+			children: /* @__PURE__ */ D("div", {
 				ref: a,
 				style: { background: `linear-gradient(to right,
                 #fff 0% ${c}%,
                 #3A3A3A ${c}% 100%
               )` },
-				children: /* @__PURE__ */ T("div", {
+				children: /* @__PURE__ */ D("div", {
 					className: "volume-handle",
 					style: { left: `${e * 100}%` }
 				})
 			})
 		}),
-		toolTipText: /* @__PURE__ */ E("div", {
+		toolTipText: /* @__PURE__ */ O("div", {
 			className: "volume-value",
 			children: [l, "%"]
 		})
 	});
-}, Pt = g`
+}, Vt = _`
   position: relative;
   display: flex;
   align-items: center;
@@ -2110,39 +2305,39 @@ ${gt}
     }
   }
 
-`, Ft = ({ ref: e }) => {
-	let t = W(), n = W((e) => e.volume), r = W((e) => e.muted), i = f(() => Ne(n), [n]);
-	return /* @__PURE__ */ E("div", {
-		css: Pt,
-		children: [/* @__PURE__ */ T($, {
+`, Ht = ({ ref: e }) => {
+	let t = q(), n = q((e) => e.volume), r = q((e) => e.muted), i = p(() => Be(n), [n]);
+	return /* @__PURE__ */ O("div", {
+		css: Vt,
+		children: [/* @__PURE__ */ D($, {
 			id: "sound",
-			text: /* @__PURE__ */ T("button", {
+			text: /* @__PURE__ */ D("button", {
 				className: "sound",
 				type: "button",
 				onClick: () => t.toggleMuted(),
 				ref: e,
 				"aria-label": "Mute",
 				"aria-pressed": r || n === 0,
-				children: T(r || n === 0 ? B : n <= .5 ? ee : te, {
+				children: D(r || n === 0 ? te : n <= .5 ? H : ee, {
 					size: 18,
 					color: "#fff"
 				})
 			}),
-			toolTipText: /* @__PURE__ */ T("span", { children: r ? "Unmute (m)" : "Mute (m)" })
-		}), /* @__PURE__ */ T("div", {
+			toolTipText: /* @__PURE__ */ D("span", { children: r ? "Unmute (m)" : "Mute (m)" })
+		}), /* @__PURE__ */ D("div", {
 			className: "volume-slider-container",
-			children: /* @__PURE__ */ T("div", {
+			children: /* @__PURE__ */ D("div", {
 				className: "volume-slider-background",
-				children: /* @__PURE__ */ T(Nt, {
+				children: /* @__PURE__ */ D(Bt, {
 					value: r ? 0 : i,
 					onChange: (e) => {
-						t.setVolume(Me(e));
+						t.setVolume(ze(e));
 					}
 				})
 			})
 		})]
 	});
-}, It = .05, Lt = 5, Rt = 50, zt = 1e3, Bt = g`
+}, Ut = .05, Wt = 5, Gt = 50, Kt = 1e3, qt = _`
   position: absolute;
   bottom: 0;
   width: 100%;
@@ -2234,7 +2429,7 @@ ${gt}
         /* .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: ${jt.hover};
+          background-color: ${Rt.hover};
         }
 
         /* the hit area grows, the icon does not, keyed on the pointer because a narrow desktop
@@ -2272,12 +2467,12 @@ ${gt}
       }
     }
   }
-`, Vt = ({ shortcuts: e = "window", root: t }) => {
-	let n = W(), r = W((e) => e.paused), i = W((e) => e.currentTime), a = W((e) => e.duration), o = W((e) => e.seekingTo), s = W((e) => e.fullscreen), c = W((e) => e.hideUI), l = W((e) => e.togglePictureInPicture), f = W((e) => e.pictureInPictureMode), h = W((e) => e.burnedInSubtitles), g = W((e) => e.passThroughPictureInPicture), _ = W((e) => e.subtitleTracks), v = W((e) => e.requestSeek), [y, b] = m(null), x = p(null), S = p(void 0), C = f === "burn-in", w = _.length > 0, D = a > 0 && i === a, O = u(({ direction: e, stepSize: t }) => {
-		let r = Ne(n.volume), i = e === "up" ? t : -t, a = Math.max(0, Math.min(1, r + i)), o = n.muted;
-		n.setVolume(Me(a)), o && !n.muted && n.toggleMuted();
-	}, [n]), k = p(!1);
-	d(() => {
+`, 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();
+	}, [n]), k = m(!1);
+	f(() => {
 		let r = (e) => v ? v(e) : n.seek(e), i = (e) => e.composedPath()[0], a = (e) => {
 			k.current = !!t.current?.contains(i(e) ?? null);
 		}, o = (a) => {
@@ -2290,18 +2485,18 @@ ${gt}
 			else if (a.key === "k") n.togglePaused();
 			else if (a.key === " ") n.togglePaused();
 			else if (a.key === "m") n.toggleMuted();
-			else if (a.key === "ArrowUp") O({
+			else if (a.key === "ArrowUp") E({
 				direction: "up",
-				stepSize: It
+				stepSize: Ut
 			});
-			else if (a.key === "ArrowDown") O({
+			else if (a.key === "ArrowDown") E({
 				direction: "down",
-				stepSize: It
+				stepSize: Ut
 			});
 			else if (a.key === "ArrowRight") {
 				if (!n.duration) return;
-				r(Math.min(n.currentTime + Lt, n.duration));
-			} else a.key === "ArrowLeft" ? r(Math.max(n.currentTime - Lt, 0)) : c = !1;
+				r(Math.min(n.currentTime + Wt, n.duration));
+			} else a.key === "ArrowLeft" ? r(Math.max(n.currentTime - Wt, 0)) : c = !1;
 			c && a.preventDefault();
 		};
 		return window.addEventListener("keydown", o), window.addEventListener("pointerdown", a, !0), window.addEventListener("focusin", a, !0), () => {
@@ -2309,21 +2504,21 @@ ${gt}
 		};
 	}, [
 		n,
-		O,
+		E,
 		v,
 		e,
 		t
 	]);
-	let A = u((e) => {
-		e.preventDefault(), e.deltaY < 0 ? O({
+	let A = d((e) => {
+		e.preventDefault(), e.deltaY < 0 ? E({
 			direction: "up",
-			stepSize: It
-		}) : O({
+			stepSize: Ut
+		}) : E({
 			direction: "down",
-			stepSize: It
+			stepSize: Ut
 		});
-	}, [O]);
-	d(() => {
+	}, [E]);
+	f(() => {
 		if (y) return y.addEventListener("wheel", A, { passive: !1 }), () => y.removeEventListener("wheel", A);
 	}, [y, A]);
 	let j = (e) => {
@@ -2336,7 +2531,7 @@ ${gt}
 			height: i
 		});
 	}, M = !!g?.armed;
-	return d(() => {
+	return f(() => {
 		if (!M) return;
 		clearInterval(S.current);
 		let e = Infinity, t = setInterval(() => {
@@ -2346,49 +2541,50 @@ ${gt}
 			}
 			let n = x.current, r = document.activeElement;
 			n && r?.tagName === "IFRAME" && r.closest(".video")?.parentElement?.contains(n) && n.focus({ preventScroll: !0 });
-		}, Rt);
+		}, Gt);
 		return S.current = t, () => {
-			e = Date.now() + zt;
+			e = Date.now() + Kt;
 		};
-	}, [M]), d(() => () => clearInterval(S.current), []), /* @__PURE__ */ E("div", {
-		css: Bt,
+	}, [M]), f(() => () => clearInterval(S.current), []), /* @__PURE__ */ O("div", {
+		className: "control-bar",
+		css: qt,
 		style: { ...c ? {
 			opacity: "0",
 			pointerEvents: "none"
 		} : M ? { pointerEvents: "none" } : {} },
-		children: [/* @__PURE__ */ T(dt, {}), /* @__PURE__ */ E("div", {
+		children: [/* @__PURE__ */ D(vt, {}), /* @__PURE__ */ O("div", {
 			className: "actions",
-			children: [/* @__PURE__ */ E("div", {
+			children: [/* @__PURE__ */ O("div", {
 				className: "left",
 				children: [
-					/* @__PURE__ */ T($, {
+					/* @__PURE__ */ D($, {
 						id: "play",
 						tooltipPlace: "top-start",
-						text: /* @__PURE__ */ T("button", {
+						text: /* @__PURE__ */ D("button", {
 							className: "play",
 							type: "button",
 							onClick: () => n.togglePaused(),
-							"aria-label": D ? "Replay" : r ? "Play" : "Pause",
-							children: T(D ? L : r ? I : F, {})
+							"aria-label": T ? "Replay" : r ? "Play" : "Pause",
+							children: D(T ? z : r ? R : L, {})
 						}),
-						toolTipText: /* @__PURE__ */ T("span", { children: D ? "Replay (k)" : r ? "Play (k)" : "Pause (k)" })
+						toolTipText: /* @__PURE__ */ D("span", { children: T ? "Replay (k)" : r ? "Play (k)" : "Pause (k)" })
 					}),
-					/* @__PURE__ */ T(Ft, { ref: b }),
-					/* @__PURE__ */ T("div", {
+					/* @__PURE__ */ D(Ht, { ref: b }),
+					/* @__PURE__ */ D("div", {
 						className: "time",
-						children: Fe(o ?? i, a)
+						children: He(o ?? i, a)
 					})
 				]
-			}), /* @__PURE__ */ E("div", {
+			}), /* @__PURE__ */ O("div", {
 				className: "right",
 				children: [
-					/* @__PURE__ */ T(wt, {}),
-					/* @__PURE__ */ T(At, {}),
-					/* @__PURE__ */ T(Ot, {}),
-					g ? /* @__PURE__ */ T($, {
+					/* @__PURE__ */ D(jt, {}),
+					/* @__PURE__ */ D(Lt, {}),
+					/* @__PURE__ */ D(Ft, {}),
+					g ? /* @__PURE__ */ D($, {
 						id: "picture-in-picture",
 						tooltipPlace: "top-end",
-						text: /* @__PURE__ */ T("button", {
+						text: /* @__PURE__ */ D("button", {
 							ref: x,
 							className: g.armed ? "picture-in-picture armed" : "picture-in-picture",
 							type: "button",
@@ -2397,47 +2593,47 @@ ${gt}
 							onClick: g.active ? g.exit : void 0,
 							"aria-label": "Picture in picture",
 							"aria-pressed": g.active,
-							children: /* @__PURE__ */ T("img", {
-								src: ft,
+							children: /* @__PURE__ */ D("img", {
+								src: yt,
 								alt: ""
 							})
 						}),
-						toolTipText: /* @__PURE__ */ T("span", { children: g.active ? "Exit picture in picture" : "Picture in picture" })
-					}) : l ? /* @__PURE__ */ T($, {
+						toolTipText: /* @__PURE__ */ D("span", { children: g.active ? "Exit picture in picture" : "Picture in picture" })
+					}) : l ? /* @__PURE__ */ D($, {
 						id: "picture-in-picture",
 						tooltipPlace: "top-end",
-						text: /* @__PURE__ */ T("button", {
+						text: /* @__PURE__ */ D("button", {
 							className: "picture-in-picture",
 							type: "button",
 							onClick: l,
 							disabled: C && !w,
 							"aria-label": C ? "Put the subtitles in the video" : "Picture in picture",
-							"aria-pressed": C ? h : void 0,
-							children: C ? T(h ? mt : ht, {}) : /* @__PURE__ */ T("img", {
-								src: ft,
+							"aria-pressed": C ? p : void 0,
+							children: C ? D(p ? xt : St, {}) : /* @__PURE__ */ D("img", {
+								src: yt,
 								alt: ""
 							})
 						}),
-						toolTipText: /* @__PURE__ */ T("span", { children: C ? w ? h ? "Subtitles are in the picture" : "Put the subtitles in the picture" : "This file has no subtitles" : "Picture in picture" })
+						toolTipText: /* @__PURE__ */ D("span", { children: C ? w ? p ? "Subtitles are in the picture" : "Put the subtitles in the picture" : "This file has no subtitles" : "Picture in picture" })
 					}) : null,
-					/* @__PURE__ */ T($, {
+					/* @__PURE__ */ D($, {
 						id: "full-screen",
 						tooltipPlace: "top-end",
-						text: /* @__PURE__ */ T("button", {
+						text: /* @__PURE__ */ D("button", {
 							className: "full-screen",
 							type: "button",
 							onClick: () => n.toggleFullscreen(),
 							"aria-label": "Full screen",
 							"aria-pressed": s,
-							children: T(s ? P : N, {})
+							children: D(s ? I : F, {})
 						}),
-						toolTipText: /* @__PURE__ */ T("span", { children: s ? "Exit full screen (f)" : "Full screen (f)" })
+						toolTipText: /* @__PURE__ */ D("span", { children: s ? "Exit full screen (f)" : "Full screen (f)" })
 					})
 				]
 			})]
 		})]
 	});
-}, Ht = 9e3, Ut = g`
+}, Yt = 9e3, Xt = _`
   position: absolute;
   inset: 0;
   z-index: 2;
@@ -2480,36 +2676,36 @@ ${gt}
     line-height: 1;
     color: #fff;
   }
-`, Wt = () => {
-	let e = W((e) => e.burnedInSubtitles), t = W((e) => e.pictureInPictureMode), [n, r] = m(!1);
-	return d(() => {
+`, Zt = () => {
+	let e = q((e) => e.burnedInSubtitles), t = q((e) => e.pictureInPictureMode), [n, r] = h(!1);
+	return f(() => {
 		if (t !== "burn-in" || !e) {
 			r(!1);
 			return;
 		}
 		r(!0);
-		let n = setTimeout(() => r(!1), Ht);
+		let n = setTimeout(() => r(!1), Yt);
 		return () => clearTimeout(n);
-	}, [t, e]), t !== "burn-in" || !e ? null : /* @__PURE__ */ T("div", {
-		css: Ut,
+	}, [t, e]), t !== "burn-in" || !e ? null : /* @__PURE__ */ D("div", {
+		css: Xt,
 		className: n ? "show" : "",
 		role: "status",
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ O("div", {
 			className: "card",
-			children: [/* @__PURE__ */ T("div", {
+			children: [/* @__PURE__ */ D("div", {
 				className: "text",
 				children: "Now click your browser's pop out button"
-			}), /* @__PURE__ */ T("div", {
+			}), /* @__PURE__ */ D("div", {
 				className: "arrow",
 				"aria-hidden": "true",
 				children: "→"
 			})]
 		})
 	});
-}, Gt = 1, Kt = 6e3, qt = 1, Jt = {
+}, Qt = 1, $t = 6e3, en = 1, tn = {
 	opening: "Skip Opening",
 	ending: "Skip Ending"
-}, Yt = g`
+}, nn = _`
   position: absolute;
   inset: 0;
   z-index: 2;
@@ -2560,10 +2756,10 @@ ${gt}
       bottom: calc(9 * var(--mp-unit));
     }
   }
-`, Xt = () => {
-	let e = W((e) => e.chapters), t = W((e) => e.currentTime), n = W((e) => e.requestSeek), r = W((e) => e.seekPreview), i = W(), a = f(() => ct(e), [e]), o = f(() => {
+`, 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(() => {
 		if (typeof t != "number") return;
-		let n = e.findIndex((e, n) => a[n] !== void 0 && e.start - Gt <= t && t < e.end), r = n >= 0 ? a[n] : void 0;
+		let n = e.findIndex((e, n) => a[n] !== void 0 && e.start - Qt <= t && t < e.end), r = n >= 0 ? a[n] : void 0;
 		return r ? {
 			kind: r,
 			end: e[n].end
@@ -2572,35 +2768,35 @@ ${gt}
 		e,
 		a,
 		t
-	]), s = p(0), [c, l] = m(0);
-	d(() => {
+	]), s = m(0), [c, l] = h(0);
+	f(() => {
 		let e = typeof t == "number" ? t : 0, n = s.current;
-		s.current = e, e < n - qt && l((e) => e + 1);
+		s.current = e, e < n - en && l((e) => e + 1);
 	}, [t]);
-	let [u, h] = m(!1), g = o ? `${o.kind}@${o.end}` : "";
-	return d(() => {
+	let [u, d] = h(!1), g = o ? `${o.kind}@${o.end}` : "";
+	return f(() => {
 		if (!g) {
-			h(!1);
+			d(!1);
 			return;
 		}
-		h(!0);
-		let e = setTimeout(() => h(!1), Kt);
+		d(!0);
+		let e = setTimeout(() => d(!1), $t);
 		return () => clearTimeout(e);
-	}, [g, c]), d(() => {
-		o || h(!1);
-	}, [o]), o ? /* @__PURE__ */ T("div", {
-		css: Yt,
+	}, [g, c]), f(() => {
+		o || d(!1);
+	}, [o]), o ? /* @__PURE__ */ D("div", {
+		css: nn,
 		className: u && !r ? "show" : "",
-		children: /* @__PURE__ */ T("button", {
+		children: /* @__PURE__ */ D("button", {
 			type: "button",
 			className: "skip-chapter",
 			onClick: () => {
-				h(!1), n ? n(o.end) : i.seek(o.end);
+				d(!1), n ? n(o.end) : i.seek(o.end);
 			},
-			children: Jt[o.kind]
+			children: tn[o.kind]
 		})
 	}) : null;
-}, Zt = 3e3, Qt = g`
+}, an = 3e3, on = _`
   position: absolute;
   inset: 0;
   z-index: 2;
@@ -2611,10 +2807,10 @@ ${gt}
      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;
-`, $t = (e, t) => {
+`, sn = (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')`;
-}, en = g`
+}, cn = _`
   position: relative;
   background-color: black;
   display: flex;
@@ -2671,64 +2867,68 @@ ${gt}
   &.hide {
     cursor: none;
   }
-`, tn = (e, t = "") => s.toArray(e).flatMap((e, n) => {
-	let r = `${t}${l(e) && e.key != null ? e.key : n}`;
-	return l(e) && e.type === c ? tn(e.props.children, `${r}/`) : [{
+`, ln = (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}/`) : [{
 		key: r,
 		item: e
 	}];
-}), nn = ({ ref: e, onVideoRef: t, onSubtitleRef: n, overlay: r, controls: i, shortcuts: a, children: o }) => {
-	let s = W(), c = W((e) => e.hideUI), l = W((e) => e.setHideUI), u = W((e) => e.hasMedia), f = W((e) => e.passThroughPictureInPicture), m = p(void 0), h = p("mouse"), g = p({
+}), 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({
 		x: -1,
 		y: -1
-	}), _ = p(null);
-	d(() => () => clearTimeout(m.current), []), d(() => {
-		u || (clearTimeout(m.current), l(!1));
+	}), _ = m(!1), v = m(null);
+	f(() => () => clearTimeout(p.current), []), f(() => {
+		u || (clearTimeout(p.current), l(!1));
 	}, [u, l]);
-	let v = () => {
+	let y = () => {
 		u && l(!0);
-	}, y = (t) => {
-		_.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
-	}, b = () => {
+	}, b = (t) => {
+		v.current = t, typeof e == "function" ? e(t) : e && (e.current = t);
+	}, x = () => {
 		if (s.passThroughPictureInPicture?.armed) return !0;
 		if (h.current !== "mouse") return !1;
 		let { x: e, y: t } = g.current;
-		if (!_.current || e < 0) return !1;
+		if (!v.current || e < 0) return !1;
 		let n = document.elementFromPoint(e, t);
-		return !!n && _.current.contains(n) && !n.closest(".video");
-	}, x = () => {
-		if (b()) {
-			m.current = setTimeout(x, Zt);
+		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);
 			return;
 		}
-		v();
-	}, S = () => {
-		l(!1), clearTimeout(m.current), m.current = setTimeout(x, Zt);
-	};
-	return /* @__PURE__ */ E("div", {
-		css: en,
-		ref: y,
-		onPointerMove: (e) => {
-			h.current = e.pointerType, e.pointerType === "mouse" && (g.current = {
-				x: e.clientX,
-				y: e.clientY
-			}, S());
-		},
-		onPointerDown: (e) => {
-			h.current = e.pointerType;
-		},
+		y();
+	}, C = () => {
+		l(!1), clearTimeout(p.current), p.current = setTimeout(S, an);
+	}, w = (e) => {
+		h.current = e.pointerType, e.pointerType === "mouse" && (g.current = {
+			x: e.clientX,
+			y: e.clientY
+		}, C());
+	}, T = (e) => {
+		h.current = e.pointerType, _.current = !0;
+	}, E = () => {
+		_.current = !1;
+	}, k = m(!0);
+	return /* @__PURE__ */ O("div", {
+		css: cn,
+		ref: b,
+		onPointerMove: w,
+		onPointerDown: T,
+		onPointerUp: E,
+		onPointerCancel: E,
 		onMouseOut: (e) => {
 			let t = e.relatedTarget;
 			if (t && e.currentTarget.contains(t)) return;
 			let { left: n, right: r, top: i, bottom: a } = e.currentTarget.getBoundingClientRect();
-			e.clientX >= n && e.clientX < r && e.clientY >= i && e.clientY < a || (clearTimeout(m.current), v());
+			e.clientX >= n && e.clientX < r && e.clientY >= i && e.clientY < a || (clearTimeout(p.current), y());
 		},
 		className: c ? "hide" : "",
 		tabIndex: a === "player" ? -1 : void 0,
 		children: [
-			/* @__PURE__ */ T(ke, { onSubtitleRef: n }),
-			tn(r).map(({ key: e, item: t }) => /* @__PURE__ */ T("div", {
-				css: Qt,
+			/* @__PURE__ */ D(Ie, { onSubtitleRef: n }),
+			ln(r).map(({ key: e, item: t }) => /* @__PURE__ */ D("div", {
+				css: on,
 				style: { ...c ? {
 					opacity: "0",
 					visibility: "hidden",
@@ -2736,143 +2936,161 @@ ${gt}
 				} : {} },
 				children: t
 			}, e)),
-			i === !1 ? null : /* @__PURE__ */ T(Vt, {
+			i === !1 ? null : /* @__PURE__ */ D(Jt, {
 				shortcuts: a,
-				root: _
+				root: v
 			}),
-			/* @__PURE__ */ T(Wt, {}),
-			/* @__PURE__ */ T(Xt, {}),
-			f?.armed && _.current ? /* @__PURE__ */ T("div", {
+			/* @__PURE__ */ D(Zt, {}),
+			/* @__PURE__ */ D(rn, {}),
+			d?.armed && v.current ? /* @__PURE__ */ D("div", {
 				className: "pass-through",
-				style: { clipPath: $t(f.armed, _.current.getBoundingClientRect()) },
-				onPointerOver: f.disarm
+				style: { clipPath: sn(d.armed, v.current.getBoundingClientRect()) },
+				onPointerOver: d.disarm
 			}) : null,
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ O("div", {
 				className: "video",
-				onClick: () => {
+				onClick: (e) => {
 					if (h.current === "mouse") {
-						s.togglePaused();
+						if (e.detail > 1) return;
+						k.current = s.paused, s.togglePaused();
 						return;
 					}
-					c ? S() : (clearTimeout(m.current), v());
+					c ? C() : (clearTimeout(p.current), y());
 				},
-				children: [t ? /* @__PURE__ */ T("video", {
+				onDoubleClick: () => {
+					h.current === "mouse" && (k.current ? s.pause() : s.play().catch(() => {}), s.toggleFullscreen());
+				},
+				children: [t ? /* @__PURE__ */ D("video", {
 					ref: t,
 					playsInline: !0
 				}) : null, o]
 			})
 		]
 	});
-}, rn = ({ 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: h, thumbnailsEnabled: g } = r ?? {}, _ = b(), v = y(), [x, S] = m(null), [C, w] = m(null), E = n?.media ?? x;
-	d(() => (_?.(E), () => _?.(null)), [E, _]);
-	let { expose: D } = e, O = D === !0 ? {} : D || void 0, k = p(O);
+}, 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;
-	d(() => {
-		if (!D || !E) return;
+	f(() => {
+		if (!E || !T) return;
 		let e, t = !1;
 		return import("./remote/index.js").then(({ exposePlayer: n }) => {
-			t || (e = n(E, k.current ?? {}));
+			t || (e = n(T, k.current ?? {}));
 		}).catch(() => {}), () => {
 			t = !0, e?.();
 		};
 	}, [
-		E,
-		!!D,
+		T,
+		!!E,
 		A,
 		j,
 		M
-	]), se(x, C, r);
-	let N = r?.normalizeVolume, [P, F] = m(!!N);
-	d(() => {
-		F(!!N);
+	]), le(y, C, r);
+	let N = r?.normalizeVolume ?? !0, [P, F] = h(N);
+	f(() => {
+		F(N);
 	}, [N]);
-	let I = p(r?.onNormalizeVolumeChange);
+	let I = m(r?.onNormalizeVolumeChange);
 	I.current = r?.onNormalizeVolumeChange;
-	let L = r?.normalizerWorkletUrl, { refused: R } = Se(x, L, P), z = f(() => L && typeof AudioWorkletNode == "function" ? {
+	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),
+		length: o,
+		publicPath: c,
+		libavWorkerUrl: l,
+		audioStreamIndex: z
+	} : void 0, [
+		B,
+		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: !R,
+		available: !V,
 		setEnabled: (e) => {
 			F(e), I.current?.(e);
 		}
 	} : null, [
 		L,
 		P,
-		R
-	]), { thumbnails: ee, requestThumbnail: te } = ue({
+		V
+	]), { thumbnails: ee, requestThumbnail: te } = fe({
 		publicPath: c,
 		workerUrl: l,
 		length: g === !1 ? void 0 : o,
-		read: h ?? u,
+		read: d ?? u,
 		downloadedRanges: s
-	}), B = n?.thumbnails?.all ?? ee, { toggle: V, mode: ne, burnedIn: H } = de(x, C), U = _e(n?.media ?? null, n?.pictureInPicture), G = W((e) => e.setSourceState), K = n ? !!n.media : o !== void 0;
-	d(() => {
-		G({
+	}), 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;
+	f(() => {
+		J({
 			title: i,
 			size: o,
 			downloadedRanges: s,
-			hasMedia: K
+			hasMedia: Y
 		});
 	}, [
-		G,
+		J,
 		i,
 		o,
 		s,
-		K
+		Y
 	]);
-	let q = n?.thumbnails?.at;
-	d(() => {
-		G({
-			thumbnails: B,
-			thumbnailAt: q,
+	let re = n?.thumbnails?.at;
+	f(() => {
+		J({
+			thumbnails: U,
+			thumbnailAt: re,
 			requestThumbnail: te,
-			togglePictureInPicture: V,
-			pictureInPictureMode: ne,
-			burnedInSubtitles: H
+			togglePictureInPicture: W,
+			pictureInPictureMode: G,
+			burnedInSubtitles: K
 		});
 	}, [
-		G,
-		B,
-		q,
+		J,
+		U,
+		re,
 		te,
-		V,
-		ne,
-		H
-	]), d(() => {
-		G({ volumeNormalizer: z });
-	}, [G, z]), d(() => {
-		G({ passThroughPictureInPicture: U });
-	}, [G, U]);
-	let J = n?.subtitles?.selection, Y = n?.audioTracks?.selection;
-	d(() => {
-		J && G({
-			subtitleTracks: J.options.map(({ id: e, label: t, disabled: n }) => ({
+		W,
+		G,
+		K
+	]), f(() => {
+		J({ volumeNormalizer: H });
+	}, [J, H]), f(() => {
+		J({ passThroughPictureInPicture: ne });
+	}, [J, ne]);
+	let X = n?.subtitles?.selection, ie = n?.audioTracks?.selection;
+	f(() => {
+		X && J({
+			subtitleTracks: X.options.map(({ id: e, label: t, disabled: n }) => ({
 				id: e,
 				label: t,
 				disabled: n
 			})),
-			selectedSubtitleTrack: J.selectedId ?? void 0,
-			selectSubtitleTrack: (e) => J.select(e == null ? null : String(e)),
-			subtitleOffLabel: J.offLabel
+			selectedSubtitleTrack: X.selectedId ?? void 0,
+			selectSubtitleTrack: (e) => X.select(e == null ? null : String(e)),
+			subtitleOffLabel: X.offLabel
 		});
-	}, [G, J]), d(() => {
-		Y && G({
-			audioTracks: Y.options.map(({ id: e, label: t, disabled: n }) => ({
+	}, [J, X]), f(() => {
+		ie && J({
+			audioTracks: ie.options.map(({ id: e, label: t, disabled: n }) => ({
 				id: e,
 				label: t,
 				disabled: n
 			})),
-			selectedAudioTrack: Y.selectedId ?? void 0,
-			selectAudioTrack: (e) => Y.select(String(e))
+			selectedAudioTrack: ie.selectedId ?? void 0,
+			selectAudioTrack: (e) => ie.select(String(e))
 		});
-	}, [G, Y]);
-	let X = n?.quality?.selection ?? null;
-	return d(() => {
-		G({ quality: X });
-	}, [G, X]), d(() => {
-		a && G({ chapters: a });
-	}, [G, a]), /* @__PURE__ */ T(nn, {
+	}, [J, ie]);
+	let ae = n?.quality?.selection ?? null;
+	return f(() => {
+		J({ quality: ae });
+	}, [J, ae]), f(() => {
+		a && J({ chapters: a });
+	}, [J, a]), /* @__PURE__ */ D(un, {
 		ref: v,
 		onVideoRef: n ? void 0 : S,
 		onSubtitleRef: w,
@@ -2881,7 +3099,7 @@ ${gt}
 		shortcuts: e.shortcuts,
 		children: t
 	});
-}, an = g`
+}, fn = _`
   /**
    * The chrome's whole scale, in one place.
    *
@@ -2951,17 +3169,17 @@ ${gt}
   height: 100%;
   width: 100%;
   overflow: hidden;
-`, on = (e) => /* @__PURE__ */ T("div", {
-	css: an,
-	children: /* @__PURE__ */ T(U.Provider, { children: /* @__PURE__ */ T(rn, {
+`, pn = (e) => /* @__PURE__ */ D("div", {
+	css: fn,
+	children: /* @__PURE__ */ D(K.Provider, { children: /* @__PURE__ */ D(dn, {
 		options: e,
 		children: e.children
 	}) })
-}), sn = (e) => !!e && typeof e == "object" && "at" in e, cn = (e) => !!e && typeof e == "object" && "selection" in e, ln = ({ blob: e, name: t }) => ({
+}), mn = (e) => !!e && typeof e == "object" && "at" in e, hn = (e) => !!e && typeof e == "object" && "selection" in e, gn = ({ 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()
-}), un = async (e, t) => {
+}), _n = async (e, t) => {
 	let n = await fetch(e, {
 		headers: { Range: "bytes=0-1" },
 		credentials: t
@@ -2971,8 +3189,8 @@ ${gt}
 	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;
-}, dn = async ({ url: e, length: t, name: n, credentials: r }) => {
-	let i = t ?? await un(e, r);
+}, vn = async ({ url: e, length: t, name: n, credentials: r }) => {
+	let i = t ?? await _n(e, r);
 	return {
 		length: i,
 		name: n,
@@ -2987,9 +3205,9 @@ ${gt}
 			return o.arrayBuffer();
 		}
 	};
-}, fn = async (e) => {
-	if ("blob" in e) return ln(e);
-	if ("url" in e) return dn(e);
+}, yn = async (e) => {
+	if ("blob" in e) return gn(e);
+	if ("url" in e) return vn(e);
 	if ("read" in e) return {
 		length: e.length,
 		name: e.name,
@@ -2998,4 +3216,4 @@ ${gt}
 	throw Error(`Unknown source type: ${e}`);
 };
 //#endregion
-export { on as MediaPlayer, on as default, U as Player, e as SUBTITLES_OFF, a as createPictureInPicture, o as createSubtitleRenderer, r as createThumbnailGenerator, fn as inputToRemuxerInput, cn as isDelegatedTracks, sn as isExternalThumbnails, H as sourceFeature, i as startPlayback, de as usePictureInPicture, W as usePlayer, ue as useSeekThumbnails };
+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 };