@banou/media-player 0.8.9 → 0.8.11

package/dist/engine/index.d.ts

@@ -1,4 +1,4 @@
-export { startPlayback, terminateRemuxer, DEFAULT_BUFFER_SIZE } from './playback';
+export { startPlayback, terminateRemuxer, MediaElementError, isMediaElementError, DEFAULT_BUFFER_SIZE } from './playback';
 export type { PlaybackOptions, PlaybackController, MediaIndex, AudioStream } from './playback';
 export { createSubtitleRenderer, SUBTITLES_OFF } from './subtitles';
 export type { SubtitleRenderer, SubtitleRendererOptions, SubtitleStream } from './subtitles';

package/dist/engine/index.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "../engine-BwK7ycv0.js";
-export { n as DEFAULT_BUFFER_SIZE, s as SUBTITLES_OFF, c as createPictureInPicture, t as createSubtitleRenderer, o as createThumbnailGenerator, r as getTimeRanges, i as pictureInPictureMode, e as startPlayback, a as terminateRemuxer, l as updateSourceBuffer };
+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";
+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

@@ -37,6 +37,19 @@ export type PlaybackController = {
     videoMimeType: string;
     audioMimeType: string;
 };
+/**
+ * A terminal failure of the media element itself, as opposed to anything this pipeline did.
+ *
+ * It is worth its own type because it is the one error class that says something about the CURE:
+ * the element is finished and no append will ever succeed against it again, so reporting it to the
+ * viewer is pointless and only a rebuilt element clears it. The flag rather than an `instanceof`
+ * is what survives the error crossing a module boundary.
+ */
+export declare class MediaElementError extends Error {
+    readonly mediaElement = true;
+    constructor(message: string, options?: ErrorOptions);
+}
+export declare const isMediaElementError: (error: unknown) => boolean;
 export declare const DEFAULT_BUFFER_SIZE = 2500000;
 export declare const terminateRemuxer: (remuxer: {
     worker: Worker;

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

@@ -162,32 +162,37 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			clearInterval(y), t.removeEventListener("ratechange", b), c?.destroy(), c = void 0;
 		}
 	};
