@banou/media-player 0.10.21 → 0.10.22

package/README.md

@@ -44,6 +44,10 @@ const source = await inputToRemuxerInput({ url: 'https://example.com/episode.mkv
 const source = await inputToRemuxerInput({ length, read })
 ```
 
+A URL's source comes back with `readsDownload: true`, which the player takes beside `read` and `size`: each read of
+it is a download, so the volume normalizer then analyses the audio playback fetched rather than fetching the file
+again.
+
 `usePlayer` reads and drives playback state from anywhere inside a `MediaPlayer`. It is the only hook
 the chrome uses: the built-in video.js state and this player's own source state (tracks, thumbnails,
 indexes, readiness) live on one store, so there is no second context to reach for.
@@ -260,7 +264,8 @@ The player saves nothing, so an app that wants the choice to stick saves what `o
 passes it back.
 
 It works in two stages. A worker reads the file a second time, through `thumbnailRead` when you pass one and only
-within `downloadedRanges`, decodes its audio with WebCodecs, learns the file's normal level (the median 400 ms
+within `downloadedRanges` (for a source that `readsDownload` it reads nothing and takes the audio playback fetched,
+about 30 s ahead of the playhead), decodes its audio with WebCodecs, learns the file's normal level (the median 400 ms
 loudness) and computes a cut with unlimited lookahead, so a cut starts before a spike: every 10 ms of the output is
 held to 10 LU over the normal level and every 50 ms to 8 LU. It analyses what is near the playhead first and then the
 rest of the file, keeping only 1 ms loudness readings, never the audio. Wherever that analysis has not reached the

package/dist/audio/loudness-analysis.d.ts

@@ -1,3 +1,4 @@
+import type { PlaybackTap } from './playback-tap';
 /** The file the analysis reads, the same one playback plays. */
 export type LoudnessSource = {
     read: (offset: number, size: number) => Promise<ArrayBuffer>;
@@ -21,10 +22,17 @@ export type LoudnessAnalysis = {
  * nearest the playhead first, then the rest of the file, and drops nothing it learned on a seek. Until a stretch is
  * analysed, and for the whole file where this browser's WebCodecs cannot decode the track, the worklet's live stage
  * plays.
+ *
+ * Given a `tap` instead, it reads nothing and analyses the audio playback remuxed for `audioStreamIndex`, which runs
+ * as far ahead of the playhead as playback buffers. It starts at the next fragment playback fetches, so what was
+ * buffered before it attached is not analysed.
  */
 export declare const startLoudnessAnalysis: ({ node, element, scriptUrl, source }: {
     node: AudioWorkletNode;
     element: HTMLMediaElement;
     scriptUrl: string;
-    source: LoudnessSource;
+    source: LoudnessSource | {
+        tap: PlaybackTap;
+        audioStreamIndex: number;
+    };
 }) => LoudnessAnalysis;

package/dist/audio/playback-tap.d.ts

@@ -0,0 +1,11 @@
+import type { PlaybackOutput } from '../engine/playback';
+/**
+ * Playback's output, for an analysis that reads nothing of its own: `push` takes what playback's remuxer produced,
+ * and `attach` hands a listener what follows for one input audio stream, starting with the last init segment and the
+ * run in progress. `join` marks a run some of whose fragments went by before the listener was attached.
+ */
+export type PlaybackTap = {
+    push: (output: PlaybackOutput) => void;
+    attach: (audioStreamIndex: number, listener: (output: PlaybackOutput, join?: boolean) => void) => () => void;
+};
+export declare const createPlaybackTap: () => PlaybackTap;

package/dist/engine/index.d.ts

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

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-C4Gj_4zs.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-Cr_7OImR.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

@@ -21,6 +21,26 @@ export type MediaChapter = {
     end: number;
     title: string;
 };
+/**
+ * What the remuxer produced, in the order it was appended: the init segment and the input audio stream it carries,
+ * a run at load and at every remuxer seek (`pts` is the timestampOffset its fragments are appended at), each
+ * fragment, and the end of the file once read. The buffers are playback's own and may be appended again, so a
+ * consumer copies what it keeps.
+ */
+export type PlaybackOutput = {
+    type: 'init';
+    data: ArrayBuffer;
+    audioMimeType: string;
+    audioStreamIndex: number;
+} | {
+    type: 'run';
+    pts: number;
+} | {
+    type: 'fragment';
+    data: ArrayBuffer;
+} | {
+    type: 'end';
+};
 export type PlaybackOptions = {
     videoElement: HTMLVideoElement;
     /**
@@ -49,6 +69,7 @@ export type PlaybackOptions = {
     onSeek?: (fraction: number) => void;
     onSubtitleStreams?: (streams: SubtitleStream[]) => void;
     onAudioStreams?: (streams: AudioStream[], selected: number) => void;
+    onOutput?: (output: PlaybackOutput) => void;
 };
 export type PlaybackController = {
     destroy: () => void;

package/dist/{engine-C4Gj_4zs.js → engine-Cr_7OImR.js}

@@ -174,13 +174,13 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 	constructor(e, t) {
 		super(e, t), this.name = "MediaElementError";
 	}
-}, _ = (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, 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();
 	});
-}, ee = async (t) => {
-	let { videoElement: n, subtitleContainer: r, read: a, length: s, publicPath: c, libavWorkerUrl: l, jassubWorkerUrl: u, jassubWasmUrl: d, jassubLegacyWasmUrl: f, defaultFontUrl: p, bufferSize: m = A, audioStreamIndex: _, onReady: ee, onError: te, onRecovered: ne, onSeek: re, onSubtitleStreams: ie, onAudioStreams: ae } = t, M = await e({
+}, te = async (t) => {
+	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: ie, onSubtitleStreams: ae, onAudioStreams: oe, onOutput: j } = t, M = await e({
 		publicPath: c,
 		workerUrl: l,
 		workerOptions: { type: "module" },
@@ -188,7 +188,7 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 		length: s,
 		audioStreamIndex: _,
 		read: a
-	}), N = [], P = !1, F = () => {
+	}), N = [], P = !1, se = () => {
 		if (!P) {
 			P = !0;
 			for (let e of [...N].reverse()) try {
@@ -196,10 +196,10 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			} catch {}
 		}
 	};
-	N.push(() => j(M));
+	N.push(() => A(M));
 	try {
 		let e = await M.init(), t = e.audioStreams ?? [], a = t.some((e) => e.streamIndex === _) ? _ : t[0]?.streamIndex ?? -1;
-		ae?.(t, a);
+		oe?.(t, a);
 		let s = h({
 			video: n,
 			container: r,
@@ -207,19 +207,19 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			wasmUrl: d,
 			legacyWasmUrl: f,
 			defaultFontUrl: p,
-			onStreams: ie
+			onStreams: ae
 		});
 		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);
-		N.push(() => URL.revokeObjectURL(A)), n.src = A, N.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 = () => {
@@ -237,138 +237,155 @@ 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), ee?.();
-		let L = !1, R = !1, z = 0, B, le = () => B ?? n.currentTime, V = !1, ue = !1, de = 0, H = 0, U = null, W = 0, G = 0, K = !1, fe = 0, q = !0, J = (e, t, n = !1) => {
+		}), { appendBuffer: F, unbufferRange: ce, updateTimestampOffset: le, endOfStream: ue } = o(A, m);
+		await F(e.data), j?.({
+			type: "init",
+			data: e.data,
+			audioMimeType: e.info.output.audioMimeType,
+			audioStreamIndex: a
+		}), j?.({
+			type: "run",
+			pts: 0
+		}), e.subtitles?.length && s.pushFragments(e.subtitles), te?.();
+		let I = !1, L = !1, R = 0, z, de = () => z ?? n.currentTime, B = !1, fe = !1, V = 0, H = 0, U = null, W = 0, G = 0, K = !1, pe = 0, q = !0, J = (e, t, n = !1) => {
 			let r = e?.message === "Cancelled";
-			t && r || (console.error(e), (!K || n) && (K = !0, te?.(r ? Error("Reading the video file failed", { cause: e }) : e)));
-		}, pe = async (e = !1) => {
-			if (z > 0 && !e) return;
-			let t = n.currentTime, r = e ? x : v, a = e ? S : y, o = i(j), s = (e, t) => (q = !1, oe(e, t));
+			t && r || (console.error(e), (!K || n) && (K = !0, ne?.(r ? Error("Reading the video file failed", { cause: e }) : e)));
+		}, me = async (e = !1) => {
+			if (R > 0 && !e) return;
+			let t = n.currentTime, r = e ? x : v, a = e ? S : y, o = i(A), s = (e, t) => (q = !1, ce(e, t));
 			o.length && o[0].start < t + r && await s(0, t + r);
 			for (let { end: e } of o) e > t + a && await s(t + a, e);
-		}, me = () => {
-			let e = i(j);
+		}, he = () => {
+			let e = i(A);
 			if (!e.length) return !0;
-			let t = le(), n = e.find((e) => e.start <= t + T && t < e.end);
-			return ye() && _e(t) && (!n || n.start <= t) || n && n.end >= t + y ? !1 : !n || n.end < t + b;
-		}, he = (e) => i(j).find((t) => t.start <= e + T && e < t.end), ge = () => he(n.currentTime), _e = (e = n.currentTime) => {
-			let t = he(e);
+			let t = de(), n = e.find((e) => e.start <= t + T && t < e.end);
+			return be() && ve(t) && (!n || n.start <= t) || n && n.end >= t + y ? !1 : !n || n.end < t + b;
+		}, ge = (e) => i(A).find((t) => t.start <= e + T && e < t.end), _e = () => ge(n.currentTime), ve = (e = n.currentTime) => {
+			let t = ge(e);
 			return e >= G - .1 || !!t && t.end >= G - .1;
-		}, ve = () => {
-			let e = i(j).map((e) => e.end);
-			e.length && (G = Math.max(G, ...e)), V && (ue = !0);
-		}, ye = () => V || ue && (i(j).at(-1)?.end ?? 0) >= G - .1, Y = async (e) => {
-			R = !0, U = null, W = 0, fe = e, q = !0;
+		}, ye = () => {
+			let e = i(A).map((e) => e.end);
+			e.length && (G = Math.max(G, ...e)), B && (fe = !0);
+		}, be = () => B || fe && (i(A).at(-1)?.end ?? 0) >= G - .1, Y = async (e) => {
+			L = !0, U = null, W = 0, pe = e, q = !0;
 			let t = ++H;
 			try {
 				let { data: n, pts: r, subtitles: i, finished: a } = await M.seek(e);
-				if (P || t !== H || (a && (V = !0), i?.length && s.pushFragments(i), await se(r), P || t !== H)) return;
-				n.byteLength && (await I(n), ve());
+				if (P || t !== H || (a && (B = !0), i?.length && s.pushFragments(i), await le(r), P || t !== H)) return;
+				j?.({
+					type: "run",
+					pts: r
+				}), n.byteLength && j?.({
+					type: "fragment",
+					data: n
+				}), a && j?.({ type: "end" }), n.byteLength && (await F(n), ye());
 			} catch (e) {
 				t === H && (q = !1), J(e, P || t !== H);
 			} finally {
-				t === H && (R = !1);
+				t === H && (L = !1);
 			}
-		}, be = async () => {
+		}, xe = async () => {
 			let e = U;
 			if (e) try {
-				await I(e), ve(), U === e && (U = null, W = 0);
+				await F(e), ye(), U === e && (U = null, W = 0);
 			} catch (t) {
 				if (U !== e) return;
 				if (t?.name === "QuotaExceededError") {
-					let t = await pe(!0).then(() => !0, () => !1);
+					let t = await me(!0).then(() => !0, () => !1);
 					if (U !== e) return;
 					if (t) {
-						V = !1, await Y(ge()?.end ?? n.currentTime);
+						B = !1, await Y(_e()?.end ?? n.currentTime);
 						return;
 					}
 				}
 				if (W += 1, W < C) return;
 				throw U = null, t;
 			}
-		}, xe = async () => {
-			if (L || R || $ !== void 0 || P || !U && (V || !me())) return;
-			let e = ++de, t = H, n = () => P || e !== de || t !== H;
-			L = !0;
+		}, Se = async () => {
+			if (I || L || $ !== void 0 || P || !U && (B || !he())) return;
+			let e = ++V, t = H, n = () => P || e !== V || t !== H;
+			I = !0;
 			try {
 				if (!U) {
 					let { data: e, subtitles: t, finished: r } = await M.read();
-					if (n() || (r && (V = !0), t?.length && s.pushFragments(t), !e.byteLength)) return;
+					if (n() || (r && (B = !0), t?.length && s.pushFragments(t), e.byteLength && j?.({
+						type: "fragment",
+						data: e
+					}), r && j?.({ type: "end" }), !e.byteLength)) return;
 					U = e, W = 0;
 				}
-				await be(), !n() && K && (K = !1, ne?.());
+				await xe(), !n() && K && (K = !1, re?.());
 			} catch (e) {
 				J(e, n());
 			} finally {
-				e === de && (L = !1);
+				e === V && (I = !1);
 			}
-		}, Se = (e) => e >= fe && Ce(e) && we(e), Ce = (e) => i(j).some((t) => t.start <= e && e < t.end), X = (e) => {
-			let t = he(e);
+		}, Ce = (e) => e >= pe && we(e) && Te(e), we = (e) => i(A).some((t) => t.start <= e && e < t.end), X = (e) => {
+			let t = ge(e);
 			return t ? t.end - e : 0;
-		}, we = (e) => X(e) >= E || ye() && _e(e), Te = async (e) => {
-			if (!P && !(Ce(e) && we(e))) {
-				V = !1, z++, B = e;
+		}, Te = (e) => X(e) >= E || be() && ve(e), Ee = async (e) => {
+			if (!P && !(we(e) && Te(e))) {
+				B = !1, R++, z = e;
 				try {
 					await Y(e);
 					let t = H;
-					for (let n = 0; n < D && !(P || t !== H || V || X(e) >= E); n++) {
+					for (let n = 0; n < ee && !(P || t !== H || B || X(e) >= E); n++) {
 						let t = X(e);
-						if (await xe(), X(e) <= t) break;
+						if (await Se(), X(e) <= t) break;
 					}
 				} finally {
-					z--, B === e && (B = void 0);
+					R--, z === e && (z = void 0);
 				}
 			}
-		}, Ee = 0, Z = null, Q, De = (e) => {
-			let t = performance.now(), n = t - Ee;
-			if (n >= O) {
-				Ee = t, Z = null, re?.(e);
+		}, De = 0, Z = null, Q, Oe = (e) => {
+			let t = performance.now(), n = t - De;
+			if (n >= D) {
+				De = t, Z = null, ie?.(e);
 				return;
 			}
 			Z = e, !Q && (Q = setTimeout(() => {
 				Q = void 0;
 				let e = Z;
-				Z = null, !(e === null || P) && (Ee = performance.now(), re?.(e));
-			}, O - n));
+				Z = null, !(e === null || P) && (De = performance.now(), ie?.(e));
+			}, D - n));
 		};
 		N.push(() => {
 			Q && clearTimeout(Q);
 		});
-		let Oe = 0, $;
+		let ke = 0, $;
 		N.push(() => {
 			$ && clearTimeout($);
 		});
-		let ke = () => {
+		let Ae = () => {
 			let t = n.currentTime, r = e.info.input.duration || n.duration;
-			r > 0 && De(Math.min(Math.max(t / r, 0), 1));
-			let i = performance.now(), a = i - Oe < k;
-			if (Oe = i, !Se(t) && !(q && (R || X(t) > 0) && Math.abs(t - fe) < .001)) {
-				if (V = !1, $ && clearTimeout($), !a) {
+			r > 0 && Oe(Math.min(Math.max(t / r, 0), 1));
+			let i = performance.now(), a = i - ke < O;
+			if (ke = i, !Ce(t) && !(q && (L || X(t) > 0) && Math.abs(t - pe) < .001)) {
+				if (B = !1, $ && clearTimeout($), !a) {
 					$ = void 0, Y(t);
 					return;
 				}
 				$ = setTimeout(() => {
 					if ($ = void 0, P) return;
 					let e = n.currentTime;
-					Se(e) || (V = !1, Y(e));
-				}, k);
+					Ce(e) || (B = !1, Y(e));
+				}, O);
 			}
 		};
-		n.addEventListener("seeking", ke), N.push(() => n.removeEventListener("seeking", ke));
-		let Ae = !1, je = () => {
-			if (Ae) return;
-			Ae = !0;
+		n.addEventListener("seeking", Ae), N.push(() => n.removeEventListener("seeking", Ae));
+		let je = !1, Me = () => {
+			if (je) return;
+			je = !0;
 			let e = n.error;
 			J(new g(`the media element failed: ${e?.message ?? "unknown"}`, { cause: e }), !1, !0);
 		};
-		n.addEventListener("error", je), N.push(() => n.removeEventListener("error", je));
-		let Me = setInterval(() => {
-			Ae || n.error || (pe().catch(() => {}), xe().catch((e) => J(e, !1)), ye() && !U && _e() && m.readyState === "open" && ce(() => !R).catch(() => {}));
+		n.addEventListener("error", Me), N.push(() => n.removeEventListener("error", Me));
+		let Ne = setInterval(() => {
+			je || n.error || (me().catch(() => {}), Se().catch((e) => J(e, !1)), be() && !U && ve() && m.readyState === "open" && ue(() => !L).catch(() => {}));
 		}, 100);
-		return N.push(() => clearInterval(Me)), {
-			destroy: F,
-			prepareSeek: Te,
+		return N.push(() => clearInterval(Ne)), {
+			destroy: se,
+			prepareSeek: Ee,
 			videoElement: n,
 			selectSubtitleStream: (e) => s.selectStream(e),
 			indexes: e.indexes ?? [],
@@ -378,10 +395,10 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			audioMimeType: e.info.output.audioMimeType
 		};
 	} catch (e) {
-		throw F(), e;
+		throw se(), e;
 	}
-}, te = 5, ne = 500, re = 320, ie = 1e6, ae = 3, M = 1e4, N = 1.5, P = 4e6, F = 3e4, I = async (e) => {
-	let { publicPath: n, workerUrl: r, length: i, read: a, onThumbnails: o, width: s = re } = e, c = await t({
+}, ne = 5, re = 500, ie = 320, ae = 1e6, oe = 3, j = 1e4, M = 1.5, N = 4e6, P = 3e4, se = 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" },
@@ -389,7 +406,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 ?? te, n / ne), a = [], l = (e) => {
+		let t = await c.init(), n = t.duration, r = Math.max(e.interval ?? ne, n / re), a = [], l = (e) => {
 			let t = [];
 			for (let [a, o] of e.entries()) {
 				let s = t.at(-1);
@@ -397,7 +414,7 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 					timestamp: o.timestamp,
 					endTime: n,
 					startByte: o.pos,
-					endByte: Math.min((e[a + 1]?.pos ?? i) + ie, i),
+					endByte: Math.min((e[a + 1]?.pos ?? i) + ae, i),
 					done: !1,
 					attempts: 0
 				});
@@ -436,7 +453,7 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			}), o(e);
 		}, x = async (e) => {
 			if (d) 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")), j))]), 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",
@@ -460,7 +477,7 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			if (!f.length) return;
 			let e = f.splice(y(), 1)[0];
 			p = !0, x(e).catch(() => {
-				e.attempts += 1, e.done = e.attempts >= ae;
+				e.attempts += 1, e.done = e.attempts >= oe;
 			}).finally(() => {
 				p = !1, S();
 			});
@@ -469,7 +486,7 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 		}, w = async (e) => {
 			_ = !0;
 			try {
-				let t = await Promise.race([c.init(), new Promise((e, t) => setTimeout(() => t(/* @__PURE__ */ Error("timed out")), F))]);
+				let t = await Promise.race([c.init(), new Promise((e, t) => setTimeout(() => t(/* @__PURE__ */ Error("timed out")), P))]);
 				if (d) return;
 				h = e;
 				let n = l(t.indexes);
