@banou/media-player 0.8.16 → 0.8.17

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-DPnChmYc.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-B8CKGIng.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/subtitles.d.ts

@@ -20,7 +20,12 @@ export type SubtitleRendererOptions = {
      * which throws. So leaving this unset does not degrade to the slower build, it fails outright.
      */
     legacyWasmUrl?: string;
-    /** Fallback face for `liberation sans`. Without it jassub falls back to whatever the wasm build embeds. */
+    /**
+     * Fallback face for `liberation sans`. Without it jassub falls back to whatever the wasm build embeds.
+     *
+     * May be relative: it is resolved against the document before the worker sees it, for the reason
+     * given on `workerFetched`.
+     */
     defaultFontUrl?: string;
     onStreams?: (streams: SubtitleStream[]) => void;
 };

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

@@ -1,12 +1,12 @@
 import { makeRemuxer as e, makeThumbnailer as t } from "libav-wasm";
 import n from "jassub";
-import { parse as r, stringify as i } from "ass-compiler";
+import { parse as r } from "ass-compiler";
 //#region src/lib/engine/source-buffer.ts
-var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
+var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 	index: n,
 	start: e.buffered.start(n),
 	end: e.buffered.end(n)
-})), o = (e) => new Promise((t, n) => {
+})), a = (e) => new Promise((t, n) => {
 	let r = () => {
 		e.removeEventListener("updateend", i), e.removeEventListener("abort", i), e.removeEventListener("error", a);
 	}, i = () => {
@@ -15,14 +15,14 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 		r(), n(Error("The browser rejected a media segment", { cause: e }));
 	};
 	e.addEventListener("updateend", i, { once: !0 }), e.addEventListener("abort", i, { once: !0 }), e.addEventListener("error", a, { once: !0 });
-}), s = (e, t) => {
+}), o = (e, t) => {
 	let n = Promise.resolve(), r = (e) => {
 		let t = n.then(e, e);
 		return n = t.catch(() => {}), t;
 	};
 	return {
-		appendBuffer: (t) => r(() => (e.appendBuffer(t), o(e))),
-		unbufferRange: (t, n) => r(() => t >= n ? Promise.resolve() : (e.remove(t, n), o(e))),
+		appendBuffer: (t) => r(() => (e.appendBuffer(t), a(e))),
+		unbufferRange: (t, n) => r(() => t >= n ? Promise.resolve() : (e.remove(t, n), a(e))),
 		updateTimestampOffset: (t) => r(async () => {
 			e.timestampOffset = t;
 		}),
@@ -32,21 +32,10 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			} catch {}
 		})
 	};
-}, c = -1, l = (e, t) => e.createEvent(t), 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, 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) => {
 	let n = t.replace(/^\*+/, ""), r = n.toLowerCase() === "default" ? "Default" : n;
 	return e.styles.get(r) ?? e.styles.get("Default") ?? 0;
 }, m = (e) => {
-	let t = r(e);
-	return i({
-		...t,
-		info: {
-			...t.info,
-			ScaledBorderAndShadow: "no",
-			LayoutResX: "",
-			LayoutResY: ""
-		}
-	});
-}, h = (e) => {
 	let t = e.content.match(/\r?\n\[Events\]\r?\nFormat: (.*)/)?.[0];
 	return t ? {
 		type: "header",
@@ -55,7 +44,7 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 		eventsContent: t,
 		styles: f(e.content)
 	} : (console.warn(`subtitle stream ${e.streamIndex} has no Events format, ignoring the track`), null);
-}, g = (e, t) => {
+}, 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];
 	if (!s) throw Error("dialogue event is undefined");
 	return {
@@ -74,123 +63,123 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			_index: a
 		}
 	};