-}, h = -20, g = 60, _ = 30, v = -5, y = 20, b = 5, x = 15e3, S = 1, C = 25e5, w = (e) => {
+}, h = class extends Error {
+	mediaElement = !0;
+	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) => {
 	let { worker: t } = e, n = setTimeout(() => t.terminate(), 2e3);
 	e.destroy().catch(() => {}).finally(() => {
 		clearTimeout(n), t.terminate();
 	});
-}, T = async (t) => {
-	let { videoElement: n, canvasElement: r, read: i, length: o, publicPath: c, libavWorkerUrl: l, jassubWorkerUrl: u, jassubWasmUrl: d, jassubLegacyWasmUrl: f, defaultFontUrl: p, bufferSize: T = C, audioStreamIndex: E, onReady: D, onError: O, onRecovered: k, onSeek: A, onSubtitleStreams: j, onAudioStreams: ee } = t, M = await e({
+}, 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({
 		publicPath: c,
 		workerUrl: l,
 		workerOptions: { type: "module" },
-		bufferSize: T,
+		bufferSize: g,
 		length: o,
-		audioStreamIndex: E,
+		audioStreamIndex: k,
 		read: i
-	}), N = [], P = !1, F = () => {
-		if (!P) {
-			P = !0;
-			for (let e of [...N].reverse()) try {
+	}), P = [], F = !1, I = () => {
+		if (!F) {
+			F = !0;
+			for (let e of [...P].reverse()) try {
 				e();
 			} catch {}
 		}
 	};
-	N.push(() => w(M));
+	P.push(() => O(N));
 	try {
-		let e = await M.init(), t = e.audioStreams ?? [], i = t.some((e) => e.streamIndex === E) ? E : t[0]?.streamIndex ?? -1;
-		ee?.(t, i);
+		let e = await N.init(), t = e.audioStreams ?? [], i = t.some((e) => e.streamIndex === k) ? k : t[0]?.streamIndex ?? -1;
+		ne?.(t, i);
 		let o = m({
 			video: n,
 			canvas: r,
@@ -195,122 +200,153 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			wasmUrl: d,
 			legacyWasmUrl: f,
 			defaultFontUrl: p,
-			onStreams: j
+			onStreams: te
 		});
-		if (N.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(() => 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 C = new MediaSource(), w = URL.createObjectURL(C);
-		N.push(() => URL.revokeObjectURL(w)), n.src = w, N.push(() => {
+		let g = new MediaSource(), D = URL.createObjectURL(g);
+		P.push(() => URL.revokeObjectURL(D)), n.src = D, P.push(() => {
 			try {
 				n.pause();
 			} catch {}
 			n.removeAttribute("src"), n.load();
 		});
-		let T = await new Promise((t, n) => {
+		let O = await new Promise((t, n) => {
 			let r = setTimeout(() => {
 				i(), n(/* @__PURE__ */ Error("The MediaSource never opened"));
-			}, x), i = () => {
-				clearTimeout(r), C.removeEventListener("sourceopen", a), C.removeEventListener("sourceclose", o), C.removeEventListener("error", o);
+			}, C), i = () => {
+				clearTimeout(r), g.removeEventListener("sourceopen", a), g.removeEventListener("sourceclose", o), g.removeEventListener("error", o);
 			}, a = () => {
 				try {
-					let n = C.addSourceBuffer(l);
+					let n = g.addSourceBuffer(l);
 					n.mode = "segments";
 					let r = e.info.input.duration;
-					Number.isFinite(r) && r > 0 && (C.duration = r), i(), t(n);
+					Number.isFinite(r) && r > 0 && (g.duration = r), i(), t(n);
 				} catch (e) {
 					i(), n(e);
 				}
 			}, o = () => {
 				i(), n(/* @__PURE__ */ Error("The MediaSource closed before a SourceBuffer could be created"));
 			};
-			C.addEventListener("sourceopen", a, { once: !0 }), C.addEventListener("sourceclose", o, { once: !0 }), C.addEventListener("error", o, { once: !0 });
-		}), { appendBuffer: I, unbufferRange: L, updateTimestampOffset: R, endOfStream: z } = s(T, C);
-		await I(e.data), e.subtitles?.length && o.pushFragments(e.subtitles), D?.();
-		let B = !1, V = !1, H = !1, U = 0, W = 0, G = null, K = 0, q = 0, J = !1, te = 0, Y = (e, t) => {
-			let n = e?.message === "Cancelled";
-			t && n || (console.error(e), !J && (J = !0, O?.(n ? Error("Reading the video file failed", { cause: e }) : e)));
-		}, X = async (e = !1) => {
-			let t = n.currentTime, r = e ? v : h, i = e ? y : g;
-			for (let { start: e, end: n } of a(T)) e < t + r && await L(e, t + r), n > t + i && await L(t + i, n);
-		}, ne = () => {
-			let e = a(T);
+			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) => {
+			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) => {
+			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 = () => {
+			let e = a(O);
 			if (!e.length) return !0;
 			let t = n.currentTime;
-			if (Math.max(...e.map((e) => e.end)) >= t + g) return !1;
-			let r = e.find((e) => e.start <= t + S && t < e.end);
-			return !r || r.end < t + _;
-		}, Z = () => {
+			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 e = n.currentTime;
-			return a(T).find((t) => t.start <= e + S && e < t.end);
-		}, re = () => {
-			let e = Z();
-			return !!e && e.end >= q - .1;
-		}, Q = () => {
-			let e = a(T).map((e) => e.end);
-			e.length && (q = Math.max(q, ...e));
-		}, ie = async (e) => {
-			V = !0, G = null, K = 0, te = e;
-			let t = ++W;
+			return a(O).find((t) => t.start <= e + w && e < t.end);
+		}, le = () => {
+			let e = J();
+			return !!e && e.end >= G - .1;
+		}, ue = () => {
+			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;
 			try {
-				let { data: n, pts: r, subtitles: i, finished: a } = await M.seek(e);
-				if (P || t !== W || (a && (H = !0), i?.length && o.pushFragments(i), await R(r), P || t !== W)) return;
-				n.byteLength && (await I(n), Q());
+				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());
 			} catch (e) {
-				Y(e, P || t !== W);
+				q(e, F || t !== H);
 			} finally {
-				t === W && (V = !1);
+				t === H && (z = !1);
 			}
-		}, ae = async () => {
-			let e = G;
+		}, de = async () => {
+			let e = U;
 			if (e) try {
-				await I(e), Q(), G === e && (G = null, K = 0);
+				await L(e), ue(), U === e && (U = null, W = 0);
 			} catch (t) {
-				if (G !== e) return;
+				if (U !== e) return;
 				if (t?.name === "QuotaExceededError") {
-					let t = await X(!0).then(() => !0, () => !1);
-					if (G !== e) return;
+					let t = await se(!0).then(() => !0, () => !1);
+					if (U !== e) return;
 					if (t) {
-						H = !1, await ie(Z()?.end ?? n.currentTime);
+						B = !1, await Y(J()?.end ?? n.currentTime);
 						return;
 					}
 				}
-				if (K += 1, K < b) return;
-				throw G = null, t;
+				if (W += 1, W < S) return;
+				throw U = null, t;
 			}
-		}, oe = async () => {
-			if (B || V || P || !G && (H || !ne())) return;
-			let e = ++U, t = W, n = () => P || e !== U || t !== W;
-			B = !0;
+		}, 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;
 			try {
-				if (!G) {
-					let { data: e, subtitles: t, finished: r } = await M.read();
-					if (n() || (r && (H = !0), t?.length && o.pushFragments(t), !e.byteLength)) return;
-					G = e, K = 0;
+				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;
 				}
-				await ae(), !n() && J && (J = !1, k?.());
+				await de(), !n() && K && (K = !1, ee?.());
 			} catch (e) {
-				Y(e, n());
+				q(e, n());
 			} finally {
-				e === U && (B = !1);
+				e === V && (R = !1);
+			}
+		}, pe = (e) => e >= oe && !!J(), X = 0, Z = null, Q, me = (e) => {
+			let t = performance.now(), n = t - X;
+			if (n >= T) {
+				X = t, Z = null, M?.(e);
+				return;
 			}
-		}, se = (e) => e >= te && !!Z(), ce = () => {
+			Z = e, !Q && (Q = setTimeout(() => {
+				Q = void 0;
+				let e = Z;
+				Z = null, !(e === null || F) && (X = performance.now(), M?.(e));
+			}, T - n));
+		};
+		P.push(() => {
+			Q && clearTimeout(Q);
+		});
+		let he = 0, $;
+		P.push(() => {
+			$ && clearTimeout($);
+		});
+		let ge = () => {
 			let t = n.currentTime, r = e.info.input.duration || n.duration;
-			r > 0 && A?.(Math.min(Math.max(t / r, 0), 1)), !se(t) && (H = !1, ie(t));
+			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);
+					return;
+				}
+				$ = setTimeout(() => {
+					if ($ = void 0, F) return;
+					let e = n.currentTime;
+					pe(e) || (B = !1, Y(e));
+				}, E);
+			}
 		};
-		n.addEventListener("seeking", ce), N.push(() => n.removeEventListener("seeking", ce));
-		let $ = !1, le = () => {
-			if ($) return;
-			$ = !0;
+		n.addEventListener("seeking", ge), P.push(() => n.removeEventListener("seeking", ge));
+		let _e = !1, ve = () => {
+			if (_e) return;
+			_e = !0;
 			let e = n.error;
-			Y(Error(`the media element failed: ${e?.message ?? "unknown"}`, { cause: e }), !1);
+			q(new h(`the media element failed: ${e?.message ?? "unknown"}`, { cause: e }), !1, !0);
 		};
-		n.addEventListener("error", le), N.push(() => n.removeEventListener("error", le));
-		let ue = setInterval(() => {
-			$ || n.error || (X().catch(() => {}), oe().catch((e) => Y(e, !1)), H && !G && re() && C.readyState === "open" && z().catch(() => {}));
+		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(() => {}));
 		}, 100);
-		return N.push(() => clearInterval(ue)), {
-			destroy: F,
+		return P.push(() => clearInterval(ye)), {
+			destroy: I,
 			selectSubtitleStream: (e) => o.selectStream(e),
 			indexes: e.indexes ?? [],
 			duration: e.info.input.duration,
@@ -318,10 +354,10 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			audioMimeType: e.info.output.audioMimeType
 		};
 	} catch (e) {
-		throw F(), e;
+		throw I(), e;
 	}
-}, E = 5, D = 500, O = 320, k = 1e6, A = 3, j = 1e4, ee = async (e) => {
-	let { publicPath: n, workerUrl: r, length: i, read: a, onThumbnails: o, width: s = O } = e, c = await t({
+}, 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({
 		publicPath: n,
 		workerUrl: r,
 		workerOptions: { type: "module" },
@@ -329,14 +365,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 ?? E, n / D), a = [];
+		let t = await c.init(), n = t.duration, r = Math.max(e.interval ?? A, n / j), 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) + k, i),
+				endByte: Math.min((t.indexes[e + 1]?.pos ?? i) + M, i),
 				done: !1,
 				attempts: 0
 			});
@@ -367,7 +403,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")), j))]), 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")), ne))]), 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",
@@ -379,7 +415,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 >= A;
+				e.attempts += 1, e.done = e.attempts >= te;
 			});
 		};
 		return f(), {
@@ -389,14 +425,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 = [], w(c);
+				l = [], O(c);
 			}
 		};
 	} catch (e) {
-		throw w(c), e;
+		throw O(c), e;
 	}