@@ -495,7 +512,7 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 				if (d) return;
 				v = e;
 				let t = T(e);
-				h < 0 ? h = t : (t >= Math.max(h * N, h + P) || t >= i && h < i) && (g = !0), E(e), S();
+				h < 0 ? h = t : (t >= Math.max(h * M, h + N) || t >= i && h < i) && (g = !0), E(e), S();
 			},
 			prioritize: (e) => {
 				d || (m = e);
@@ -503,14 +520,14 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			destroy: () => {
 				d = !0, f.length = 0;
 				for (let e of u) URL.revokeObjectURL(e.url);
-				u = [], j(c);
+				u = [], A(c);
 			}
 		};
 	} catch (e) {
-		throw j(c), e;
+		throw A(c), e;
 	}
-}, oe = 1280, se = 1920, ce = 250, L = 100, R = () => typeof HTMLCanvasElement < "u" && "captureStream" in HTMLCanvasElement.prototype, z = () => typeof document < "u" && typeof HTMLVideoElement < "u" && typeof HTMLVideoElement.prototype.requestPictureInPicture == "function" && !!document.pictureInPictureEnabled, B = () => typeof HTMLVideoElement < "u" && "mozCaptureStream" in HTMLVideoElement.prototype, le = () => R() ? z() ? "window" : B() ? "burn-in" : null : null, V = (e) => {
-	let { video: t, subtitles: n } = e, r = e.mode ?? le() ?? "window", i = e.maxWidth ?? (r === "burn-in" ? se : oe), 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) => {
+}, F = 1280, ce = 1920, le = 250, ue = 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, de = (e) => {
+	let { video: t, subtitles: n } = e, r = e.mode ?? z() ?? "window", i = e.maxWidth ?? (r === "burn-in" ? ce : F), 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);
@@ -539,39 +556,39 @@ var i = (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, L);
+			setTimeout(e, ue);
 		})).catch(() => {}).finally(() => {
 			e.pause(), setTimeout(() => {
 				l = !1;
-			}, L);
+			}, ue);
 		});
 	}, E = [["play", () => {
 		t.play().catch(() => {});
-	}], ["pause", () => t.pause()]], D = (e) => {
+	}], ["pause", () => t.pause()]], ee = (e) => {
 		if ("mediaSession" in navigator) for (let [t, n] of E) 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) {
+	}, D = () => {
+		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", x), n.removeEventListener("pause", S), n.removeEventListener("leavepictureinpicture", k);
+		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?.();
-	}, k = () => O(), A = (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;
 		};