-}, _ = (e) => {
-	let { video: t, canvas: r, workerUrl: i, wasmUrl: a, legacyWasmUrl: o, defaultFontUrl: s } = e, c, u = [], d = /* @__PURE__ */ new Map(), f = [], p = /* @__PURE__ */ new Map(), _, v = e.onStreams, y = setInterval(() => {
-		c?.setCurrentTime(t.paused, t.currentTime, t.playbackRate);
-	}, 100), b = () => c?.setRate(t.playbackRate), x = (e) => {
-		c = new n({
+}, 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: m(e.content),
+			subContent: e.content,
 			workerUrl: i,
 			modernWasmUrl: a,
 			...o ? { wasmUrl: o } : {},
-			fonts: u.map(([, e]) => e),
+			fonts: d.map(([, e]) => e),
 			availableFonts: {
-				...Object.fromEntries(u),
+				...Object.fromEntries(d),
 				...s ? { "liberation sans": s } : {}
 			}
-		}), t.removeEventListener("ratechange", c._boundSetRate), t.addEventListener("ratechange", b);
+		}), t.removeEventListener("ratechange", u._boundSetRate), t.addEventListener("ratechange", y);
 	};
 	return {
 		pushAttachments: (e) => {
-			u = [...u, ...e.map((e) => [e.filename, new Uint8Array(e.data)])];
+			d = [...d, ...e.map((e) => [e.filename, new Uint8Array(e.data)])];
 		},
 		pushFragments: (e) => {
 			for (let t of e) if (t.type === "header") {
-				if (d.has(t.streamIndex)) continue;
-				let e = h(t);
+				if (f.has(t.streamIndex)) continue;
+				let e = m(t);
 				if (!e) continue;
-				d.set(t.streamIndex, e), f.push({
+				f.set(t.streamIndex, e), p.push({
 					streamIndex: t.streamIndex,
 					title: t.title,
 					language: t.language
-				}), v?.([...f]), _ === void 0 && (_ = t.streamIndex), c || x(e);
+				}), v?.([...p]), _ === void 0 && (_ = t.streamIndex), u || b(e);
 			} else {
-				let e = d.get(t.streamIndex);
+				let e = f.get(t.streamIndex);
 				if (!e) continue;
-				let n = p.get(t.streamIndex);
-				n || (n = /* @__PURE__ */ new Map(), p.set(t.streamIndex, n));
-				let r = g(e, t);
+				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 && c && l(c, r.assEvent);
+				n.set(r.index, r), _ === t.streamIndex && u && c(u, r.assEvent);
 			}
 		},
 		selectStream: (e) => {
 			let n = e ?? -1;
-			if (n === _ || !c) return;
-			_ = n, c.freeTrack();
-			let r = d.get(n);
+			if (n === _ || !u) return;
+			_ = n, u.freeTrack();
+			let r = f.get(n);
 			if (r) {
-				c.setTrack(m(r.content));
-				for (let e of p.get(n)?.values() ?? []) l(c, e.assEvent);
-				c.setCurrentTime(t.paused, t.currentTime, t.playbackRate);
+				u.setTrack(r.content);
+				for (let e of g.get(n)?.values() ?? []) c(u, e.assEvent);
+				u.setCurrentTime(t.paused, t.currentTime, t.playbackRate);
 			}
 		},
-		getStreams: () => [...f],
+		getStreams: () => [...p],
 		getSelectedStream: () => _,
 		setOnStreams: (e) => {
 			v = e;
 		},
 		destroy: () => {
-			clearInterval(y), t.removeEventListener("ratechange", b), c?.destroy(), c = void 0;
+			clearInterval(ee), t.removeEventListener("ratechange", y), u?.destroy(), u = void 0;
 		}
 	};
