@banou/media-player 0.8.12 → 0.8.15

package/dist/engine/index.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "../engine-Cownv8gD.js";
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "../engine-CDdjRm_U.js";
 export { i as DEFAULT_BUFFER_SIZE, e as MediaElementError, a as SUBTITLES_OFF, u as createPictureInPicture, d as createSubtitleRenderer, c as createThumbnailGenerator, n as getTimeRanges, s as isMediaElementError, o as pictureInPictureMode, l as startPlayback, t as terminateRemuxer, r as updateSourceBuffer };

package/dist/engine/playback.d.ts

@@ -30,6 +30,15 @@ export type PlaybackOptions = {
 };
 export type PlaybackController = {
     destroy: () => void;
+    /**
+     * Get the data for a position in place BEFORE the playhead moves there.
+     *
+     * Resolves at once when that position already has data. The caller decides how long to wait,
+     * because this can take as long as a read, which over a torrent has no ceiling.
+     */
+    prepareSeek: (time: number) => Promise<void>;
+    /** The element this pipeline drives, so a caller can read what actually got buffered. */
+    videoElement: HTMLVideoElement;
     selectSubtitleStream: (streamIndex: number | undefined) => void;
     /** Keyframe index of the input, which is what maps a downloaded byte range onto the timeline. */
     indexes: MediaIndex[];

package/dist/{engine-Cownv8gD.js → engine-CDdjRm_U.js}

@@ -167,13 +167,13 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 	constructor(e, t) {
 		super(e, t), this.name = "MediaElementError";
 	}
-}, g = (e) => !!e && typeof e == "object" && e.mediaElement === !0, _ = -20, v = 60, y = 30, b = -5, x = 20, S = 5, C = 15e3, w = 1, T = 200, E = 250, D = 25e5, O = (e) => {
+}, g = (e) => !!e && typeof e == "object" && e.mediaElement === !0, _ = -20, v = 60, y = 30, b = -5, x = 20, ee = 5, S = 15e3, C = 1, w = 3, te = 12, T = 200, E = 250, D = 25e5, O = (e) => {
 	let { worker: t } = e, n = setTimeout(() => t.terminate(), 2e3);
 	e.destroy().catch(() => {}).finally(() => {
 		clearTimeout(n), t.terminate();
 	});
 }, k = async (t) => {
-	let { videoElement: n, canvasElement: r, read: i, length: o, publicPath: c, libavWorkerUrl: l, jassubWorkerUrl: u, jassubWasmUrl: d, jassubLegacyWasmUrl: f, defaultFontUrl: p, bufferSize: g = D, audioStreamIndex: k, onReady: A, onError: j, onRecovered: ee, onSeek: M, onSubtitleStreams: te, onAudioStreams: ne } = t, N = await e({
+	let { videoElement: n, canvasElement: r, read: i, length: o, publicPath: c, libavWorkerUrl: l, jassubWorkerUrl: u, jassubWasmUrl: d, jassubLegacyWasmUrl: f, defaultFontUrl: p, bufferSize: g = D, audioStreamIndex: k, onReady: ne, onError: re, onRecovered: ie, onSeek: ae, onSubtitleStreams: oe, onAudioStreams: se } = t, A = await e({
 		publicPath: c,
 		workerUrl: l,
 		workerOptions: { type: "module" },
@@ -181,18 +181,18 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 		length: o,
 		audioStreamIndex: k,
 		read: i
-	}), P = [], F = !1, I = () => {
-		if (!F) {
-			F = !0;
-			for (let e of [...P].reverse()) try {
+	}), j = [], M = !1, N = () => {
+		if (!M) {
+			M = !0;
+			for (let e of [...j].reverse()) try {
 				e();
 			} catch {}
 		}
 	};
-	P.push(() => O(N));
+	j.push(() => O(A));
 	try {
-		let e = await N.init(), t = e.audioStreams ?? [], i = t.some((e) => e.streamIndex === k) ? k : t[0]?.streamIndex ?? -1;
-		ne?.(t, i);
+		let e = await A.init(), t = e.audioStreams ?? [], i = t.some((e) => e.streamIndex === k) ? k : t[0]?.streamIndex ?? -1;
+		se?.(t, i);
 		let o = m({
 			video: n,
 			canvas: r,
@@ -200,13 +200,13 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			wasmUrl: d,
 			legacyWasmUrl: f,
 			defaultFontUrl: p,
-			onStreams: te
+			onStreams: oe
 		});
-		if (P.push(() => o.destroy()), e.attachments?.length && o.pushAttachments(e.attachments), !e.info.output.videoMimeType) throw Error("The video codec in this file could not be identified");
+		if (j.push(() => o.destroy()), e.attachments?.length && o.pushAttachments(e.attachments), !e.info.output.videoMimeType) throw Error("The video codec in this file could not be identified");
 		let c = [e.info.output.videoMimeType, e.info.output.audioMimeType].filter(Boolean).join(","), l = `video/mp4; codecs="${c}"`;
 		if (!MediaSource.isTypeSupported(l)) throw Error(`This browser cannot play the codecs in this file: ${c}`);
 		let g = new MediaSource(), D = URL.createObjectURL(g);
-		P.push(() => URL.revokeObjectURL(D)), n.src = D, P.push(() => {
+		j.push(() => URL.revokeObjectURL(D)), n.src = D, j.push(() => {
 			try {
 				n.pause();
 			} catch {}
@@ -215,7 +215,7 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 		let O = await new Promise((t, n) => {
 			let r = setTimeout(() => {
 				i(), n(/* @__PURE__ */ Error("The MediaSource never opened"));
-			}, C), i = () => {
+			}, S), i = () => {
 				clearTimeout(r), g.removeEventListener("sourceopen", a), g.removeEventListener("sourceclose", o), g.removeEventListener("error", o);
 			}, a = () => {
 				try {
@@ -230,123 +230,141 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 				i(), n(/* @__PURE__ */ Error("The MediaSource closed before a SourceBuffer could be created"));
 			};
 			g.addEventListener("sourceopen", a, { once: !0 }), g.addEventListener("sourceclose", o, { once: !0 }), g.addEventListener("error", o, { once: !0 });
-		}), { appendBuffer: L, unbufferRange: re, updateTimestampOffset: ie, endOfStream: ae } = s(O, g);
-		await L(e.data), e.subtitles?.length && o.pushFragments(e.subtitles), A?.();
-		let R = !1, z = !1, B = !1, V = 0, H = 0, U = null, W = 0, G = 0, K = !1, oe = 0, q = (e, t, n = !1) => {
+		}), { appendBuffer: P, unbufferRange: ce, updateTimestampOffset: le, endOfStream: ue } = s(O, g);
+		await P(e.data), e.subtitles?.length && o.pushFragments(e.subtitles), ne?.();
+		let F = !1, I = !1, L = 0, R, de = () => R ?? n.currentTime, z = !1, B = 0, V = 0, H = null, U = 0, W = 0, G = !1, K = 0, q = (e, t, n = !1) => {
 			let r = e?.message === "Cancelled";
-			t && r || (console.error(e), !(K && !n) && (K = !0, j?.(r ? Error("Reading the video file failed", { cause: e }) : e)));
-		}, se = async (e = !1) => {
+			t && r || (console.error(e), !(G && !n) && (G = !0, re?.(r ? Error("Reading the video file failed", { cause: e }) : e)));
+		}, fe = async (e = !1) => {
+			if (L > 0 && !e) return;
 			let t = n.currentTime, r = e ? b : _, i = e ? x : v;
-			for (let { start: e, end: n } of a(O)) e < t + r && await re(e, t + r), n > t + i && await re(t + i, n);
-		}, ce = () => {
+			for (let { start: e, end: n } of a(O)) e < t + r && await ce(e, t + r), n > t + i && await ce(t + i, n);
+		}, pe = () => {
 			let e = a(O);
 			if (!e.length) return !0;
-			let t = n.currentTime;
-			if (Math.max(...e.map((e) => e.end)) >= t + v) return !1;
-			let r = e.find((e) => e.start <= t + w && t < e.end);
-			return !r || r.end < t + y;
-		}, J = () => {
+			let t = de(), n = e.find((e) => e.start <= t + C && t < e.end);
+			return n && n.end >= t + v ? !1 : !n || n.end < t + y;
+		}, me = () => {
 			let e = n.currentTime;
-			return a(O).find((t) => t.start <= e + w && e < t.end);
-		}, le = () => {
-			let e = J();
-			return !!e && e.end >= G - .1;
-		}, ue = () => {
+			return a(O).find((t) => t.start <= e + C && e < t.end);
+		}, he = () => {
+			let e = me();
+			return !!e && e.end >= W - .1;
+		}, ge = () => {
 			let e = a(O).map((e) => e.end);
-			e.length && (G = Math.max(G, ...e));
-		}, Y = async (e) => {
-			z = !0, U = null, W = 0, oe = e;
-			let t = ++H;
+			e.length && (W = Math.max(W, ...e));
+		}, J = async (e) => {
+			I = !0, H = null, U = 0, K = e;
+			let t = ++V;
 			try {
-				let { data: n, pts: r, subtitles: i, finished: a } = await N.seek(e);
-				if (F || t !== H || (a && (B = !0), i?.length && o.pushFragments(i), await ie(r), F || t !== H)) return;
-				n.byteLength && (await L(n), ue());
+				let { data: n, pts: r, subtitles: i, finished: a } = await A.seek(e);
+				if (M || t !== V || (a && (z = !0), i?.length && o.pushFragments(i), await le(r), M || t !== V)) return;
+				n.byteLength && (await P(n), ge());
 			} catch (e) {
-				q(e, F || t !== H);
+				q(e, M || t !== V);
 			} finally {
-				t === H && (z = !1);
+				t === V && (I = !1);
 			}
-		}, de = async () => {
-			let e = U;
+		}, _e = async () => {
+			let e = H;
 			if (e) try {
-				await L(e), ue(), U === e && (U = null, W = 0);
+				await P(e), ge(), H === e && (H = null, U = 0);
 			} catch (t) {
-				if (U !== e) return;
+				if (H !== e) return;
 				if (t?.name === "QuotaExceededError") {
-					let t = await se(!0).then(() => !0, () => !1);
-					if (U !== e) return;
+					let t = await fe(!0).then(() => !0, () => !1);
+					if (H !== e) return;
 					if (t) {
-						B = !1, await Y(J()?.end ?? n.currentTime);
+						z = !1, await J(me()?.end ?? n.currentTime);
 						return;
 					}
 				}
-				if (W += 1, W < S) return;
-				throw U = null, t;
+				if (U += 1, U < ee) return;
+				throw H = null, t;
 			}
-		}, fe = async () => {
-			if (R || z || $ !== void 0 || F || !U && (B || !ce())) return;
-			let e = ++V, t = H, n = () => F || e !== V || t !== H;
-			R = !0;
+		}, ve = async () => {
+			if (F || I || $ !== void 0 || M || !H && (z || !pe())) return;
+			let e = ++B, t = V, n = () => M || e !== B || t !== V;
+			F = !0;
 			try {
-				if (!U) {
-					let { data: e, subtitles: t, finished: r } = await N.read();
-					if (n() || (r && (B = !0), t?.length && o.pushFragments(t), !e.byteLength)) return;
-					U = e, W = 0;
+				if (!H) {
+					let { data: e, subtitles: t, finished: r } = await A.read();
+					if (n() || (r && (z = !0), t?.length && o.pushFragments(t), !e.byteLength)) return;
+					H = e, U = 0;
 				}
-				await de(), !n() && K && (K = !1, ee?.());
+				await _e(), !n() && G && (G = !1, ie?.());
 			} catch (e) {
 				q(e, n());
 			} finally {
-				e === V && (R = !1);
+				e === B && (F = !1);
+			}
+		}, ye = (e) => e >= K && !!me(), be = (e) => a(O).some((t) => t.start <= e + C && e < t.end), Y = (e) => {
+			let t = a(O).find((t) => t.start <= e + C && e < t.end);
+			return t ? t.end - e : 0;
+		}, xe = async (e) => {
+			if (!M && !(Y(e) >= w)) {
+				z = !1, L++, R = e;
+				try {
+					be(e) || await J(e);
+					let t = V;
+					for (let n = 0; n < te && !(M || t !== V || z || Y(e) >= w); n++) {
+						let t = Y(e);
+						if (await ve(), Y(e) <= t) break;
+					}
+				} finally {
+					L--, R === e && (R = void 0);
+				}
 			}
-		}, pe = (e) => e >= oe && !!J(), X = 0, Z = null, Q, me = (e) => {
+		}, X = 0, Z = null, Q, Se = (e) => {
 			let t = performance.now(), n = t - X;
 			if (n >= T) {
-				X = t, Z = null, M?.(e);
+				X = t, Z = null, ae?.(e);
 				return;
 			}
 			Z = e, !Q && (Q = setTimeout(() => {
 				Q = void 0;
 				let e = Z;
-				Z = null, !(e === null || F) && (X = performance.now(), M?.(e));
+				Z = null, !(e === null || M) && (X = performance.now(), ae?.(e));
 			}, T - n));
 		};
-		P.push(() => {
+		j.push(() => {
 			Q && clearTimeout(Q);
 		});
-		let he = 0, $;
-		P.push(() => {
+		let Ce = 0, $;
+		j.push(() => {
 			$ && clearTimeout($);
 		});
-		let ge = () => {
+		let we = () => {
 			let t = n.currentTime, r = e.info.input.duration || n.duration;
-			r > 0 && me(Math.min(Math.max(t / r, 0), 1));
-			let i = performance.now(), a = i - he < E;
-			if (he = i, !pe(t)) {
-				if (B = !1, $ && clearTimeout($), !a) {
-					$ = void 0, Y(t);
+			r > 0 && Se(Math.min(Math.max(t / r, 0), 1));
+			let i = performance.now(), a = i - Ce < E;
+			if (Ce = i, !ye(t) && !(I && Math.abs(t - K) < .001)) {
+				if (z = !1, $ && clearTimeout($), !a) {
+					$ = void 0, J(t);
 					return;
 				}
 				$ = setTimeout(() => {
-					if ($ = void 0, F) return;
+					if ($ = void 0, M) return;
 					let e = n.currentTime;
-					pe(e) || (B = !1, Y(e));
+					ye(e) || (z = !1, J(e));
 				}, E);
 			}
 		};
-		n.addEventListener("seeking", ge), P.push(() => n.removeEventListener("seeking", ge));
-		let _e = !1, ve = () => {
-			if (_e) return;
-			_e = !0;
+		n.addEventListener("seeking", we), j.push(() => n.removeEventListener("seeking", we));
+		let Te = !1, Ee = () => {
+			if (Te) return;
+			Te = !0;
 			let e = n.error;
 			q(new h(`the media element failed: ${e?.message ?? "unknown"}`, { cause: e }), !1, !0);
 		};
-		n.addEventListener("error", ve), P.push(() => n.removeEventListener("error", ve));
-		let ye = setInterval(() => {
-			_e || n.error || (se().catch(() => {}), fe().catch((e) => q(e, !1)), B && !U && le() && g.readyState === "open" && ae().catch(() => {}));
+		n.addEventListener("error", Ee), j.push(() => n.removeEventListener("error", Ee));
+		let De = setInterval(() => {
+			Te || n.error || (fe().catch(() => {}), ve().catch((e) => q(e, !1)), z && !H && he() && g.readyState === "open" && ue().catch(() => {}));
 		}, 100);
-		return P.push(() => clearInterval(ye)), {
-			destroy: I,
+		return j.push(() => clearInterval(De)), {
+			destroy: N,
+			prepareSeek: xe,
+			videoElement: n,
 			selectSubtitleStream: (e) => o.selectStream(e),
 			indexes: e.indexes ?? [],
 			duration: e.info.input.duration,
@@ -354,10 +372,10 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			audioMimeType: e.info.output.audioMimeType
 		};
 	} catch (e) {
-		throw I(), e;
+		throw N(), e;
 	}
-}, A = 5, j = 500, ee = 320, M = 1e6, te = 3, ne = 1e4, N = async (e) => {
-	let { publicPath: n, workerUrl: r, length: i, read: a, onThumbnails: o, width: s = ee } = e, c = await t({
+}, ne = 5, re = 500, ie = 320, ae = 1e6, oe = 3, se = 1e4, A = async (e) => {
+	let { publicPath: n, workerUrl: r, length: i, read: a, onThumbnails: o, width: s = ie } = e, c = await t({
 		publicPath: n,
 		workerUrl: r,
 		workerOptions: { type: "module" },
@@ -365,14 +383,14 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 		read: a
 	});
 	try {
-		let t = await c.init(), n = t.duration, r = Math.max(e.interval ?? A, n / j), a = [];
+		let t = await c.init(), n = t.duration, r = Math.max(e.interval ?? ne, n / re), a = [];
 		for (let [e, o] of t.indexes.entries()) {
 			let s = a.at(-1);
 			s && o.timestamp - s.timestamp < r || a.push({
 				timestamp: o.timestamp,
 				endTime: n,
 				startByte: o.pos,
-				endByte: Math.min((t.indexes[e + 1]?.pos ?? i) + M, i),
+				endByte: Math.min((t.indexes[e + 1]?.pos ?? i) + ae, i),
 				done: !1,
 				attempts: 0
 			});
@@ -403,7 +421,7 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 		}, p = (e) => {
 			e.done = !0, d = d.then(async () => {
 				if (u) return;
-				let t = await Promise.race([c.readKeyframe(e.timestamp), new Promise((e, t) => setTimeout(() => t(/* @__PURE__ */ Error("timed out")), ne))]), n = await createImageBitmap(new Blob([t], { type: "image/png" })), r = new OffscreenCanvas(s, Math.max(1, Math.round(n.height * (s / n.width))));
+				let t = await Promise.race([c.readKeyframe(e.timestamp), new Promise((e, t) => setTimeout(() => t(/* @__PURE__ */ Error("timed out")), se))]), n = await createImageBitmap(new Blob([t], { type: "image/png" })), r = new OffscreenCanvas(s, Math.max(1, Math.round(n.height * (s / n.width))));
 				r.getContext("2d").drawImage(n, 0, 0, r.width, r.height), n.close();
 				let i = await r.convertToBlob({
 					type: "image/webp",
@@ -415,7 +433,7 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 					endTime: e.endTime
 				}].sort((e, t) => e.startTime - t.startTime), f());
 			}).catch(() => {
-				e.attempts += 1, e.done = e.attempts >= te;
+				e.attempts += 1, e.done = e.attempts >= oe;
 			});
 		};
 		return f(), {
@@ -431,8 +449,8 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 	} catch (e) {
 		throw O(c), e;
 	}
-}, P = 1280, F = 1920, I = 250, L = 100, re = () => typeof HTMLCanvasElement < "u" && "captureStream" in HTMLCanvasElement.prototype, ie = () => typeof document < "u" && typeof HTMLVideoElement < "u" && typeof HTMLVideoElement.prototype.requestPictureInPicture == "function" && !!document.pictureInPictureEnabled, ae = () => typeof HTMLVideoElement < "u" && "mozCaptureStream" in HTMLVideoElement.prototype, R = () => re() ? ie() ? "window" : ae() ? "burn-in" : null : null, z = (e) => {
-	let { video: t, canvas: n } = e, r = e.mode ?? R() ?? "window", i = e.maxWidth ?? (r === "burn-in" ? F : P), a, o, s, c = !1, l = !1, u = !1, d = !1, f, p = () => r === "burn-in" ? !!a : !!a && document.pictureInPictureElement === a.mirror, m = (e, r) => {
+}, j = 1280, M = 1920, N = 250, P = 100, ce = () => typeof HTMLCanvasElement < "u" && "captureStream" in HTMLCanvasElement.prototype, le = () => typeof document < "u" && typeof HTMLVideoElement < "u" && typeof HTMLVideoElement.prototype.requestPictureInPicture == "function" && !!document.pictureInPictureEnabled, ue = () => typeof HTMLVideoElement < "u" && "mozCaptureStream" in HTMLVideoElement.prototype, F = () => ce() ? le() ? "window" : ue() ? "burn-in" : null : null, I = (e) => {
+	let { video: t, canvas: n } = e, r = e.mode ?? F() ?? "window", i = e.maxWidth ?? (r === "burn-in" ? M : j), a, o, s, c = !1, l = !1, u = !1, d = !1, f, p = () => r === "burn-in" ? !!a : !!a && document.pictureInPictureElement === a.mirror, m = (e, r) => {
 		r.drawImage(t, 0, 0, e.width, e.height), n.width > 0 && n.height > 0 && r.drawImage(n, 0, 0, e.width, e.height);
 	}, h = () => {
 		a && m(a.composite, a.context);
@@ -446,52 +464,52 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 		"mediaSession" in navigator && (navigator.mediaSession.playbackState = t.paused ? "paused" : "playing");
 	}, x = () => {
 		c || l || !t.paused || t.play().catch(() => {});
-	}, S = () => {
+	}, ee = () => {
 		c || l || (t.paused || t.pause(), r !== "burn-in" && (c = !0, a?.mirror.play().catch(() => {}).finally(() => {
 			c = !1;
 		})));
-	}, C = () => {
+	}, S = () => {
 		b(), a?.mirror.play().catch(() => {});
-	}, w = () => {
+	}, C = () => {
 		b(), r === "burn-in" && a?.mirror.pause();
-	}, T = () => {
+	}, w = () => {
 		if (r !== "burn-in" || !a || !t.paused || l) return;
 		l = !0;
 		let { mirror: e } = a;
 		h(), e.play().then(() => new Promise((e) => {
-			setTimeout(e, L);
+			setTimeout(e, P);
 		})).catch(() => {}).finally(() => {
 			e.pause(), setTimeout(() => {
 				l = !1;
-			}, L);
+			}, P);
 		});
-	}, E = [["play", () => {
+	}, te = [["play", () => {
 		t.play().catch(() => {});
-	}], ["pause", () => t.pause()]], D = (e) => {
-		if ("mediaSession" in navigator) for (let [t, n] of E) try {
+	}], ["pause", () => t.pause()]], T = (e) => {
+		if ("mediaSession" in navigator) for (let [t, n] of te) try {
 			navigator.mediaSession.setActionHandler(t, e ? n : null);
 		} catch {}
-	}, O = () => {
-		if (y(), D(!1), t.removeEventListener("play", C), t.removeEventListener("pause", w), t.removeEventListener("seeked", T), !a) {
+	}, E = () => {
+		if (y(), T(!1), t.removeEventListener("play", S), t.removeEventListener("pause", C), t.removeEventListener("seeked", w), !a) {
 			f?.();
 			return;
 		}
 		let { stream: e, mirror: n } = a;
-		n.removeEventListener("play", x), n.removeEventListener("pause", S), n.removeEventListener("leavepictureinpicture", k);
+		n.removeEventListener("play", x), n.removeEventListener("pause", ee), n.removeEventListener("leavepictureinpicture", D);
 		for (let t of e.getTracks()) t.stop();
 		n.remove(), a = void 0, f?.();
-	}, k = () => O(), A = (e) => {
+	}, D = () => E(), O = (e) => {
 		let r = t.style.opacity, i = n.style.display;
 		e.style.cssText = "position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;z-index:1", t.style.opacity = "0", n.style.display = "none", f = () => {
 			f = void 0, t.style.opacity = r, n.style.display = i;
 		};
-	}, j = async () => {
+	}, k = async () => {
 		let n = Math.min(t.videoWidth || i, i), o = Math.round(n * ((t.videoHeight || 9) / (t.videoWidth || 16))), c = document.createElement("canvas");
 		c.width = n, c.height = o;
 		let l = c.getContext("2d");
 		if (!l) throw Error("the picture in picture composite has no 2d context");
 		let u = document.createElement("video");
-		u.muted = !0, u.playsInline = !0, r === "burn-in" ? A(u) : u.style.cssText = "position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;left:-1px;top:-1px", m(c, l);
+		u.muted = !0, u.playsInline = !0, r === "burn-in" ? O(u) : u.style.cssText = "position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;left:-1px;top:-1px", m(c, l);
 		let f = {
 			composite: c,
 			context: l,
@@ -500,7 +518,7 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 		};
 		if (a = f, u.srcObject = f.stream, (e.container ?? t.parentElement ?? document.body).appendChild(u), v(), s = setInterval(() => {
 			t.paused && h();
-		}, I), u.play().catch(() => {}), u.readyState === 0 && await new Promise((e) => {
+		}, N), u.play().catch(() => {}), u.readyState === 0 && await new Promise((e) => {
 			let t = () => {
 				clearTimeout(n), e();
 			}, n = setTimeout(t, 1e3);
@@ -509,7 +527,7 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			u.remove();
 			return;
 		}
-		if (u.addEventListener("play", x), u.addEventListener("pause", S), u.addEventListener("leavepictureinpicture", k), t.addEventListener("play", C), t.addEventListener("pause", w), t.addEventListener("seeked", T), D(!0), b(), r === "burn-in") {
+		if (u.addEventListener("play", x), u.addEventListener("pause", ee), u.addEventListener("leavepictureinpicture", D), t.addEventListener("play", S), t.addEventListener("pause", C), t.addEventListener("seeked", w), T(!0), b(), r === "burn-in") {
 			t.paused && u.pause(), e.onBurnedInChange?.(!0);
 			return;
 		}
@@ -522,7 +540,7 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 				try {
 					if (p()) {
 						if (r === "burn-in") {
-							O(), e.onBurnedInChange?.(!1);
+							E(), e.onBurnedInChange?.(!1);
 							return;
 						}
 						await document.exitPictureInPicture().catch(() => {});
@@ -530,9 +548,9 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 					}
 					r !== "burn-in" && document.pictureInPictureElement && await document.exitPictureInPicture().catch(() => {});
 					try {
-						await j();
+						await k();
 					} catch (t) {
-						console.warn("subtitle compositing for picture in picture failed", t), O(), r === "burn-in" && e.onBurnedInChange?.(!1);
+						console.warn("subtitle compositing for picture in picture failed", t), E(), r === "burn-in" && e.onBurnedInChange?.(!1);
 					}
 				} finally {
 					u = !1;
@@ -541,9 +559,9 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 		},
 		mode: r,
 		destroy: () => {
-			d = !0, r !== "burn-in" && p() && document.exitPictureInPicture().catch(() => {}), O(), r === "burn-in" && e.onBurnedInChange?.(!1);
+			d = !0, r !== "burn-in" && p() && document.exitPictureInPicture().catch(() => {}), E(), r === "burn-in" && e.onBurnedInChange?.(!1);
 		}
 	};
 };
 //#endregion
-export { h as a, O as c, a as d, s as f, D as i, c as l, R as n, g as o, N as r, k as s, z as t, m as u };
+export { h as a, O as c, a as d, s as f, D as i, c as l, F as n, g as o, A as r, k as s, I as t, m as u };