@banou/media-player 0.8.20 → 0.9.0

package/dist/{engine-B8CKGIng.js → engine-DZrYu66u.js}

@@ -32,151 +32,194 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			} catch {}
 		})
 	};
-}, s = -1, c = (e, t) => e.createEvent(t), l = (e) => e === void 0 ? void 0 : new URL(e, document.baseURI).toString(), u = (e) => new Date(e).toISOString().slice(11, 22), d = 1, f = (e) => new Map(r(e).styles.style.map((e, t) => [e.Name, t + d])), p = (e, t) => {
+}, s = -1, c = (e) => e === void 0 ? void 0 : new URL(e, document.baseURI).toString(), l = (e) => new Date(e).toISOString().slice(11, 22), u = 1, d = (e) => new Map(r(e).styles.style.map((e, t) => [e.Name, t + u])), f = (e, t) => {
 	let n = t.replace(/^\*+/, ""), r = n.toLowerCase() === "default" ? "Default" : n;
 	return e.styles.get(r) ?? e.styles.get("Default") ?? 0;
-}, m = (e) => {
+}, p = (e) => {
 	let t = e.content.match(/\r?\n\[Events\]\r?\nFormat: (.*)/)?.[0];
 	return t ? {
 		type: "header",
 		streamIndex: e.streamIndex,
 		content: e.content,
 		eventsContent: t,
-		styles: f(e.content)
+		styles: d(e.content)
 	} : (console.warn(`subtitle stream ${e.streamIndex} has no Events format, ignoring the track`), null);
-}, h = (e, t) => {
-	let [n, i] = t.content.split(","), a = Number(n), o = `Dialogue: ${i},${u(t.start)},${u(t.end)},${t.content.replace(`${a},${i},`, "")}`, s = r(`${e.eventsContent}\r\n${o}`).events.dialogue[0];
+}, m = (e, t) => {
+	let [n, i] = t.content.split(","), a = Number(n), o = `Dialogue: ${i},${l(t.start)},${l(t.end)},${t.content.replace(`${a},${i},`, "")}`, s = r(`${e.eventsContent}\r\n${o}`).events.dialogue[0];
 	if (!s) throw Error("dialogue event is undefined");
 	return {
 		type: "dialogue",
 		streamIndex: t.streamIndex,
 		index: a,
 		assEvent: {
-			...s,
-			Style: p(e, s.Style),
-			Effect: s.Effect ?? "",
+			Name: s.Name ?? "",
+			Effect: s.Effect?.name ?? "",
+			Layer: s.Layer,
+			MarginL: s.MarginL,
+			MarginR: s.MarginR,
+			MarginV: s.MarginV,
+			Style: f(e, s.Style),
 			Text: s.Text.raw,
-			Duration: (s.End - s.Start) * 1e3,
 			Start: s.Start * 1e3,
-			End: s.End * 1e3,
-			ReadOrder: a,
-			_index: a
+			Duration: (s.End - s.Start) * 1e3,
+			ReadOrder: a
 		}
 	};
-}, g = (e) => {
-	let { video: t, canvas: r, workerUrl: i } = e, a = l(e.wasmUrl), o = l(e.legacyWasmUrl), s = l(e.defaultFontUrl), u, d = [], f = /* @__PURE__ */ new Map(), p = [], g = /* @__PURE__ */ new Map(), _, v = e.onStreams, ee = setInterval(() => {
-		u?.setCurrentTime(t.paused, t.currentTime, t.playbackRate);
-	}, 100), y = () => u?.setRate(t.playbackRate), b = (e) => {
-		u = new n({
-			onDemandRender: !1,
-			video: t,
-			canvas: r,
-			subContent: e.content,
-			workerUrl: i,
-			modernWasmUrl: a,
-			...o ? { wasmUrl: o } : {},
-			fonts: d.map(([, e]) => e),
-			availableFonts: {
-				...Object.fromEntries(d),
-				...s ? { "liberation sans": s } : {}
-			}
-		}), t.removeEventListener("ratechange", u._boundSetRate), t.addEventListener("ratechange", y);
+}, h = (e) => {
+	let { video: t, container: r, workerUrl: i } = e, a = c(e.wasmUrl), o = c(e.legacyWasmUrl), s = c(e.defaultFontUrl), l, u = [], d = /* @__PURE__ */ new Map(), f = [], h = /* @__PURE__ */ new Map(), g, _ = e.onStreams, v = !1, y = (e) => {
+		console.warn("the subtitle renderer failed; the file plays without subtitles", e);
+	}, b = (e) => {
+		let t = l;
+		t && t.ready.then(() => l === t ? e(t.renderer) : void 0).catch(y);
+	}, x = !1, S = () => {
+		x || (x = !0, queueMicrotask(() => {
+			x = !1;
+			let e = l;
+			!e || !t.videoWidth || e.ready.then(() => {
+				if (l === e) return e.manualRender({
+					expectedDisplayTime: performance.now(),
+					width: t.videoWidth,
+					height: t.videoHeight,
+					mediaTime: t.currentTime
+				}, !0);
+			}).catch(y);
+		}));
+	}, C = [
+		"loadedmetadata",
+		"seeked",
+		"pause"
+	], w = () => S(), T = (e) => {
+		let c = document.createElement("canvas");
+		r.append(c);
+		try {
+			l = new n({
+				video: t,
+				canvas: c,
+				subContent: e.content,
+				workerUrl: i,
+				modernWasmUrl: a,
+				...o ? { wasmUrl: o } : {},
+				fonts: u.map(([, e]) => e),
+				availableFonts: {
+					...Object.fromEntries(u),
+					...s ? { "liberation sans": s } : {}
+				},
+				queryFonts: !1
+			});
+		} catch (e) {
+			c.remove(), y(e);
+			return;
+		}
+		l.ready.catch(y);
+		for (let e of C) t.addEventListener(e, w);
+		s && b((e) => {
+			Promise.resolve(e.addFonts([s])).then(S, y);
+		}), S();
 	};
 	return {
 		pushAttachments: (e) => {
-			d = [...d, ...e.map((e) => [e.filename, new Uint8Array(e.data)])];
+			u = [...u, ...e.map((e) => [e.filename, new Uint8Array(e.data)])];
 		},
 		pushFragments: (e) => {
-			for (let t of e) if (t.type === "header") {
-				if (f.has(t.streamIndex)) continue;
-				let e = m(t);
+			let t = [];
+			for (let n of e) if (n.type === "header") {
+				if (d.has(n.streamIndex)) continue;
+				let e = p(n);
 				if (!e) continue;
-				f.set(t.streamIndex, e), p.push({
-					streamIndex: t.streamIndex,
-					title: t.title,
-					language: t.language
-				}), v?.([...p]), _ === void 0 && (_ = t.streamIndex), u || b(e);
+				d.set(n.streamIndex, e), f.push({
+					streamIndex: n.streamIndex,
+					title: n.title,
+					language: n.language
+				}), _?.([...f]), g === void 0 && (g = n.streamIndex), !l && !v && T(e);
 			} else {
-				let e = f.get(t.streamIndex);
+				let e = d.get(n.streamIndex);
 				if (!e) continue;
-				let n = g.get(t.streamIndex);
-				n || (n = /* @__PURE__ */ new Map(), g.set(t.streamIndex, n));
-				let r = h(e, t);
-				if (n.has(r.index)) continue;
-				n.set(r.index, r), _ === t.streamIndex && u && c(u, r.assEvent);
+				let r = h.get(n.streamIndex);
+				r || (r = /* @__PURE__ */ new Map(), h.set(n.streamIndex, r));
+				let i = m(e, n);
+				if (r.has(i.index)) continue;
+				r.set(i.index, i), g === n.streamIndex && t.push(i.assEvent);
 			}
+			t.length && (b((e) => Promise.all(t.map((t) => e.createEvent(t)))), S());
 		},
 		selectStream: (e) => {
-			let n = e ?? -1;
-			if (n === _ || !u) return;
-			_ = n, u.freeTrack();
-			let r = f.get(n);
-			if (r) {
-				u.setTrack(r.content);
-				for (let e of g.get(n)?.values() ?? []) c(u, e.assEvent);
-				u.setCurrentTime(t.paused, t.currentTime, t.playbackRate);
-			}
+			let t = e ?? -1;
+			if (t === g || !l) return;
+			g = t;
+			let n = d.get(t), r = [...h.get(t)?.values() ?? []].map((e) => e.assEvent);
+			b((e) => {
+				let t = [e.freeTrack()];
+				if (n) {
+					t.push(e.setTrack(n.content));
+					for (let n of r) t.push(e.createEvent(n));
+				}
+				return Promise.all(t);
+			}), S();
 		},
-		getStreams: () => [...p],
-		getSelectedStream: () => _,
+		getStreams: () => [...f],
+		getSelectedStream: () => g,
 		setOnStreams: (e) => {
-			v = e;
+			_ = e;
 		},
 		destroy: () => {
-			clearInterval(ee), t.removeEventListener("ratechange", y), u?.destroy(), u = void 0;
+			v = !0;
+			let e = l;
+			l = void 0;
+			for (let e of C) t.removeEventListener(e, w);
+			e?.destroy().catch(() => {});
 		}
 	};
-}, _ = class extends Error {
+}, g = class extends Error {
 	mediaElement = !0;
 	constructor(e, t) {
 		super(e, t), this.name = "MediaElementError";
 	}
-}, v = (e) => !!e && typeof e == "object" && e.mediaElement === !0, ee = -20, y = 60, b = 30, x = -5, S = 20, C = 5, w = 15e3, T = 1, E = 3, D = 12, O = 200, k = 250, A = 25e5, j = (e) => {
+}, _ = (e) => !!e && typeof e == "object" && e.mediaElement === !0, v = -20, y = 60, b = 30, x = -5, S = 20, C = 5, w = 15e3, T = 1, E = 3, ee = 12, D = 200, O = 250, k = 25e5, A = (e) => {
 	let { worker: t } = e, n = setTimeout(() => t.terminate(), 2e3);
 	e.destroy().catch(() => {}).finally(() => {
 		clearTimeout(n), t.terminate();
 	});
 }, te = async (t) => {
-	let { videoElement: n, canvasElement: r, read: a, length: s, publicPath: c, libavWorkerUrl: l, jassubWorkerUrl: u, jassubWasmUrl: d, jassubLegacyWasmUrl: f, defaultFontUrl: p, bufferSize: m = A, audioStreamIndex: h, onReady: v, onError: te, onRecovered: ne, onSeek: M, onSubtitleStreams: re, onAudioStreams: ie } = t, N = await e({
+	let { videoElement: n, subtitleContainer: r, read: a, length: s, publicPath: c, libavWorkerUrl: l, jassubWorkerUrl: u, jassubWasmUrl: d, jassubLegacyWasmUrl: f, defaultFontUrl: p, bufferSize: m = k, audioStreamIndex: _, onReady: te, onError: ne, onRecovered: re, onSeek: j, onSubtitleStreams: ie, onAudioStreams: ae } = t, M = await e({
 		publicPath: c,
 		workerUrl: l,
 		workerOptions: { type: "module" },
 		bufferSize: m,
 		length: s,
-		audioStreamIndex: h,
+		audioStreamIndex: _,
 		read: a
-	}), P = [], F = !1, ae = () => {
-		if (!F) {
-			F = !0;
-			for (let e of [...P].reverse()) try {
+	}), N = [], P = !1, F = () => {
+		if (!P) {
+			P = !0;
+			for (let e of [...N].reverse()) try {
 				e();
 			} catch {}
 		}
 	};
-	P.push(() => j(N));
+	N.push(() => A(M));
 	try {
-		let e = await N.init(), t = e.audioStreams ?? [], a = t.some((e) => e.streamIndex === h) ? h : t[0]?.streamIndex ?? -1;
-		ie?.(t, a);
-		let s = g({
+		let e = await M.init(), t = e.audioStreams ?? [], a = t.some((e) => e.streamIndex === _) ? _ : t[0]?.streamIndex ?? -1;
+		ae?.(t, a);
+		let s = h({
 			video: n,
-			canvas: r,
+			container: r,
 			workerUrl: u,
 			wasmUrl: d,
 			legacyWasmUrl: f,
 			defaultFontUrl: p,
-			onStreams: re
+			onStreams: ie
 		});
-		if (P.push(() => s.destroy()), e.attachments?.length && s.pushAttachments(e.attachments), !e.info.output.videoMimeType) throw Error("The video codec in this file could not be identified");
+		if (N.push(() => s.destroy()), e.attachments?.length && s.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 m = new MediaSource(), A = URL.createObjectURL(m);
-		P.push(() => URL.revokeObjectURL(A)), n.src = A, P.push(() => {
+		let m = new MediaSource(), k = URL.createObjectURL(m);
+		N.push(() => URL.revokeObjectURL(k)), n.src = k, N.push(() => {
 			try {
 				n.pause();
 			} catch {}
 			n.removeAttribute("src"), n.load();
 		});
-		let j = await new Promise((t, n) => {
+		let A = await new Promise((t, n) => {
 			let r = setTimeout(() => {
 				i(), n(/* @__PURE__ */ Error("The MediaSource never opened"));
 			}, w), i = () => {
@@ -194,139 +237,139 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 				i(), n(/* @__PURE__ */ Error("The MediaSource closed before a SourceBuffer could be created"));
 			};
 			m.addEventListener("sourceopen", a, { once: !0 }), m.addEventListener("sourceclose", o, { once: !0 }), m.addEventListener("error", o, { once: !0 });
-		}), { appendBuffer: I, unbufferRange: oe, updateTimestampOffset: se, endOfStream: ce } = o(j, m);
-		await I(e.data), e.subtitles?.length && s.pushFragments(e.subtitles), v?.();
-		let L = !1, R = !1, z = 0, B, le = () => B ?? n.currentTime, V = !1, H = 0, U = 0, W = null, G = 0, K = 0, q = !1, ue = 0, J = (e, t, n = !1) => {
+		}), { appendBuffer: I, unbufferRange: L, updateTimestampOffset: oe, endOfStream: se } = o(A, m);
+		await I(e.data), e.subtitles?.length && s.pushFragments(e.subtitles), te?.();
+		let R = !1, z = !1, B = 0, V, ce = () => V ?? n.currentTime, H = !1, U = 0, W = 0, G = null, K = 0, le = 0, q = !1, ue = 0, J = (e, t, n = !1) => {
 			let r = e?.message === "Cancelled";
-			t && r || (console.error(e), !(q && !n) && (q = !0, te?.(r ? Error("Reading the video file failed", { cause: e }) : e)));
+			t && r || (console.error(e), !(q && !n) && (q = !0, ne?.(r ? Error("Reading the video file failed", { cause: e }) : e)));
 		}, de = async (e = !1) => {
-			if (z > 0 && !e) return;
-			let t = n.currentTime, r = e ? x : ee, a = e ? S : y;
-			for (let { start: e, end: n } of i(j)) e < t + r && await oe(e, t + r), n > t + a && await oe(t + a, n);
+			if (B > 0 && !e) return;
+			let t = n.currentTime, r = e ? x : v, a = e ? S : y;
+			for (let { start: e, end: n } of i(A)) e < t + r && await L(e, t + r), n > t + a && await L(t + a, n);
 		}, fe = () => {
-			let e = i(j);
+			let e = i(A);
 			if (!e.length) return !0;
-			let t = le(), n = e.find((e) => e.start <= t + T && t < e.end);
+			let t = ce(), n = e.find((e) => e.start <= t + T && t < e.end);
 			return n && n.end >= t + y ? !1 : !n || n.end < t + b;
 		}, pe = () => {
 			let e = n.currentTime;
-			return i(j).find((t) => t.start <= e + T && e < t.end);
+			return i(A).find((t) => t.start <= e + T && e < t.end);
 		}, me = () => {
 			let e = pe();
-			return !!e && e.end >= K - .1;
+			return !!e && e.end >= le - .1;
 		}, he = () => {
-			let e = i(j).map((e) => e.end);
-			e.length && (K = Math.max(K, ...e));
+			let e = i(A).map((e) => e.end);
+			e.length && (le = Math.max(le, ...e));
 		}, Y = async (e) => {
-			R = !0, W = null, G = 0, ue = e;
-			let t = ++U;
+			z = !0, G = null, K = 0, ue = e;
+			let t = ++W;
 			try {
-				let { data: n, pts: r, subtitles: i, finished: a } = await N.seek(e);
-				if (F || t !== U || (a && (V = !0), i?.length && s.pushFragments(i), await se(r), F || t !== U)) return;
+				let { data: n, pts: r, subtitles: i, finished: a } = await M.seek(e);
+				if (P || t !== W || (a && (H = !0), i?.length && s.pushFragments(i), await oe(r), P || t !== W)) return;
 				n.byteLength && (await I(n), he());
 			} catch (e) {
-				J(e, F || t !== U);
+				J(e, P || t !== W);
 			} finally {
-				t === U && (R = !1);
+				t === W && (z = !1);
 			}
 		}, ge = async () => {
-			let e = W;
+			let e = G;
 			if (e) try {
-				await I(e), he(), W === e && (W = null, G = 0);
+				await I(e), he(), G === e && (G = null, K = 0);
 			} catch (t) {
-				if (W !== e) return;
+				if (G !== e) return;
 				if (t?.name === "QuotaExceededError") {
 					let t = await de(!0).then(() => !0, () => !1);
-					if (W !== e) return;
+					if (G !== e) return;
 					if (t) {
-						V = !1, await Y(pe()?.end ?? n.currentTime);
+						H = !1, await Y(pe()?.end ?? n.currentTime);
 						return;
 					}
 				}
-				if (G += 1, G < C) return;
-				throw W = null, t;
+				if (K += 1, K < C) return;
+				throw G = null, t;
 			}
 		}, _e = async () => {
-			if (L || R || $ !== void 0 || F || !W && (V || !fe())) return;
-			let e = ++H, t = U, n = () => F || e !== H || t !== U;
-			L = !0;
+			if (R || z || $ !== void 0 || P || !G && (H || !fe())) return;
+			let e = ++U, t = W, n = () => P || e !== U || t !== W;
+			R = !0;
 			try {
-				if (!W) {
-					let { data: e, subtitles: t, finished: r } = await N.read();
-					if (n() || (r && (V = !0), t?.length && s.pushFragments(t), !e.byteLength)) return;
-					W = e, G = 0;
+				if (!G) {
+					let { data: e, subtitles: t, finished: r } = await M.read();
+					if (n() || (r && (H = !0), t?.length && s.pushFragments(t), !e.byteLength)) return;
+					G = e, K = 0;
 				}
-				await ge(), !n() && q && (q = !1, ne?.());
+				await ge(), !n() && q && (q = !1, re?.());
 			} catch (e) {
 				J(e, n());
 			} finally {
-				e === H && (L = !1);
+				e === U && (R = !1);
 			}
-		}, ve = (e) => e >= ue && !!pe(), ye = (e) => i(j).some((t) => t.start <= e + T && e < t.end), X = (e) => {
-			let t = i(j).find((t) => t.start <= e + T && e < t.end);
+		}, ve = (e) => e >= ue && !!pe(), ye = (e) => i(A).some((t) => t.start <= e + T && e < t.end), X = (e) => {
+			let t = i(A).find((t) => t.start <= e + T && e < t.end);
 			return t ? t.end - e : 0;
 		}, be = async (e) => {
-			if (!F && !(X(e) >= E)) {
-				V = !1, z++, B = e;
+			if (!P && !(X(e) >= E)) {
+				H = !1, B++, V = e;
 				try {
 					ye(e) || await Y(e);
-					let t = U;
-					for (let n = 0; n < D && !(F || t !== U || V || X(e) >= E); n++) {
+					let t = W;
+					for (let n = 0; n < ee && !(P || t !== W || H || X(e) >= E); n++) {
 						let t = X(e);
 						if (await _e(), X(e) <= t) break;
 					}
 				} finally {
-					z--, B === e && (B = void 0);
+					B--, V === e && (V = void 0);
 				}
 			}
 		}, xe = 0, Z = null, Q, Se = (e) => {
 			let t = performance.now(), n = t - xe;
-			if (n >= O) {
-				xe = t, Z = null, M?.(e);
+			if (n >= D) {
+				xe = t, Z = null, j?.(e);
 				return;
 			}
 			Z = e, !Q && (Q = setTimeout(() => {
 				Q = void 0;
 				let e = Z;
-				Z = null, !(e === null || F) && (xe = performance.now(), M?.(e));
-			}, O - n));
+				Z = null, !(e === null || P) && (xe = performance.now(), j?.(e));
+			}, D - n));
 		};
-		P.push(() => {
+		N.push(() => {
 			Q && clearTimeout(Q);
 		});
 		let Ce = 0, $;
-		P.push(() => {
+		N.push(() => {
 			$ && clearTimeout($);
 		});
 		let we = () => {
 			let t = n.currentTime, r = e.info.input.duration || n.duration;
 			r > 0 && Se(Math.min(Math.max(t / r, 0), 1));
-			let i = performance.now(), a = i - Ce < k;
-			if (Ce = i, !ve(t) && !(R && Math.abs(t - ue) < .001)) {
-				if (V = !1, $ && clearTimeout($), !a) {
+			let i = performance.now(), a = i - Ce < O;
+			if (Ce = i, !ve(t) && !(z && Math.abs(t - ue) < .001)) {
+				if (H = !1, $ && clearTimeout($), !a) {
 					$ = void 0, Y(t);
 					return;
 				}
 				$ = setTimeout(() => {
-					if ($ = void 0, F) return;
+					if ($ = void 0, P) return;
 					let e = n.currentTime;
-					ve(e) || (V = !1, Y(e));
-				}, k);
+					ve(e) || (H = !1, Y(e));
+				}, O);
 			}
 		};
-		n.addEventListener("seeking", we), P.push(() => n.removeEventListener("seeking", we));
+		n.addEventListener("seeking", we), N.push(() => n.removeEventListener("seeking", we));
 		let Te = !1, Ee = () => {
 			if (Te) return;
 			Te = !0;
 			let e = n.error;
-			J(new _(`the media element failed: ${e?.message ?? "unknown"}`, { cause: e }), !1, !0);
+			J(new g(`the media element failed: ${e?.message ?? "unknown"}`, { cause: e }), !1, !0);
 		};
-		n.addEventListener("error", Ee), P.push(() => n.removeEventListener("error", Ee));
+		n.addEventListener("error", Ee), N.push(() => n.removeEventListener("error", Ee));
 		let De = setInterval(() => {
-			Te || n.error || (de().catch(() => {}), _e().catch((e) => J(e, !1)), V && !W && me() && m.readyState === "open" && ce().catch(() => {}));
+			Te || n.error || (de().catch(() => {}), _e().catch((e) => J(e, !1)), H && !G && me() && m.readyState === "open" && se().catch(() => {}));
 		}, 100);
-		return P.push(() => clearInterval(De)), {
-			destroy: ae,
+		return N.push(() => clearInterval(De)), {
+			destroy: F,
 			prepareSeek: be,
 			videoElement: n,
 			selectSubtitleStream: (e) => s.selectStream(e),
@@ -336,10 +379,10 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			audioMimeType: e.info.output.audioMimeType
 		};
 	} catch (e) {
-		throw ae(), e;
+		throw F(), e;
 	}
-}, ne = 5, M = 500, re = 320, ie = 1e6, N = 3, P = 1e4, F = async (e) => {
-	let { publicPath: n, workerUrl: r, length: i, read: a, onThumbnails: o, width: s = re } = e, c = await t({
+}, ne = 5, re = 500, j = 320, ie = 1e6, ae = 3, M = 1e4, N = async (e) => {
+	let { publicPath: n, workerUrl: r, length: i, read: a, onThumbnails: o, width: s = j } = e, c = await t({
 		publicPath: n,
 		workerUrl: r,
 		workerOptions: { type: "module" },
@@ -347,7 +390,7 @@ var i = (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 ?? ne, n / M), 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({
@@ -385,7 +428,7 @@ var i = (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")), P))]), 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")), M))]), 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",
@@ -397,7 +440,7 @@ var i = (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 >= N;
+				e.attempts += 1, e.done = e.attempts >= ae;
 			});
 		};
 		return f(), {
@@ -407,59 +450,61 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			destroy: () => {
 				u = !0;
 				for (let e of l) URL.revokeObjectURL(e.url);
-				l = [], j(c);
+				l = [], A(c);
 			}
 		};
 	} catch (e) {
-		throw j(c), e;
+		throw A(c), e;
 	}
-}, ae = 1280, I = 1920, oe = 250, se = 100, ce = () => typeof HTMLCanvasElement < "u" && "captureStream" in HTMLCanvasElement.prototype, L = () => typeof document < "u" && typeof HTMLVideoElement < "u" && typeof HTMLVideoElement.prototype.requestPictureInPicture == "function" && !!document.pictureInPictureEnabled, R = () => typeof HTMLVideoElement < "u" && "mozCaptureStream" in HTMLVideoElement.prototype, z = () => ce() ? L() ? "window" : R() ? "burn-in" : null : null, B = (e) => {
-	let { video: t, canvas: n } = e, r = e.mode ?? z() ?? "window", i = e.maxWidth ?? (r === "burn-in" ? I : ae), 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);
+}, P = 1280, F = 1920, I = 250, L = 100, oe = () => typeof HTMLCanvasElement < "u" && "captureStream" in HTMLCanvasElement.prototype, se = () => typeof document < "u" && typeof HTMLVideoElement < "u" && typeof HTMLVideoElement.prototype.requestPictureInPicture == "function" && !!document.pictureInPictureEnabled, R = () => typeof HTMLVideoElement < "u" && "mozCaptureStream" in HTMLVideoElement.prototype, z = () => oe() ? se() ? "window" : R() ? "burn-in" : null : null, B = (e) => {
+	let { video: t, subtitles: n } = e, r = e.mode ?? z() ?? "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) => {
+		r.drawImage(t, 0, 0, e.width, e.height);
+		let i = n.querySelector("canvas");
+		i && i.width > 0 && i.height > 0 && r.drawImage(i, 0, 0, e.width, e.height);
 	}, h = () => {
 		a && m(a.composite, a.context);
 	}, g = "requestVideoFrameCallback" in t, _ = () => {
 		h(), v();
 	}, v = () => {
 		d || !a || (o = g ? t.requestVideoFrameCallback(_) : requestAnimationFrame(_));
-	}, ee = () => {
-		o !== void 0 && (g ? t.cancelVideoFrameCallback(o) : cancelAnimationFrame(o)), s !== void 0 && clearInterval(s), o = void 0, s = void 0;
 	}, y = () => {
-		"mediaSession" in navigator && (navigator.mediaSession.playbackState = t.paused ? "paused" : "playing");
+		o !== void 0 && (g ? t.cancelVideoFrameCallback(o) : cancelAnimationFrame(o)), s !== void 0 && clearInterval(s), o = void 0, s = void 0;
 	}, b = () => {
-		c || l || !t.paused || t.play().catch(() => {});
+		"mediaSession" in navigator && (navigator.mediaSession.playbackState = t.paused ? "paused" : "playing");
 	}, x = () => {
+		c || l || !t.paused || t.play().catch(() => {});
+	}, S = () => {
 		c || l || (t.paused || t.pause(), r !== "burn-in" && (c = !0, a?.mirror.play().catch(() => {}).finally(() => {
 			c = !1;
 		})));
-	}, S = () => {
-		y(), a?.mirror.play().catch(() => {});
 	}, C = () => {
-		y(), r === "burn-in" && a?.mirror.pause();
+		b(), a?.mirror.play().catch(() => {});
 	}, w = () => {
+		b(), r === "burn-in" && a?.mirror.pause();
+	}, T = () => {
 		if (r !== "burn-in" || !a || !t.paused || l) return;
 		l = !0;
 		let { mirror: e } = a;
 		h(), e.play().then(() => new Promise((e) => {
-			setTimeout(e, se);
+			setTimeout(e, L);
 		})).catch(() => {}).finally(() => {
 			e.pause(), setTimeout(() => {
 				l = !1;
-			}, se);
+			}, L);
 		});
-	}, T = [["play", () => {
+	}, E = [["play", () => {
 		t.play().catch(() => {});
-	}], ["pause", () => t.pause()]], E = (e) => {
-		if ("mediaSession" in navigator) for (let [t, n] of T) try {
+	}], ["pause", () => t.pause()]], ee = (e) => {
+		if ("mediaSession" in navigator) for (let [t, n] of E) try {
 			navigator.mediaSession.setActionHandler(t, e ? n : null);
 		} catch {}
 	}, D = () => {
-		if (ee(), E(!1), t.removeEventListener("play", S), t.removeEventListener("pause", C), t.removeEventListener("seeked", w), !a) {
+		if (y(), ee(!1), t.removeEventListener("play", C), t.removeEventListener("pause", w), t.removeEventListener("seeked", T), !a) {
 			f?.();
 			return;
 		}
 		let { stream: e, mirror: n } = a;
-		n.removeEventListener("play", b), n.removeEventListener("pause", x), n.removeEventListener("leavepictureinpicture", O);
+		n.removeEventListener("play", x), n.removeEventListener("pause", S), n.removeEventListener("leavepictureinpicture", O);
 		for (let t of e.getTracks()) t.stop();
 		n.remove(), a = void 0, f?.();
 	}, O = () => D(), k = (e) => {
@@ -482,7 +527,7 @@ var i = (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();
-		}, oe), u.play().catch(() => {}), u.readyState === 0 && await new Promise((e) => {
+		}, I), u.play().catch(() => {}), u.readyState === 0 && await new Promise((e) => {
 			let t = () => {
 				clearTimeout(n), e();
 			}, n = setTimeout(t, 1e3);
@@ -491,7 +536,7 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			u.remove();
 			return;
 		}
-		if (u.addEventListener("play", b), u.addEventListener("pause", x), u.addEventListener("leavepictureinpicture", O), t.addEventListener("play", S), t.addEventListener("pause", C), t.addEventListener("seeked", w), E(!0), y(), r === "burn-in") {
+		if (u.addEventListener("play", x), u.addEventListener("pause", S), u.addEventListener("leavepictureinpicture", O), t.addEventListener("play", C), t.addEventListener("pause", w), t.addEventListener("seeked", T), ee(!0), b(), r === "burn-in") {
 			t.paused && u.pause(), e.onBurnedInChange?.(!0);
 			return;
 		}
@@ -528,4 +573,4 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 	};
 };
 //#endregion
-export { _ as a, j as c, i as d, o as f, A as i, s as l, z as n, v as o, F as r, te as s, B as t, g as u };
+export { g as a, A as c, i as d, o as f, k as i, s as l, z as n, _ as o, N as r, te as s, B as t, h as u };