-}, v = class extends Error {
+}, _ = class extends Error {
 	mediaElement = !0;
 	constructor(e, t) {
 		super(e, t), this.name = "MediaElementError";
 	}
-}, y = (e) => !!e && typeof e == "object" && e.mediaElement === !0, b = -20, x = 60, S = 30, C = -5, w = 20, T = 5, ee = 15e3, E = 1, D = 3, te = 12, ne = 200, re = 250, O = 25e5, k = (e) => {
+}, 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) => {
 	let { worker: t } = e, n = setTimeout(() => t.terminate(), 2e3);
 	e.destroy().catch(() => {}).finally(() => {
 		clearTimeout(n), t.terminate();
 	});
-}, ie = async (t) => {
-	let { videoElement: n, canvasElement: r, read: i, length: o, publicPath: c, libavWorkerUrl: l, jassubWorkerUrl: u, jassubWasmUrl: d, jassubLegacyWasmUrl: f, defaultFontUrl: p, bufferSize: m = O, audioStreamIndex: h, onReady: g, onError: y, onRecovered: ie, onSeek: ae, onSubtitleStreams: oe, onAudioStreams: se } = t, A = await e({
+}, 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({
 		publicPath: c,
 		workerUrl: l,
 		workerOptions: { type: "module" },
 		bufferSize: m,
-		length: o,
+		length: s,
 		audioStreamIndex: h,
-		read: i
-	}), j = [], M = !1, N = () => {
-		if (!M) {
-			M = !0;
-			for (let e of [...j].reverse()) try {
+		read: a
+	}), P = [], F = !1, ae = () => {
+		if (!F) {
+			F = !0;
+			for (let e of [...P].reverse()) try {
 				e();
 			} catch {}
 		}
 	};
-	j.push(() => k(A));
+	P.push(() => j(N));
 	try {
-		let e = await A.init(), t = e.audioStreams ?? [], i = t.some((e) => e.streamIndex === h) ? h : t[0]?.streamIndex ?? -1;
-		se?.(t, i);
-		let o = _({
+		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({
 			video: n,
 			canvas: r,
 			workerUrl: u,
 			wasmUrl: d,
 			legacyWasmUrl: f,
 			defaultFontUrl: p,
-			onStreams: oe
+			onStreams: re
 		});
-		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");
+		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");
 		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(), O = URL.createObjectURL(m);
-		j.push(() => URL.revokeObjectURL(O)), n.src = O, j.push(() => {
+		let m = new MediaSource(), A = URL.createObjectURL(m);
+		P.push(() => URL.revokeObjectURL(A)), n.src = A, P.push(() => {
 			try {
 				n.pause();
 			} catch {}
 			n.removeAttribute("src"), n.load();
 		});
-		let k = await new Promise((t, n) => {
+		let j = await new Promise((t, n) => {
 			let r = setTimeout(() => {
 				i(), n(/* @__PURE__ */ Error("The MediaSource never opened"));
-			}, ee), i = () => {
+			}, w), i = () => {
 				clearTimeout(r), m.removeEventListener("sourceopen", a), m.removeEventListener("sourceclose", o), m.removeEventListener("error", o);
 			}, a = () => {
 				try {
@@ -205,152 +194,152 @@ 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"));
 			};
 			m.addEventListener("sourceopen", a, { once: !0 }), m.addEventListener("sourceclose", o, { once: !0 }), m.addEventListener("error", o, { once: !0 });
-		}), { appendBuffer: P, unbufferRange: ce, updateTimestampOffset: le, endOfStream: ue } = s(k, m);
-		await P(e.data), e.subtitles?.length && o.pushFragments(e.subtitles), g?.();
-		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, fe = 0, K = (e, t, n = !1) => {
+		}), { 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) => {
 			let r = e?.message === "Cancelled";
-			t && r || (console.error(e), !(G && !n) && (G = !0, y?.(r ? Error("Reading the video file failed", { cause: e }) : e)));
-		}, pe = async (e = !1) => {
-			if (L > 0 && !e) return;
-			let t = n.currentTime, r = e ? C : b, i = e ? w : x;
-			for (let { start: e, end: n } of a(k)) e < t + r && await ce(e, t + r), n > t + i && await ce(t + i, n);
-		}, me = () => {
-			let e = a(k);
+			t && r || (console.error(e), !(q && !n) && (q = !0, te?.(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);
+		}, fe = () => {
+			let e = i(j);
 			if (!e.length) return !0;
-			let t = de(), n = e.find((e) => e.start <= t + E && t < e.end);
-			return n && n.end >= t + x ? !1 : !n || n.end < t + S;
-		}, he = () => {
+			let t = le(), 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 a(k).find((t) => t.start <= e + E && e < t.end);
-		}, ge = () => {
-			let e = he();
-			return !!e && e.end >= W - .1;
-		}, _e = () => {
-			let e = a(k).map((e) => e.end);
-			e.length && (W = Math.max(W, ...e));
-		}, q = async (e) => {
-			I = !0, H = null, U = 0, fe = e;
-			let t = ++V;
+			return i(j).find((t) => t.start <= e + T && e < t.end);
+		}, me = () => {
+			let e = pe();
+			return !!e && e.end >= K - .1;
+		}, he = () => {
+			let e = i(j).map((e) => e.end);
+			e.length && (K = Math.max(K, ...e));
+		}, Y = async (e) => {
+			R = !0, W = null, G = 0, ue = e;
+			let t = ++U;
 			try {
-				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), _e());
+				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;
+				n.byteLength && (await I(n), he());
 			} catch (e) {
-				K(e, M || t !== V);
+				J(e, F || t !== U);
 			} finally {
-				t === V && (I = !1);
+				t === U && (R = !1);
 			}
-		}, ve = async () => {
-			let e = H;
+		}, ge = async () => {
+			let e = W;
 			if (e) try {
-				await P(e), _e(), H === e && (H = null, U = 0);
+				await I(e), he(), W === e && (W = null, G = 0);
 			} catch (t) {
-				if (H !== e) return;
+				if (W !== e) return;
 				if (t?.name === "QuotaExceededError") {
-					let t = await pe(!0).then(() => !0, () => !1);
-					if (H !== e) return;
+					let t = await de(!0).then(() => !0, () => !1);
+					if (W !== e) return;
 					if (t) {
-						z = !1, await q(he()?.end ?? n.currentTime);
+						V = !1, await Y(pe()?.end ?? n.currentTime);
 						return;
 					}
 				}
-				if (U += 1, U < T) return;
-				throw H = null, t;
+				if (G += 1, G < C) return;
+				throw W = null, t;
 			}
-		}, ye = async () => {
-			if (F || I || Q !== void 0 || M || !H && (z || !me())) return;
-			let e = ++B, t = V, n = () => M || e !== B || t !== V;
-			F = !0;
+		}, _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;
 			try {
-				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;
+				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;
 				}
-				await ve(), !n() && G && (G = !1, ie?.());
+				await ge(), !n() && q && (q = !1, ne?.());
 			} catch (e) {
-				K(e, n());
+				J(e, n());
 			} finally {
-				e === B && (F = !1);
+				e === H && (L = !1);
 			}
-		}, be = (e) => e >= fe && !!he(), xe = (e) => a(k).some((t) => t.start <= e + E && e < t.end), J = (e) => {
-			let t = a(k).find((t) => t.start <= e + E && e < t.end);
+		}, 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);
 			return t ? t.end - e : 0;
-		}, Se = async (e) => {
-			if (!M && !(J(e) >= D)) {
-				z = !1, L++, R = e;
+		}, be = async (e) => {
+			if (!F && !(X(e) >= E)) {
+				V = !1, z++, B = e;
 				try {
-					xe(e) || await q(e);
-					let t = V;
-					for (let n = 0; n < te && !(M || t !== V || z || J(e) >= D); n++) {
-						let t = J(e);
-						if (await ye(), J(e) <= t) break;
+					ye(e) || await Y(e);
+					let t = U;
+					for (let n = 0; n < D && !(F || t !== U || V || X(e) >= E); n++) {
+						let t = X(e);
+						if (await _e(), X(e) <= t) break;
 					}
 				} finally {
-					L--, R === e && (R = void 0);
+					z--, B === e && (B = void 0);
 				}
 			}
-		}, Y = 0, X = null, Z, Ce = (e) => {
-			let t = performance.now(), n = t - Y;
-			if (n >= ne) {
-				Y = t, X = null, ae?.(e);
+		}, xe = 0, Z = null, Q, Se = (e) => {
+			let t = performance.now(), n = t - xe;
+			if (n >= O) {
+				xe = t, Z = null, M?.(e);
 				return;
 			}
-			X = e, !Z && (Z = setTimeout(() => {
-				Z = void 0;
-				let e = X;
-				X = null, !(e === null || M) && (Y = performance.now(), ae?.(e));
-			}, ne - n));
+			Z = e, !Q && (Q = setTimeout(() => {
+				Q = void 0;
+				let e = Z;
+				Z = null, !(e === null || F) && (xe = performance.now(), M?.(e));
+			}, O - n));
 		};
-		j.push(() => {
-			Z && clearTimeout(Z);
-		});
-		let we = 0, Q;
-		j.push(() => {
+		P.push(() => {
 			Q && clearTimeout(Q);
 		});
-		let Te = () => {
+		let Ce = 0, $;
+		P.push(() => {
+			$ && clearTimeout($);
+		});
+		let we = () => {
 			let t = n.currentTime, r = e.info.input.duration || n.duration;
-			r > 0 && Ce(Math.min(Math.max(t / r, 0), 1));
-			let i = performance.now(), a = i - we < re;
-			if (we = i, !be(t) && !(I && Math.abs(t - fe) < .001)) {
-				if (z = !1, Q && clearTimeout(Q), !a) {
-					Q = void 0, q(t);
+			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) {
+					$ = void 0, Y(t);
 					return;
 				}
-				Q = setTimeout(() => {
-					if (Q = void 0, M) return;
+				$ = setTimeout(() => {
+					if ($ = void 0, F) return;
 					let e = n.currentTime;
-					be(e) || (z = !1, q(e));
-				}, re);
+					ve(e) || (V = !1, Y(e));
+				}, k);
 			}
 		};
-		n.addEventListener("seeking", Te), j.push(() => n.removeEventListener("seeking", Te));
-		let $ = !1, Ee = () => {
-			if ($) return;
-			$ = !0;
+		n.addEventListener("seeking", we), P.push(() => n.removeEventListener("seeking", we));
+		let Te = !1, Ee = () => {
+			if (Te) return;
+			Te = !0;
 			let e = n.error;
-			K(new v(`the media element failed: ${e?.message ?? "unknown"}`, { cause: e }), !1, !0);
+			J(new _(`the media element failed: ${e?.message ?? "unknown"}`, { cause: e }), !1, !0);
 		};
-		n.addEventListener("error", Ee), j.push(() => n.removeEventListener("error", Ee));
+		n.addEventListener("error", Ee), P.push(() => n.removeEventListener("error", Ee));
 		let De = setInterval(() => {
-			$ || n.error || (pe().catch(() => {}), ye().catch((e) => K(e, !1)), z && !H && ge() && m.readyState === "open" && ue().catch(() => {}));
+			Te || n.error || (de().catch(() => {}), _e().catch((e) => J(e, !1)), V && !W && me() && m.readyState === "open" && ce().catch(() => {}));
 		}, 100);
-		return j.push(() => clearInterval(De)), {
-			destroy: N,
-			prepareSeek: Se,
+		return P.push(() => clearInterval(De)), {
+			destroy: ae,
+			prepareSeek: be,
 			videoElement: n,
-			selectSubtitleStream: (e) => o.selectStream(e),
+			selectSubtitleStream: (e) => s.selectStream(e),
 			indexes: e.indexes ?? [],
 			duration: e.info.input.duration,
 			videoMimeType: e.info.output.videoMimeType,
 			audioMimeType: e.info.output.audioMimeType
 		};
 	} catch (e) {
-		throw N(), e;
+		throw ae(), e;
 	}
-}, ae = 5, oe = 500, se = 320, A = 1e6, j = 3, M = 1e4, N = async (e) => {
-	let { publicPath: n, workerUrl: r, length: i, read: a, onThumbnails: o, width: s = se } = e, c = await t({
+}, 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({
 		publicPath: n,
 		workerUrl: r,
 		workerOptions: { type: "module" },
@@ -358,14 +347,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 ?? ae, n / oe), a = [];
+		let t = await c.init(), n = t.duration, r = Math.max(e.interval ?? ne, n / M), 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) + A, i),
+				endByte: Math.min((t.indexes[e + 1]?.pos ?? i) + ie, i),
 				done: !1,
 				attempts: 0
 			});
@@ -396,7 +385,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")), M))]), 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")), P))]), 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",
@@ -408,7 +397,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 >= j;
+				e.attempts += 1, e.done = e.attempts >= N;
 			});
 		};
 		return f(), {
@@ -418,14 +407,14 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			destroy: () => {
 				u = !0;
 				for (let e of l) URL.revokeObjectURL(e.url);
-				l = [], k(c);
+				l = [], j(c);
 			}
 		};
 	} catch (e) {
-		throw k(c), e;
+		throw j(c), e;
 	}