-	}, j = 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" ? 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" ? 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,
@@ -580,7 +597,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();
-		}, ce), u.play().catch(() => {}), u.readyState === 0 && await new Promise((e) => {
+		}, le), u.play().catch(() => {}), u.readyState === 0 && await new Promise((e) => {
 			let t = () => {
 				clearTimeout(n), e();
 			}, n = setTimeout(t, 1e3);
@@ -589,7 +606,7 @@ var i = (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", 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;
 		}
@@ -602,7 +619,7 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 				try {
 					if (p()) {
 						if (r === "burn-in") {
-							O(), e.onBurnedInChange?.(!1);
+							D(), e.onBurnedInChange?.(!1);
 							return;
 						}
 						await document.exitPictureInPicture().catch(() => {});
@@ -610,9 +627,9 @@ var i = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 					}
 					r !== "burn-in" && document.pictureInPictureElement && await document.exitPictureInPicture().catch(() => {});
 					try {
-						await j();
+						await A();
 					} 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), D(), r === "burn-in" && e.onBurnedInChange?.(!1);
 					}
 				} finally {
 					u = !1;
@@ -621,9 +638,9 @@ var i = (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(() => {}), D(), r === "burn-in" && e.onBurnedInChange?.(!1);
 		}
 	};
 };
 //#endregion
-export { g as a, j as c, i as d, o as f, A as i, s as l, le as n, _ as o, I as r, ee as s, V as t, h 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, se as r, te as s, de as t, h as u };

package/dist/index.d.ts

@@ -10,5 +10,5 @@ export { useSeekThumbnails } from './react/hooks/use-thumbnails';
 export { usePictureInPicture } from './react/hooks/use-picture-in-picture';
 export { inputToRemuxerInput } from './utils/source';
 export type { RemuxerInput } from './utils/source';
-export type { AudioStream, MediaChapter, MediaIndex, PictureInPictureController, PlaybackController, PlaybackOptions, SubtitleStream, ThumbnailImage, } from './engine';
+export type { AudioStream, MediaChapter, MediaIndex, PictureInPictureController, PlaybackController, PlaybackOptions, PlaybackOutput, SubtitleStream, ThumbnailImage, } from './engine';
 export { startPlayback, createThumbnailGenerator, createSubtitleRenderer, createPictureInPicture, SUBTITLES_OFF, } from './engine';