-}, M = 1280, N = 1920, P = 250, F = 100, I = () => 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 = () => I() ? 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" ? N : M), 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) => {
+}, 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) => {
 		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);
@@ -423,11 +459,11 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 		l = !0;
 		let { mirror: e } = a;
 		h(), e.play().then(() => new Promise((e) => {
-			setTimeout(e, F);
+			setTimeout(e, L);
 		})).catch(() => {}).finally(() => {
 			e.pause(), setTimeout(() => {
 				l = !1;
-			}, F);
+			}, L);
 		});
 	}, E = [["play", () => {
 		t.play().catch(() => {});
@@ -464,7 +500,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();
-		}, P), 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);
@@ -510,4 +546,4 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 	};
 };
 //#endregion
-export { T as a, m as c, C as i, a as l, z as n, w as o, ee as r, c as s, B as t, s as u };
+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 };

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export type { DelegatedSelection, DelegatedTracks, ExternalThumbnails, PlayerMed
 export { Player, usePlayer } from './react/player';
 export type { PlayerStore } from './react/player';
 export { sourceFeature } from './react/source-feature';
-export type { DownloadedRange, SourceState } from './react/source-feature';
+export type { DownloadedRange, PlaybackErrorEntry, SourceState } from './react/source-feature';
 export { useSeekThumbnails } from './react/hooks/use-thumbnails';
 export { usePictureInPicture } from './react/hooks/use-picture-in-picture';
 export { inputToRemuxerInput } from './utils/source';