-}, P = 1280, ce = 1920, le = 250, ue = 100, F = () => typeof HTMLCanvasElement < "u" && "captureStream" in HTMLCanvasElement.prototype, I = () => typeof document < "u" && typeof HTMLVideoElement < "u" && typeof HTMLVideoElement.prototype.requestPictureInPicture == "function" && !!document.pictureInPictureEnabled, L = () => typeof HTMLVideoElement < "u" && "mozCaptureStream" in HTMLVideoElement.prototype, R = () => F() ? I() ? "window" : L() ? "burn-in" : null : null, de = (e) => {
-	let { video: t, canvas: n } = e, r = e.mode ?? R() ?? "window", i = e.maxWidth ?? (r === "burn-in" ? ce : 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) => {
+}, 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);
 	}, h = () => {
 		a && m(a.composite, a.context);
@@ -433,58 +422,58 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 		h(), v();
 	}, v = () => {
 		d || !a || (o = g ? t.requestVideoFrameCallback(_) : requestAnimationFrame(_));
-	}, y = () => {
+	}, ee = () => {
 		o !== void 0 && (g ? t.cancelVideoFrameCallback(o) : cancelAnimationFrame(o)), s !== void 0 && clearInterval(s), o = void 0, s = void 0;
-	}, b = () => {
+	}, y = () => {
 		"mediaSession" in navigator && (navigator.mediaSession.playbackState = t.paused ? "paused" : "playing");
-	}, x = () => {
+	}, b = () => {
 		c || l || !t.paused || t.play().catch(() => {});
-	}, S = () => {
+	}, x = () => {
 		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 = () => {
-		b(), a?.mirror.play().catch(() => {});
+		y(), r === "burn-in" && a?.mirror.pause();
 	}, 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, ue);
