@banou/media-player 0.8.8 → 0.8.9

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-B6flRjLd.js";
+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 };

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

@@ -201,7 +201,12 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 		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(() => URL.revokeObjectURL(w)), n.src = w, N.push(() => {
+			try {
+				n.pause();
+			} catch {}
+			n.removeAttribute("src"), n.load();
+		});
 		let T = await new Promise((t, n) => {
 			let r = setTimeout(() => {
 				i(), n(/* @__PURE__ */ Error("The MediaSource never opened"));
@@ -248,8 +253,8 @@ var a = (e) => Array(e.buffered.length).fill(void 0).map((t, n) => ({
 			V = !0, G = null, K = 0, te = e;
 			let t = ++W;
 			try {
-				let { data: n, pts: r, subtitles: i } = await M.seek(e);
-				if (P || t !== W || (i?.length && o.pushFragments(i), await R(r), P || t !== W)) return;
+				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());
 			} catch (e) {
 				Y(e, P || t !== W);

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as e, c as t, n, r, s as i, t as a } from "./engine-B6flRjLd.js";
+import { a as e, c as t, n, r, s as i, t as a } from "./engine-BwK7ycv0.js";
 import { Children as o, Fragment as s, isValidElement as c, useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
 import { css as m, keyframes as h } from "@emotion/react";
 import { createPlayer as g, useContainerAttach as _, useMediaAttach as v } from "@videojs/react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@banou/media-player",
-  "version": "0.8.8",
+  "version": "0.8.9",
   "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/playback.ts

@@ -130,6 +130,28 @@ export const startPlayback = async (options: PlaybackOptions): Promise<PlaybackC
     const mediaSourceUrl = URL.createObjectURL(mediaSource)
     teardown.push(() => URL.revokeObjectURL(mediaSourceUrl))
     videoElement.src = mediaSourceUrl
+    /**
+     * Give the element back, before the url it is holding is revoked.
+     *
+     * Revoking alone detaches nothing: `src` still names the dead MediaSource, the old SourceBuffer
+     * is still attached to it, and the decoder keeps whatever state it was in. That matters because
+     * this pipeline is REBUILT in place, on the same element, whenever the audio track changes, and
+     * the rebuild awaits a wasm load plus a header read before it assigns a new `src`. On a torrent
+     * that is seconds of the element sitting on a corpse.
+     *
+     * `load()` is the only thing that actually resets it: the media element load algorithm aborts
+     * the current resource and clears the decoder. Without it the element goes from an ended source
+     * straight into fresh appends with no seek in between, which is exactly the sequence that makes
+     * firefox hand a real packet to a drained decoder (`avcodec_send_packet error: End of file`).
+     * Pushed AFTER the revoke so the reversed teardown runs it FIRST.
+     */
+    teardown.push(() => {
+      try { videoElement.pause() } catch {}
+      videoElement.removeAttribute('src')
+      // no src and no <source> children means the load algorithm goes straight to NETWORK_EMPTY
+      // without firing `error`, so this cannot manufacture the failure it exists to prevent
+      videoElement.load()
+    })
 
     const sourceBuffer = await new Promise<SourceBuffer>((resolve, reject) => {
       const timeout = setTimeout(() => { cleanup(); reject(new Error('The MediaSource never opened')) }, SOURCE_OPEN_TIMEOUT)
@@ -230,8 +252,13 @@ export const startPlayback = async (options: PlaybackOptions): Promise<PlaybackC
       lastSeekPosition = time
       const generation = ++seekGeneration
       try {
-        const { data, pts, subtitles: fragments } = await remuxer.seek(time)
+        // `seek` ends by reading, and that read can hit the end of the file, which finalizes the
+        // muxer: libav writes the mp4 trailer and cannot be read from again. Dropping the flag left
+        // this side believing the stream was still open, so the next pump read straight back into a
+        // context that had already been torn down.
+        const { data, pts, subtitles: fragments, finished: done } = await remuxer.seek(time)
         if (destroyed || generation !== seekGeneration) return
+        if (done) finished = true
         if (fragments?.length) subtitles.pushFragments(fragments)
         await updateTimestampOffset(pts)
         if (destroyed || generation !== seekGeneration) return