@remotion/media 4.0.398 → 4.0.399

package/dist/esm/index.mjs

@@ -1,5 +1,5 @@
 // src/audio/audio.tsx
-import { Internals as Internals14, useRemotionEnvironment as useRemotionEnvironment2 } from "remotion";
+import { Internals as Internals15, useRemotionEnvironment as useRemotionEnvironment2 } from "remotion";
 
 // src/audio/audio-for-preview.tsx
 import {
@@ -1873,7 +1873,7 @@ import { useContext as useContext3, useLayoutEffect as useLayoutEffect2, useMemo
 import {
   cancelRender as cancelRender2,
   Html5Audio,
-  Internals as Internals13,
+  Internals as Internals14,
   random,
   useCurrentFrame as useCurrentFrame3,
   useDelayRender,
@@ -3169,6 +3169,7 @@ var extractAudio = (params) => {
 };
 
 // src/video-extraction/extract-frame.ts
+import { Internals as Internals13 } from "remotion";
 var extractFrameInternal = async ({
   src,
   timeInSeconds: unloopedTimeInSeconds,
@@ -3181,12 +3182,16 @@ var extractFrameInternal = async ({
   maxCacheSize
 }) => {
   const sink = await getSink(src, logLevel);
-  const video = await sink.getVideo();
+  const [video, mediaDurationInSecondsRaw] = await Promise.all([
+    sink.getVideo(),
+    loop ? sink.getDuration() : Promise.resolve(null)
+  ]);
+  const mediaDurationInSeconds = loop ? mediaDurationInSecondsRaw : null;
   if (video === "no-video-track") {
     throw new Error(`No video track found for ${src}`);
   }
   if (video === "cannot-decode") {
-    return { type: "cannot-decode", durationInSeconds: await sink.getDuration() };
+    return { type: "cannot-decode", durationInSeconds: mediaDurationInSeconds };
   }
   if (video === "unknown-container-format") {
     return { type: "unknown-container-format" };
@@ -3194,10 +3199,6 @@ var extractFrameInternal = async ({
   if (video === "network-error") {
     return { type: "network-error" };
   }
-  let mediaDurationInSeconds = null;
-  if (loop) {
-    mediaDurationInSeconds = await sink.getDuration();
-  }
   const timeInSeconds = getTimeInSeconds({
     loop,
     mediaDurationInSeconds,
@@ -3216,29 +3217,38 @@ var extractFrameInternal = async ({
       durationInSeconds: await sink.getDuration()
     };
   }
-  const keyframeBank = await keyframeManager.requestKeyframeBank({
-    packetSink: video.packetSink,
-    videoSampleSink: video.sampleSink,
-    timestamp: timeInSeconds,
-    src,
-    logLevel,
-    maxCacheSize
-  });
-  if (keyframeBank === "has-alpha") {
-    return {
-      type: "cannot-decode-alpha",
-      durationInSeconds: await sink.getDuration()
-    };
-  }
-  if (!keyframeBank) {
+  try {
+    const keyframeBank = await keyframeManager.requestKeyframeBank({
+      packetSink: video.packetSink,
+      videoSampleSink: video.sampleSink,
+      timestamp: timeInSeconds,
+      src,
+      logLevel,
+      maxCacheSize
+    });
+    if (keyframeBank === "has-alpha") {
+      return {
+        type: "cannot-decode-alpha",
+        durationInSeconds: await sink.getDuration()
+      };
+    }
+    if (!keyframeBank) {
+      return {
+        type: "success",
+        frame: null,
+        durationInSeconds: await sink.getDuration()
+      };
+    }
+    const frame = await keyframeBank.getFrameFromTimestamp(timeInSeconds);
     return {
       type: "success",
-      frame: null,
+      frame,
       durationInSeconds: await sink.getDuration()
     };
+  } catch (err) {
+    Internals13.Log.info({ logLevel, tag: "@remotion/media" }, `Error decoding ${src} at time ${timeInSeconds}: ${err}`, err);
+    return { type: "cannot-decode", durationInSeconds: mediaDurationInSeconds };
   }
-  const frame = await keyframeBank.getFrameFromTimestamp(timeInSeconds);
-  return { type: "success", frame, durationInSeconds: await sink.getDuration() };
 };
 var queue2 = Promise.resolve(undefined);
 var extractFrame = (params) => {
@@ -3654,10 +3664,10 @@ var AudioForRendering = ({
   trimBefore
 }) => {
   const frame = useCurrentFrame3();
-  const absoluteFrame = Internals13.useTimelinePosition();
-  const videoConfig = Internals13.useUnsafeVideoConfig();
-  const { registerRenderAsset, unregisterRenderAsset } = useContext3(Internals13.RenderAssetManager);
-  const startsAt = Internals13.useMediaStartsAt();
+  const absoluteFrame = Internals14.useTimelinePosition();
+  const videoConfig = Internals14.useUnsafeVideoConfig();
+  const { registerRenderAsset, unregisterRenderAsset } = useContext3(Internals14.RenderAssetManager);
+  const startsAt = Internals14.useMediaStartsAt();
   const environment = useRemotionEnvironment();
   if (!videoConfig) {
     throw new Error("No video config found");
@@ -3668,7 +3678,7 @@ var AudioForRendering = ({
   const { fps } = videoConfig;
   const { delayRender, continueRender } = useDelayRender();
   const [replaceWithHtml5Audio, setReplaceWithHtml5Audio] = useState3(false);
-  const sequenceContext = useContext3(Internals13.SequenceContext);
+  const sequenceContext = useContext3(Internals14.SequenceContext);
   const id = useMemo3(() => `media-audio-${random(src)}-${sequenceContext?.cumulatedFrom}-${sequenceContext?.relativeFrom}-${sequenceContext?.durationInFrames}`, [
     src,
     sequenceContext?.cumulatedFrom,
@@ -3676,7 +3686,7 @@ var AudioForRendering = ({
     sequenceContext?.durationInFrames
   ]);
   const maxCacheSize = useMaxMediaCacheSize(logLevel ?? window.remotion_logLevel);
-  const audioEnabled = Internals13.useAudioEnabled();
+  const audioEnabled = Internals14.useAudioEnabled();
   useLayoutEffect2(() => {
     const timestamp = frame / fps;
     const durationInSeconds = 1 / fps;
@@ -3723,7 +3733,7 @@ var AudioForRendering = ({
         if (disallowFallbackToHtml5Audio) {
           cancelRender2(new Error(`Unknown container format ${src}, and 'disallowFallbackToHtml5Audio' was set. Failing the render.`));
         }
-        Internals13.Log.warn({
+        Internals14.Log.warn({
           logLevel: logLevel ?? window.remotion_logLevel,
           tag: "@remotion/media"
         }, `Unknown container format for ${src} (Supported formats: https://www.remotion.dev/docs/mediabunny/formats), falling back to <Html5Audio>`);
@@ -3738,7 +3748,7 @@ var AudioForRendering = ({
         if (disallowFallbackToHtml5Audio) {
           cancelRender2(new Error(`Cannot decode ${src}, and 'disallowFallbackToHtml5Audio' was set. Failing the render.`));
         }
-        Internals13.Log.warn({
+        Internals14.Log.warn({
           logLevel: logLevel ?? window.remotion_logLevel,
           tag: "@remotion/media"
         }, `Cannot decode ${src}, falling back to <Html5Audio>`);
@@ -3756,7 +3766,7 @@ var AudioForRendering = ({
         if (disallowFallbackToHtml5Audio) {
           cancelRender2(new Error(`Cannot decode ${src}, and 'disallowFallbackToHtml5Audio' was set. Failing the render.`));
         }
-        Internals13.Log.warn({
+        Internals14.Log.warn({
           logLevel: logLevel ?? window.remotion_logLevel,
           tag: "@remotion/media"
         }, `Network error fetching ${src}, falling back to <Html5Audio>`);
@@ -3772,12 +3782,12 @@ var AudioForRendering = ({
         frame,
         startsAt
       });
-      const volume = Internals13.evaluateVolume({
+      const volume = Internals14.evaluateVolume({
         volume: volumeProp,
         frame: volumePropsFrame,
         mediaVolume: 1
       });
-      Internals13.warnAboutTooHighVolume(volume);
+      Internals14.warnAboutTooHighVolume(volume);
       if (audio && volume > 0) {
         applyVolume(audio.data, volume);
         registerRenderAsset({
@@ -3852,7 +3862,7 @@ var AudioForRendering = ({
 
 // src/audio/audio.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
-var { validateMediaProps } = Internals14;
+var { validateMediaProps } = Internals15;
 var Audio = (props) => {
   const { name, stack, showInTimeline, ...otherProps } = props;
   const environment = useRemotionEnvironment2();
@@ -3871,10 +3881,10 @@ var Audio = (props) => {
     stack: stack ?? null
   });
 };
-Internals14.addSequenceStackTraces(Audio);
+Internals15.addSequenceStackTraces(Audio);
 
 // src/video/video.tsx
-import { Internals as Internals17, useRemotionEnvironment as useRemotionEnvironment4 } from "remotion";
+import { Internals as Internals18, useRemotionEnvironment as useRemotionEnvironment4 } from "remotion";
 
 // src/video/video-for-preview.tsx
 import {
@@ -3887,7 +3897,7 @@ import {
 } from "react";
 import {
   Html5Video,
-  Internals as Internals15,
+  Internals as Internals16,
   useBufferState as useBufferState2,
   useCurrentFrame as useCurrentFrame4,
   useVideoConfig as useVideoConfig3
@@ -3905,7 +3915,7 @@ var {
   usePreload: usePreload2,
   SequenceContext: SequenceContext2,
   SequenceVisibilityToggleContext
-} = Internals15;
+} = Internals16;
 var VideoForPreviewAssertedShowing = ({
   src: unpreloadedSrc,
   style,
@@ -3939,7 +3949,7 @@ var VideoForPreviewAssertedShowing = ({
   const [mediaPlayerReady, setMediaPlayerReady] = useState4(false);
   const [shouldFallbackToNativeVideo, setShouldFallbackToNativeVideo] = useState4(false);
   const [playing] = Timeline2.usePlayingState();
-  const timelineContext = useContext4(Internals15.TimelineContext);
+  const timelineContext = useContext4(Internals16.TimelineContext);
   const globalPlaybackRate = timelineContext.playbackRate;
   const sharedAudioContext = useContext4(SharedAudioContext2);
   const buffer = useBufferState2();
@@ -3987,11 +3997,11 @@ var VideoForPreviewAssertedShowing = ({
   const currentTimeRef = useRef2(currentTime);
   currentTimeRef.current = currentTime;
   const preloadedSrc = usePreload2(src);
-  const buffering = useContext4(Internals15.BufferingContextReact);
+  const buffering = useContext4(Internals16.BufferingContextReact);
   if (!buffering) {
     throw new Error("useMediaPlayback must be used inside a <BufferingContext>");
   }
-  const isPlayerBuffering = Internals15.useIsPlayerBuffering(buffering);
+  const isPlayerBuffering = Internals16.useIsPlayerBuffering(buffering);
   const initialPlaying = useRef2(playing && !isPlayerBuffering);
   const initialIsPremounting = useRef2(isPremounting);
   const initialIsPostmounting = useRef2(isPostmounting);
@@ -4031,7 +4041,7 @@ var VideoForPreviewAssertedShowing = ({
           if (disallowFallbackToOffthreadVideo) {
             throw new Error(`Unknown container format ${preloadedSrc}, and 'disallowFallbackToOffthreadVideo' was set.`);
           }
-          Internals15.Log.warn({ logLevel, tag: "@remotion/media" }, `Unknown container format for ${preloadedSrc} (Supported formats: https://www.remotion.dev/docs/mediabunny/formats), falling back to <OffthreadVideo>`);
+          Internals16.Log.warn({ logLevel, tag: "@remotion/media" }, `Unknown container format for ${preloadedSrc} (Supported formats: https://www.remotion.dev/docs/mediabunny/formats), falling back to <OffthreadVideo>`);
           setShouldFallbackToNativeVideo(true);
           return;
         }
@@ -4039,7 +4049,7 @@ var VideoForPreviewAssertedShowing = ({
           if (disallowFallbackToOffthreadVideo) {
             throw new Error(`Network error fetching ${preloadedSrc}, and 'disallowFallbackToOffthreadVideo' was set.`);
           }
-          Internals15.Log.warn({ logLevel, tag: "@remotion/media" }, `Network error fetching ${preloadedSrc}, falling back to <OffthreadVideo>`);
+          Internals16.Log.warn({ logLevel, tag: "@remotion/media" }, `Network error fetching ${preloadedSrc}, falling back to <OffthreadVideo>`);
           setShouldFallbackToNativeVideo(true);
           return;
         }
@@ -4047,7 +4057,7 @@ var VideoForPreviewAssertedShowing = ({
           if (disallowFallbackToOffthreadVideo) {
             throw new Error(`Cannot decode ${preloadedSrc}, and 'disallowFallbackToOffthreadVideo' was set.`);
           }
-          Internals15.Log.warn({ logLevel, tag: "@remotion/media" }, `Cannot decode ${preloadedSrc}, falling back to <OffthreadVideo>`);
+          Internals16.Log.warn({ logLevel, tag: "@remotion/media" }, `Cannot decode ${preloadedSrc}, falling back to <OffthreadVideo>`);
           setShouldFallbackToNativeVideo(true);
           return;
         }
@@ -4055,7 +4065,7 @@ var VideoForPreviewAssertedShowing = ({
           if (disallowFallbackToOffthreadVideo) {
             throw new Error(`No video or audio tracks found for ${preloadedSrc}, and 'disallowFallbackToOffthreadVideo' was set.`);
           }
-          Internals15.Log.warn({ logLevel, tag: "@remotion/media" }, `No video or audio tracks found for ${preloadedSrc}, falling back to <OffthreadVideo>`);
+          Internals16.Log.warn({ logLevel, tag: "@remotion/media" }, `No video or audio tracks found for ${preloadedSrc}, falling back to <OffthreadVideo>`);
           setShouldFallbackToNativeVideo(true);
           return;
         }
@@ -4064,16 +4074,16 @@ var VideoForPreviewAssertedShowing = ({
           setMediaDurationInSeconds(result.durationInSeconds);
         }
       }).catch((error) => {
-        Internals15.Log.error({ logLevel, tag: "@remotion/media" }, "[VideoForPreview] Failed to initialize MediaPlayer", error);
+        Internals16.Log.error({ logLevel, tag: "@remotion/media" }, "[VideoForPreview] Failed to initialize MediaPlayer", error);
         setShouldFallbackToNativeVideo(true);
       });
     } catch (error) {
-      Internals15.Log.error({ logLevel, tag: "@remotion/media" }, "[VideoForPreview] MediaPlayer initialization failed", error);
+      Internals16.Log.error({ logLevel, tag: "@remotion/media" }, "[VideoForPreview] MediaPlayer initialization failed", error);
       setShouldFallbackToNativeVideo(true);
     }
     return () => {
       if (mediaPlayerRef.current) {
-        Internals15.Log.trace({ logLevel, tag: "@remotion/media" }, `[VideoForPreview] Disposing MediaPlayer`);
+        Internals16.Log.trace({ logLevel, tag: "@remotion/media" }, `[VideoForPreview] Disposing MediaPlayer`);
         mediaPlayerRef.current.dispose();
         mediaPlayerRef.current = null;
       }
@@ -4092,7 +4102,7 @@ var VideoForPreviewAssertedShowing = ({
     videoConfig.fps
   ]);
   const classNameValue = useMemo4(() => {
-    return [Internals15.OBJECTFIT_CONTAIN_CLASS_NAME, className].filter(Internals15.truthy).join(" ");
+    return [Internals16.OBJECTFIT_CONTAIN_CLASS_NAME, className].filter(Internals16.truthy).join(" ");
   }, [className]);
   useEffect3(() => {
     const mediaPlayer = mediaPlayerRef.current;
@@ -4193,7 +4203,7 @@ var VideoForPreviewAssertedShowing = ({
     if (!mediaPlayer || !mediaPlayerReady)
       return;
     mediaPlayer.seekTo(currentTime).catch(() => {});
-    Internals15.Log.trace({ logLevel, tag: "@remotion/media" }, `[VideoForPreview] Updating target time to ${currentTime.toFixed(3)}s`);
+    Internals16.Log.trace({ logLevel, tag: "@remotion/media" }, `[VideoForPreview] Updating target time to ${currentTime.toFixed(3)}s`);
   }, [currentTime, logLevel, mediaPlayerReady]);
   const actualStyle = useMemo4(() => {
     return {
@@ -4272,7 +4282,7 @@ import {
   useState as useState5
 } from "react";
 import {
-  Internals as Internals16,
+  Internals as Internals17,
   Loop,
   random as random2,
   useCurrentFrame as useCurrentFrame5,
@@ -4308,11 +4318,11 @@ var VideoForRendering = ({
     throw new TypeError("No `src` was passed to <Video>.");
   }
   const frame = useCurrentFrame5();
-  const absoluteFrame = Internals16.useTimelinePosition();
+  const absoluteFrame = Internals17.useTimelinePosition();
   const { fps } = useVideoConfig4();
-  const { registerRenderAsset, unregisterRenderAsset } = useContext5(Internals16.RenderAssetManager);
-  const startsAt = Internals16.useMediaStartsAt();
-  const sequenceContext = useContext5(Internals16.SequenceContext);
+  const { registerRenderAsset, unregisterRenderAsset } = useContext5(Internals17.RenderAssetManager);
+  const startsAt = Internals17.useMediaStartsAt();
+  const sequenceContext = useContext5(Internals17.SequenceContext);
   const id = useMemo5(() => `media-video-${random2(src)}-${sequenceContext?.cumulatedFrom}-${sequenceContext?.relativeFrom}-${sequenceContext?.durationInFrames}`, [
     src,
     sequenceContext?.cumulatedFrom,
@@ -4323,8 +4333,8 @@ var VideoForRendering = ({
   const { delayRender, continueRender, cancelRender: cancelRender3 } = useDelayRender2();
   const canvasRef = useRef3(null);
   const [replaceWithOffthreadVideo, setReplaceWithOffthreadVideo] = useState5(false);
-  const audioEnabled = Internals16.useAudioEnabled();
-  const videoEnabled = Internals16.useVideoEnabled();
+  const audioEnabled = Internals17.useAudioEnabled();
+  const videoEnabled = Internals17.useVideoEnabled();
   const maxCacheSize = useMaxMediaCacheSize(logLevel);
   const [error, setError] = useState5(null);
   if (error) {
@@ -4380,7 +4390,7 @@ var VideoForRendering = ({
           cancelRender3(new Error(`Unknown container format ${src}, and 'disallowFallbackToOffthreadVideo' was set. Failing the render.`));
         }
         if (window.remotion_isMainTab) {
-          Internals16.Log.info({ logLevel, tag: "@remotion/media" }, `Unknown container format for ${src} (Supported formats: https://www.remotion.dev/docs/mediabunny/formats), falling back to <OffthreadVideo>`);
+          Internals17.Log.info({ logLevel, tag: "@remotion/media" }, `Unknown container format for ${src} (Supported formats: https://www.remotion.dev/docs/mediabunny/formats), falling back to <OffthreadVideo>`);
         }
         setReplaceWithOffthreadVideo({ durationInSeconds: null });
         return;
@@ -4394,7 +4404,7 @@ var VideoForRendering = ({
           cancelRender3(new Error(`Cannot decode ${src}, and 'disallowFallbackToOffthreadVideo' was set. Failing the render.`));
         }
         if (window.remotion_isMainTab) {
-          Internals16.Log.warn({ logLevel, tag: "@remotion/media" }, `Cannot decode ${src}, falling back to <OffthreadVideo>`);
+          Internals17.Log.warn({ logLevel, tag: "@remotion/media" }, `Cannot decode ${src}, falling back to <OffthreadVideo>`);
         }
         setReplaceWithOffthreadVideo({
           durationInSeconds: result.durationInSeconds
@@ -4410,7 +4420,7 @@ var VideoForRendering = ({
           cancelRender3(new Error(`Cannot decode alpha component for ${src}, and 'disallowFallbackToOffthreadVideo' was set. Failing the render.`));
         }
         if (window.remotion_isMainTab) {
-          Internals16.Log.info({ logLevel, tag: "@remotion/media" }, `Cannot decode alpha component for ${src}, falling back to <OffthreadVideo>`);
+          Internals17.Log.info({ logLevel, tag: "@remotion/media" }, `Cannot decode alpha component for ${src}, falling back to <OffthreadVideo>`);
         }
         setReplaceWithOffthreadVideo({
           durationInSeconds: result.durationInSeconds
@@ -4426,7 +4436,7 @@ var VideoForRendering = ({
           cancelRender3(new Error(`Cannot decode ${src}, and 'disallowFallbackToOffthreadVideo' was set. Failing the render.`));
         }
         if (window.remotion_isMainTab) {
-          Internals16.Log.warn({ logLevel, tag: "@remotion/media" }, `Network error fetching ${src} (no CORS?), falling back to <OffthreadVideo>`);
+          Internals17.Log.warn({ logLevel, tag: "@remotion/media" }, `Network error fetching ${src} (no CORS?), falling back to <OffthreadVideo>`);
         }
         setReplaceWithOffthreadVideo({ durationInSeconds: null });
         return;
@@ -4464,12 +4474,12 @@ var VideoForRendering = ({
         frame,
         startsAt
       });
-      const volume = Internals16.evaluateVolume({
+      const volume = Internals17.evaluateVolume({
         volume: volumeProp,
         frame: volumePropsFrame,
         mediaVolume: 1
       });
-      Internals16.warnAboutTooHighVolume(volume);
+      Internals17.warnAboutTooHighVolume(volume);
       if (audio && volume > 0) {
         applyVolume(audio.data, volume);
         registerRenderAsset({
@@ -4524,10 +4534,10 @@ var VideoForRendering = ({
     headless
   ]);
   const classNameValue = useMemo5(() => {
-    return [Internals16.OBJECTFIT_CONTAIN_CLASS_NAME, className].filter(Internals16.truthy).join(" ");
+    return [Internals17.OBJECTFIT_CONTAIN_CLASS_NAME, className].filter(Internals17.truthy).join(" ");
   }, [className]);
   if (replaceWithOffthreadVideo) {
-    const fallback = /* @__PURE__ */ jsx5(Internals16.InnerOffthreadVideo, {
+    const fallback = /* @__PURE__ */ jsx5(Internals17.InnerOffthreadVideo, {
       src,
       playbackRate: playbackRate ?? 1,
       muted: muted ?? false,
@@ -4569,7 +4579,7 @@ var VideoForRendering = ({
       }
       return /* @__PURE__ */ jsx5(Loop, {
         layout: "none",
-        durationInFrames: Internals16.calculateMediaDuration({
+        durationInFrames: Internals17.calculateMediaDuration({
           trimAfter: trimAfterValue,
           mediaDurationInFrames: replaceWithOffthreadVideo.durationInSeconds * fps,
           playbackRate,
@@ -4592,7 +4602,7 @@ var VideoForRendering = ({
 
 // src/video/video.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
-var { validateMediaTrimProps, resolveTrimProps, validateMediaProps: validateMediaProps2 } = Internals17;
+var { validateMediaTrimProps, resolveTrimProps, validateMediaProps: validateMediaProps2 } = Internals18;
 var InnerVideo = ({
   src,
   audioStreamIndex,
@@ -4734,7 +4744,7 @@ var Video = ({
     headless: headless ?? false
   });
 };
-Internals17.addSequenceStackTraces(Video);
+Internals18.addSequenceStackTraces(Video);
 // src/index.ts
 var experimental_Audio = Audio;
 var experimental_Video = Video;

package/dist/video-extraction/extract-frame.js

@@ -1,14 +1,21 @@
+import { Internals } from 'remotion';
 import { keyframeManager } from '../caches';
 import { getSink } from '../get-sink';
 import { getTimeInSeconds } from '../get-time-in-seconds';
 const extractFrameInternal = async ({ src, timeInSeconds: unloopedTimeInSeconds, logLevel, loop, trimAfter, trimBefore, playbackRate, fps, maxCacheSize, }) => {
     const sink = await getSink(src, logLevel);
-    const video = await sink.getVideo();
+    const [video, mediaDurationInSecondsRaw] = await Promise.all([
+        sink.getVideo(),
+        loop ? sink.getDuration() : Promise.resolve(null),
+    ]);
+    const mediaDurationInSeconds = loop
+        ? mediaDurationInSecondsRaw
+        : null;
     if (video === 'no-video-track') {
         throw new Error(`No video track found for ${src}`);
     }
     if (video === 'cannot-decode') {
-        return { type: 'cannot-decode', durationInSeconds: await sink.getDuration() };
+        return { type: 'cannot-decode', durationInSeconds: mediaDurationInSeconds };
     }
     if (video === 'unknown-container-format') {
         return { type: 'unknown-container-format' };
@@ -16,10 +23,6 @@ const extractFrameInternal = async ({ src, timeInSeconds: unloopedTimeInSeconds,
     if (video === 'network-error') {
         return { type: 'network-error' };
     }
-    let mediaDurationInSeconds = null;
-    if (loop) {
-        mediaDurationInSeconds = await sink.getDuration();
-    }
     const timeInSeconds = getTimeInSeconds({
         loop,
         mediaDurationInSeconds,
@@ -38,29 +41,42 @@ const extractFrameInternal = async ({ src, timeInSeconds: unloopedTimeInSeconds,
             durationInSeconds: await sink.getDuration(),
         };
     }
-    const keyframeBank = await keyframeManager.requestKeyframeBank({
-        packetSink: video.packetSink,
-        videoSampleSink: video.sampleSink,
-        timestamp: timeInSeconds,
-        src,
-        logLevel,
-        maxCacheSize,
-    });
-    if (keyframeBank === 'has-alpha') {
-        return {
-            type: 'cannot-decode-alpha',
-            durationInSeconds: await sink.getDuration(),
-        };
-    }
-    if (!keyframeBank) {
+    // Must catch https://github.com/Vanilagy/mediabunny/issues/235
+    // https://discord.com/channels/@me/1127949286789881897/1455728482150518906
+    // Should be able to remove once upgraded to Chrome 145
+    try {
+        const keyframeBank = await keyframeManager.requestKeyframeBank({
+            packetSink: video.packetSink,
+            videoSampleSink: video.sampleSink,
+            timestamp: timeInSeconds,
+            src,
+            logLevel,
+            maxCacheSize,
+        });
+        if (keyframeBank === 'has-alpha') {
+            return {
+                type: 'cannot-decode-alpha',
+                durationInSeconds: await sink.getDuration(),
+            };
+        }
+        if (!keyframeBank) {
+            return {
+                type: 'success',
+                frame: null,
+                durationInSeconds: await sink.getDuration(),
+            };
+        }
+        const frame = await keyframeBank.getFrameFromTimestamp(timeInSeconds);
         return {
             type: 'success',
-            frame: null,
+            frame,
             durationInSeconds: await sink.getDuration(),
         };
     }
-    const frame = await keyframeBank.getFrameFromTimestamp(timeInSeconds);
-    return { type: 'success', frame, durationInSeconds: await sink.getDuration() };
+    catch (err) {
+        Internals.Log.info({ logLevel, tag: '@remotion/media' }, `Error decoding ${src} at time ${timeInSeconds}: ${err}`, err);
+        return { type: 'cannot-decode', durationInSeconds: mediaDurationInSeconds };
+    }
 };
 let queue = Promise.resolve(undefined);
 export const extractFrame = (params) => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/media",
-	"version": "4.0.398",
+	"version": "4.0.399",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"module": "dist/esm/index.mjs",
@@ -21,15 +21,15 @@
 		"make": "tsc -d && bun --env-file=../.env.bundle bundle.ts"
 	},
 	"dependencies": {
-		"mediabunny": "1.27.2",
-		"remotion": "4.0.398"
+		"mediabunny": "1.27.3",
+		"remotion": "4.0.399"
 	},
 	"peerDependencies": {
 		"react": ">=16.8.0",
 		"react-dom": ">=16.8.0"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.398",
+		"@remotion/eslint-config-internal": "4.0.399",
 		"@vitest/browser-webdriverio": "4.0.9",
 		"eslint": "9.19.0",
 		"react": "19.2.3",

package/dist/audio-for-rendering.d.ts

@@ -1,3 +0,0 @@
-import type React from 'react';
-import type { AudioProps } from './props';
-export declare const AudioForRendering: React.FC<AudioProps>;

package/dist/audio-for-rendering.js

@@ -1,94 +0,0 @@
-import { useContext, useLayoutEffect, useMemo, useState } from 'react';
-import { cancelRender, Internals, useCurrentFrame, useDelayRender, useRemotionEnvironment, } from 'remotion';
-import { extractFrameViaBroadcastChannel } from './extract-frame-via-broadcast-channel';
-export const AudioForRendering = ({ volume: volumeProp, playbackRate, src, muted, loopVolumeCurveBehavior, delayRenderRetries, delayRenderTimeoutInMilliseconds, logLevel = window.remotion_logLevel, }) => {
-    const absoluteFrame = Internals.useTimelinePosition();
-    const videoConfig = Internals.useUnsafeVideoConfig();
-    const { registerRenderAsset, unregisterRenderAsset } = useContext(Internals.RenderAssetManager);
-    const frame = useCurrentFrame();
-    const volumePropsFrame = Internals.useFrameForVolumeProp(loopVolumeCurveBehavior ?? 'repeat');
-    const environment = useRemotionEnvironment();
-    const [id] = useState(() => `${Math.random()}`.replace('0.', ''));
-    if (!videoConfig) {
-        throw new Error('No video config found');
-    }
-    if (!src) {
-        throw new TypeError('No `src` was passed to <Video>.');
-    }
-    const volume = Internals.evaluateVolume({
-        volume: volumeProp,
-        frame: volumePropsFrame,
-        mediaVolume: 1,
-    });
-    Internals.warnAboutTooHighVolume(volume);
-    const shouldRenderAudio = useMemo(() => {
-        if (!window.remotion_audioEnabled) {
-            return false;
-        }
-        if (muted) {
-            return false;
-        }
-        if (volume <= 0) {
-            return false;
-        }
-        return true;
-    }, [muted, volume]);
-    const { fps } = videoConfig;
-    const { delayRender, continueRender } = useDelayRender();
-    useLayoutEffect(() => {
-        const actualFps = playbackRate ? fps / playbackRate : fps;
-        const timestamp = frame / actualFps;
-        const durationInSeconds = 1 / actualFps;
-        const newHandle = delayRender(`Extracting frame number ${frame}`, {
-            retries: delayRenderRetries ?? undefined,
-            timeoutInMilliseconds: delayRenderTimeoutInMilliseconds ?? undefined,
-        });
-        extractFrameViaBroadcastChannel({
-            src,
-            timeInSeconds: timestamp,
-            durationInSeconds,
-            logLevel: logLevel ?? 'info',
-            shouldRenderAudio,
-            isClientSideRendering: environment.isClientSideRendering,
-        })
-            .then(({ audio }) => {
-            if (audio) {
-                registerRenderAsset({
-                    type: 'inline-audio',
-                    id,
-                    audio: Array.from(audio.data),
-                    sampleRate: audio.sampleRate,
-                    numberOfChannels: audio.numberOfChannels,
-                    frame: absoluteFrame,
-                    timestamp: audio.timestamp,
-                    duration: (audio.numberOfFrames / audio.sampleRate) * 1000000,
-                });
-            }
-            continueRender(newHandle);
-        })
-            .catch((error) => {
-            cancelRender(error);
-        });
-        return () => {
-            continueRender(newHandle);
-            unregisterRenderAsset(id);
-        };
-    }, [
-        absoluteFrame,
-        continueRender,
-        delayRender,
-        delayRenderRetries,
-        delayRenderTimeoutInMilliseconds,
-        environment.isClientSideRendering,
-        fps,
-        frame,
-        id,
-        logLevel,
-        playbackRate,
-        registerRenderAsset,
-        shouldRenderAudio,
-        src,
-        unregisterRenderAsset,
-    ]);
-    return null;
-};

package/dist/audio.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { AudioProps } from './props';
-export declare const Audio: React.FC<AudioProps>;