+			setTimeout(e, se);
 		})).catch(() => {}).finally(() => {
 			e.pause(), setTimeout(() => {
 				l = !1;
-			}, ue);
+			}, se);
 		});
-	}, ee = [["play", () => {
+	}, T = [["play", () => {
 		t.play().catch(() => {});
 	}], ["pause", () => t.pause()]], E = (e) => {
-		if ("mediaSession" in navigator) for (let [t, n] of ee) try {
+		if ("mediaSession" in navigator) for (let [t, n] of T) try {
 			navigator.mediaSession.setActionHandler(t, e ? n : null);
 		} catch {}
 	}, D = () => {
-		if (y(), E(!1), t.removeEventListener("play", C), t.removeEventListener("pause", w), t.removeEventListener("seeked", T), !a) {
+		if (ee(), E(!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", te);
+		n.removeEventListener("play", b), n.removeEventListener("pause", x), n.removeEventListener("leavepictureinpicture", O);
 		for (let t of e.getTracks()) t.stop();
 		n.remove(), a = void 0, f?.();
-	}, te = () => D(), ne = (e) => {
+	}, O = () => D(), k = (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;
 		};
-	}, re = async () => {
+	}, A = 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" ? ne(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" ? k(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,
@@ -493,7 +482,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();
-		}, le), u.play().catch(() => {}), u.readyState === 0 && await new Promise((e) => {
+		}, oe), u.play().catch(() => {}), u.readyState === 0 && await new Promise((e) => {
 			let t = () => {
 				clearTimeout(n), e();
 			}, n = setTimeout(t, 1e3);
@@ -502,7 +491,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", te), t.addEventListener("play", C), t.addEventListener("pause", w), t.addEventListener("seeked", T), E(!0), b(), r === "burn-in") {
+		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") {
 			t.paused && u.pause(), e.onBurnedInChange?.(!0);
 			return;
 		}
@@ -523,7 +512,7 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 					}
 					r !== "burn-in" && document.pictureInPictureElement && await document.exitPictureInPicture().catch(() => {});
 					try {
-						await re();
+						await A();
 					} catch (t) {
 						console.warn("subtitle compositing for picture in picture failed", t), D(), r === "burn-in" && e.onBurnedInChange?.(!1);
 					}
@@ -539,4 +528,4 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 	};
 };
 //#endregion
-export { v as a, k as c, a as d, s as f, O as i, c as l, R as n, y as o, N as r, ie as s, de as t, _ as u };
+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 };

package/dist/index.js

@@ -1,4 +1,4 @@
-import { l as e, n as t, o as n, r, s as i, t as a, u as o } from "./engine-DPnChmYc.js";
+import { l as e, n as t, o as n, r, s as i, t as a, u as o } from "./engine-B8CKGIng.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 } from "react";
 import { css as h, keyframes as g } from "@emotion/react";
 import { createPlayer as _, useContainerAttach as v, useMediaAttach as y } from "@videojs/react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@banou/media-player",
-  "version": "0.8.16",
+  "version": "0.8.17",
   "description": "A video player for containers and codecs the browser cannot play natively, remuxed on the fly",
   "type": "module",
   "main": "dist/index.js",

package/src/lib/engine/subtitles.ts

@@ -2,7 +2,7 @@ import type { ASS_Event } from 'jassub'
 import type { Attachment, SubtitleFragment } from 'libav-wasm/build/worker'
 
 import JASSUB from 'jassub'
-import { parse, stringify } from 'ass-compiler'
+import { parse } from 'ass-compiler'
 
 export type SubtitleStream = { streamIndex: number, title: string, language: string }
 
@@ -35,11 +35,30 @@ export type SubtitleRendererOptions = {
    * which throws. So leaving this unset does not degrade to the slower build, it fails outright.
    */
   legacyWasmUrl?: string
-  /** Fallback face for `liberation sans`. Without it jassub falls back to whatever the wasm build embeds. */
+  /**
+   * Fallback face for `liberation sans`. Without it jassub falls back to whatever the wasm build embeds.
+   *
+   * May be relative: it is resolved against the document before the worker sees it, for the reason
+   * given on `workerFetched`.
+   */
   defaultFontUrl?: string
   onStreams?: (streams: SubtitleStream[]) => void
 }
 
+/**
+ * A url the WORKER will fetch, resolved against the document first.
+ *
+ * jassub's worker is built from a `blob:` url, so a relative url handed to it resolves against that
+ * blob inside the worker and the fetch never lands. For the wasm that fails loudly. For the fallback
+ * font it fails in SILENCE: libass is left with no face to draw with, so the track renders nothing at
+ * all and the picture simply has no subtitles on it, with no error anywhere to say why.
+ *
+ * `workerUrl` is deliberately not passed through here. `new Worker()` is called on the main thread,
+ * where a relative url already resolves against the document.
+ */
+const workerFetched = (url: string | undefined) =>
+  url === undefined ? undefined : new URL(url, document.baseURI).toString()
+
 const convertTimestamp = (ms: number) => new Date(ms).toISOString().slice(11, 22)
 
 /**
@@ -73,12 +92,6 @@ const styleIndex = (header: SubtitleHeaderPart, name: string) => {
   return header.styles.get(key) ?? header.styles.get('Default') ?? 0
 }
 
-// cleared so jassub scales the script to the canvas, not to the authored resolution
-const renderable = (content: string) => {
-  const parsed = parse(content)
-  return stringify({ ...parsed, info: { ...parsed.info, ScaledBorderAndShadow: 'no', LayoutResX: '', LayoutResY: '' } })
-}
-
 /**
  * `\r?\n`, not `\r\n`: an ASS header muxed straight out of a matroska file uses CRLF, but one libav
  * CONVERTED from another format (an srt track, most commonly) is LF only, and requiring CRLF rejected it.
@@ -126,7 +139,10 @@ const toDialoguePart = (header: SubtitleHeaderPart, fragment: SubtitleFragment &
 export type SubtitleRenderer = ReturnType<typeof createSubtitleRenderer>
 
 export const createSubtitleRenderer = (options: SubtitleRendererOptions) => {
-  const { video, canvas, workerUrl, wasmUrl, legacyWasmUrl, defaultFontUrl } = options
+  const { video, canvas, workerUrl } = options
+  const wasmUrl = workerFetched(options.wasmUrl)!
+  const legacyWasmUrl = workerFetched(options.legacyWasmUrl)
+  const defaultFontUrl = workerFetched(options.defaultFontUrl)
   let jassub: JASSUB | undefined
   let attachments: [string, Uint8Array][] = []
   const headers = new Map<number, SubtitleHeaderPart>()
@@ -146,7 +162,7 @@ export const createSubtitleRenderer = (options: SubtitleRendererOptions) => {
       onDemandRender: false,
       video,
       canvas,
-      subContent: renderable(header.content),
+      subContent: header.content,
       workerUrl,
       modernWasmUrl: wasmUrl,
       ...legacyWasmUrl ? { wasmUrl: legacyWasmUrl } : {},
@@ -196,7 +212,7 @@ export const createSubtitleRenderer = (options: SubtitleRendererOptions) => {
     jassub.freeTrack()
     const header = headers.get(next)
     if (!header) return
-    jassub.setTrack(renderable(header.content))
+    jassub.setTrack(header.content)
     for (const part of dialogues.get(next)?.values() ?? []) createEvent(jassub, part.assEvent)
     jassub.setCurrentTime(video.paused, video.currentTime, video.playbackRate)
   }