@remotion/media 4.0.514 → 4.0.516

package/dist/esm/index.mjs

@@ -40,7 +40,7 @@ var __callDispose = (stack, error, hasError) => {
 import { useMemo as useMemo3, useState as useState3 } from "react";
 import {
   Freeze,
-  Internals as Internals18,
+  Internals as Internals19,
   Interactive,
   Sequence,
   useRemotionEnvironment as useRemotionEnvironment2,
@@ -78,7 +78,7 @@ var getLoopDisplay = ({
 // src/audio/audio-for-preview.tsx
 import { useContext as useContext2, useEffect, useMemo, useRef, useState } from "react";
 import {
-  Internals as Internals8,
+  Internals as Internals9,
   Audio as RemotionAudio,
   useBufferState,
   useCurrentFrame,
@@ -137,7 +137,7 @@ var calculateEndTime = ({
 };
 
 // src/media-player.ts
-import { Internals as Internals6 } from "remotion";
+import { Internals as Internals7 } from "remotion";
 
 // src/audio-iterator-manager.ts
 import {
@@ -406,8 +406,8 @@ async function* makeLoopingIterator({
         return;
       }
     }
-    if (!yieldedInPass) {
-      throw new Error(`Audio loop pass from ${passStartInSeconds} to ${segmentEndInSeconds} yielded no buffers`);
+    if (!yieldedInPass && passStartInSeconds === loopStartInSeconds) {
+      return;
     }
     passBaseTimestamp += segmentEndInSeconds - passStartInSeconds;
     passStartInSeconds = loopStartInSeconds;
@@ -585,7 +585,7 @@ var audioIteratorManager = ({
           onDone();
           return;
         }
-        onScheduled(result.value.sourceDurationInSeconds);
+        onScheduled(result.value.sourceDurationInSeconds, result.value.timelineTimestamp);
         notifyNodeScheduled();
         onAudioChunk({
           buffer: result.value,
@@ -667,7 +667,7 @@ var audioIteratorManager = ({
     });
     audioIteratorsCreated++;
     audioBufferIterator = iterator;
-    let bufferedDuration = 0;
+    let bufferedUntil = startFromSecond;
     let hasUnblockedPlayback = false;
     const unblockPlayback = () => {
       if (hasUnblockedPlayback) {
@@ -682,8 +682,9 @@ var audioIteratorManager = ({
       getTargetTime,
       playbackRate,
       scheduleAudioNode,
-      onScheduled: (sourceDurationInSeconds) => {
-        bufferedDuration += sourceDurationInSeconds;
+      onScheduled: (sourceDurationInSeconds, timelineTimestamp) => {
+        bufferedUntil = Math.max(bufferedUntil, timelineTimestamp + sourceDurationInSeconds);
+        const bufferedDuration = bufferedUntil - startFromSecond;
         if (hasEnoughAudioToStartPlayback(bufferedDuration)) {
           unblockPlayback();
         }
@@ -752,7 +753,8 @@ var audioIteratorManager = ({
         return;
       }
       const currentIteratorTimestamp = audioBufferIterator.guessNextTimestamp();
-      if (currentIteratorTimestamp < timeToCheck && Math.abs(currentIteratorTimestamp - timeToCheck) < 1) {
+      const iteratorHasAdvancedThroughSilence = loop && currentAnchor !== null && unloopedNewTime >= currentAnchor.unloopedStartInSeconds && currentIteratorTimestamp >= timeToCheck;
+      if (iteratorHasAdvancedThroughSilence || currentIteratorTimestamp < timeToCheck && Math.abs(currentIteratorTimestamp - timeToCheck) < 1) {
         processNext();
         return;
       }
@@ -843,6 +845,10 @@ var drawPreviewOverlay = ({
   }
 };
 
+// src/get-shared-input.ts
+import { ALL_FORMATS, Input, UrlSource } from "mediabunny";
+import { Internals as Internals5 } from "remotion";
+
 // src/get-duration-or-compute.ts
 var getDurationOrCompute = async (input) => {
   return await input.getDurationFromMetadata(undefined, {
@@ -850,9 +856,6 @@ var getDurationOrCompute = async (input) => {
   }) ?? input.computeDuration(undefined, { skipLiveWait: true });
 };
 
-// src/get-shared-input.ts
-import { ALL_FORMATS, Input, UrlSource } from "mediabunny";
-
 // src/max-cache-size.ts
 import { cancelRender, Internals as Internals4 } from "remotion";
 var getUncachedMaxCacheSize = (logLevel) => {
@@ -967,16 +970,16 @@ var resolveRequestInit = ({
 };
 
 // src/get-shared-input.ts
-var sharedInputs = {};
 var getSharedInputCacheKey = ({
   src,
   credentials,
   requestInit
-}) => JSON.stringify([
+}) => Internals5.getMediabunnyInputResourceKey({
   src,
-  credentials ?? null,
-  getMediaRequestInitFingerprint(requestInit)
-]);
+  credentials: credentials ?? null,
+  requestInitFingerprint: getMediaRequestInitFingerprint(requestInit),
+  revision: null
+});
 var acquireSharedInput = ({
   src,
   credentials,
@@ -989,35 +992,28 @@ var acquireSharedInput = ({
     credentials,
     requestInit: normalizedRequestInit
   });
-  const existing = sharedInputs[cacheKey];
-  if (existing) {
-    existing.refCount++;
-    return { input: existing.input, cacheKey };
-  }
   const resolvedRequestInit = resolveRequestInit({
     credentials,
     requestInit: normalizedRequestInit
   });
-  const input = new Input({
-    source: new UrlSource(src, {
-      maxCacheSize: getMaxSourceCacheSize(logLevel),
-      ...resolvedRequestInit ? { requestInit: resolvedRequestInit } : undefined
-    }),
-    formats: ALL_FORMATS
+  const lease = Internals5.globalMediaResourceManager.acquire({
+    key: cacheKey,
+    create: () => {
+      const input = new Input({
+        source: new UrlSource(src, {
+          maxCacheSize: getMaxSourceCacheSize(logLevel),
+          ...resolvedRequestInit ? { requestInit: resolvedRequestInit } : undefined
+        }),
+        formats: ALL_FORMATS
+      });
+      return { resource: input, dispose: () => input.dispose() };
+    }
   });
-  sharedInputs[cacheKey] = { input, refCount: 1 };
-  return { input, cacheKey };
-};
-var releaseSharedInput = (cacheKey) => {
-  const entry = sharedInputs[cacheKey];
-  if (!entry) {
-    return;
-  }
-  entry.refCount--;
-  if (entry.refCount <= 0) {
-    delete sharedInputs[cacheKey];
-    entry.input.dispose();
-  }
+  return {
+    input: lease.resource,
+    getDuration: () => lease.getOrCreateValue(Internals5.MEDIABUNNY_DURATION_VALUE_KEY, () => getDurationOrCompute(lease.resource)),
+    release: lease.release
+  };
 };
 
 // src/helpers/resolve-audio-track.ts
@@ -1141,7 +1137,7 @@ class PremountAwareDelayPlayback {
 
 // src/video-iterator-manager.ts
 import { CanvasSink } from "mediabunny";
-import { Internals as Internals5 } from "remotion";
+import { Internals as Internals6 } from "remotion";
 
 // src/helpers/round-to-4-digits.ts
 var roundTo4Digits = (timestamp) => {
@@ -1551,7 +1547,7 @@ var createVideoIterator = async (timeToSeek, cache) => {
 };
 
 // src/video-iterator-manager.ts
-var { runEffectChain } = Internals5;
+var { runEffectChain } = Internals6;
 var isSequentialMediaTimeAdvance = ({
   previousTime,
   newTime,
@@ -1630,7 +1626,7 @@ var videoIteratorManager = async ({
     if (callback) {
       callback(frame.canvas);
     }
-    Internals5.Log.trace({ logLevel, tag: "@remotion/media" }, `[MediaPlayer] Drew frame ${frame.timestamp.toFixed(3)}s`);
+    Internals6.Log.trace({ logLevel, tag: "@remotion/media" }, `[MediaPlayer] Drew frame ${frame.timestamp.toFixed(3)}s`);
   };
   const redrawCurrentFrame = async () => {
     if (!lastDrawnFrame) {
@@ -1642,7 +1638,7 @@ var videoIteratorManager = async ({
     if (callback) {
       callback(lastDrawnFrame.canvas);
     }
-    Internals5.Log.trace({ logLevel, tag: "@remotion/media" }, `[MediaPlayer] Redrew frame ${lastDrawnFrame.timestamp.toFixed(3)}s with updated effects`);
+    Internals6.Log.trace({ logLevel, tag: "@remotion/media" }, `[MediaPlayer] Redrew frame ${lastDrawnFrame.timestamp.toFixed(3)}s with updated effects`);
   };
   const startVideoIterator = async (timeToSeek, nonce) => {
     let __stack = [];
@@ -1659,6 +1655,9 @@ var videoIteratorManager = async ({
         return;
       }
       if (nonce.isStale()) {
+        if (!videoFrameIterator.isDestroyed() && iterator.initialFrame) {
+          await drawFrame(iterator.initialFrame);
+        }
         return;
       }
       if (videoFrameIterator.isDestroyed()) {
@@ -1817,14 +1816,15 @@ class MediaPlayer {
     this.onVideoFrameCallback = onVideoFrameCallback;
     this.playing = playing;
     this.sequenceOffset = sequenceOffset;
-    const { input, cacheKey } = acquireSharedInput({
+    const { input, getDuration, release } = acquireSharedInput({
       src: this.src,
       credentials,
       requestInit,
       logLevel
     });
     this.input = input;
-    this.inputCacheKey = cacheKey;
+    this.getDuration = getDuration;
+    this.releaseInput = release;
     this.tagType = tagType;
     this.getEffects = getEffects;
     this.getEffectChainState = getEffectChainState;
@@ -1841,7 +1841,8 @@ class MediaPlayer {
     }
   }
   input;
-  inputCacheKey;
+  getDuration;
+  releaseInput;
   disposed = false;
   isDisposalError() {
     return this.disposed || this.input.disposed === true;
@@ -1892,11 +1893,11 @@ class MediaPlayer {
           if (isNetworkError(err)) {
             throw error;
           }
-          Internals6.Log.error({ logLevel: this.logLevel, tag: "@remotion/media" }, `[MediaPlayer] Failed to recognize format for ${this.src}`, error);
+          Internals7.Log.error({ logLevel: this.logLevel, tag: "@remotion/media" }, `[MediaPlayer] Failed to recognize format for ${this.src}`, error);
           return { type: "unknown-container-format" };
         }
         const [durationInSeconds, videoTrack, audioTracks] = await Promise.all([
-          getDurationOrCompute(this.input),
+          this.getDuration(),
           this.input.getPrimaryVideoTrack(),
           this.input.getAudioTracks()
         ]);
@@ -1995,16 +1996,16 @@ class MediaPlayer {
           if (this.isDisposalError()) {
             return { type: "disposed" };
           }
-          Internals6.Log.error({ logLevel: this.logLevel, tag: "@remotion/media" }, "[MediaPlayer] Failed to start audio and video iterators", error);
+          Internals7.Log.error({ logLevel: this.logLevel, tag: "@remotion/media" }, "[MediaPlayer] Failed to start audio and video iterators", error);
         }
         return { type: "success", durationInSeconds };
       } catch (error) {
         const err = error;
         if (isNetworkError(err)) {
-          Internals6.Log.error({ logLevel: this.logLevel, tag: "@remotion/media" }, `[MediaPlayer] Network/CORS error for ${this.src}`, err);
+          Internals7.Log.error({ logLevel: this.logLevel, tag: "@remotion/media" }, `[MediaPlayer] Network/CORS error for ${this.src}`, err);
           return { type: "network-error" };
         }
-        Internals6.Log.error({ logLevel: this.logLevel, tag: "@remotion/media" }, "[MediaPlayer] Failed to initialize", error);
+        Internals7.Log.error({ logLevel: this.logLevel, tag: "@remotion/media" }, "[MediaPlayer] Failed to initialize", error);
         throw error;
       }
     } catch (_catch) {
@@ -2188,7 +2189,7 @@ class MediaPlayer {
     this.nonceManager.createAsyncOperation();
     this.videoIteratorManager?.destroy();
     this.audioIteratorManager?.destroyIterator();
-    releaseSharedInput(this.inputCacheKey);
+    this.releaseInput();
   }
   getTargetTime = (mediaTimestamp, currentTime) => {
     if (!this.sharedAudioContext) {
@@ -2302,7 +2303,7 @@ var callOnErrorAndResolve = ({
 
 // src/use-common-effects.ts
 import { useContext, useLayoutEffect } from "react";
-import { Internals as Internals7 } from "remotion";
+import { Internals as Internals8 } from "remotion";
 var useCommonEffects = ({
   mediaPlayerRef,
   mediaPlayerReady,
@@ -2326,7 +2327,7 @@ var useCommonEffects = ({
   logLevel,
   label
 }) => {
-  const sharedAudioContext = useContext(Internals7.SharedAudioContext);
+  const sharedAudioContext = useContext(Internals8.SharedAudioContext);
   useLayoutEffect(() => {
     const mediaPlayer = mediaPlayerRef.current;
     if (!mediaPlayer)
@@ -2444,7 +2445,7 @@ var useCommonEffects = ({
     if (!mediaPlayer || !mediaPlayerReady)
       return;
     mediaPlayer.seekTo(currentTime).catch(() => {});
-    Internals7.Log.trace({ logLevel, tag: "@remotion/media" }, `[${label}] Updating target time to ${currentTime.toFixed(3)}s`);
+    Internals8.Log.trace({ logLevel, tag: "@remotion/media" }, `[${label}] Updating target time to ${currentTime.toFixed(3)}s`);
   }, [currentTime, logLevel, mediaPlayerReady, label, mediaPlayerRef]);
 };
 
@@ -2461,7 +2462,7 @@ var {
   warnAboutTooHighVolume,
   usePreload,
   SequenceContext
-} = Internals8;
+} = Internals9;
 var AudioForPreviewAssertedShowing = ({
   src,
   playbackRate,
@@ -2494,7 +2495,7 @@ var AudioForPreviewAssertedShowing = ({
   const [mediaPlayerReady, setMediaPlayerReady] = useState(false);
   const [shouldFallbackToNativeAudio, setShouldFallbackToNativeAudio] = useState(false);
   const [playing] = Timeline.usePlayingState();
-  const { playbackRate: globalPlaybackRate } = Internals8.usePlaybackRate();
+  const { playbackRate: globalPlaybackRate } = Internals9.usePlaybackRate();
   const sharedAudioContext = useContext2(SharedAudioContext);
   const buffer = useBufferState();
   const [playerMuted] = usePlayerMutedState();
@@ -2520,12 +2521,12 @@ var AudioForPreviewAssertedShowing = ({
   const isPremounting = Boolean(parentSequence?.premounting);
   const isPostmounting = Boolean(parentSequence?.postmounting);
   const sequenceOffset = (parentSequence?.absoluteFrom ?? 0) / videoConfig.fps;
-  const bufferingContext = useContext2(Internals8.BufferingContextReact);
+  const bufferingContext = useContext2(Internals9.BufferingContextReact);
   if (!bufferingContext) {
     throw new Error("useMediaPlayback must be used inside a <BufferingContext>");
   }
   const effectiveMuted = muted || playerMuted || userPreferredVolume <= 0;
-  const isPlayerBuffering = Internals8.useIsPlayerBuffering(bufferingContext);
+  const isPlayerBuffering = Internals9.useIsPlayerBuffering(bufferingContext);
   const initialPlaying = useRef(playing && !isPlayerBuffering);
   const initialIsPremounting = useRef(isPremounting);
   const initialIsPostmounting = useRef(isPostmounting);
@@ -2621,7 +2622,7 @@ var AudioForPreviewAssertedShowing = ({
           if (action === "fail") {
             throw errorToUse;
           } else {
-            Internals8.Log.warn({ logLevel, tag: "@remotion/media" }, fallbackMessage);
+            Internals9.Log.warn({ logLevel, tag: "@remotion/media" }, fallbackMessage);
             setShouldFallbackToNativeAudio(true);
           }
         };
@@ -2647,7 +2648,7 @@ var AudioForPreviewAssertedShowing = ({
         if (result.type === "success") {
           setMediaPlayerReady(true);
           setMediaDurationInSeconds(result.durationInSeconds);
-          Internals8.Log.trace({ logLevel, tag: "@remotion/media" }, `[AudioForPreview] MediaPlayer initialized successfully`);
+          Internals9.Log.trace({ logLevel, tag: "@remotion/media" }, `[AudioForPreview] MediaPlayer initialized successfully`);
         }
       }).catch((error) => {
         const [action, errorToUse] = callOnErrorAndResolve({
@@ -2660,7 +2661,7 @@ var AudioForPreviewAssertedShowing = ({
         if (action === "fail") {
           throw errorToUse;
         } else {
-          Internals8.Log.error({ logLevel, tag: "@remotion/media" }, "[AudioForPreview] Failed to initialize MediaPlayer", error);
+          Internals9.Log.error({ logLevel, tag: "@remotion/media" }, "[AudioForPreview] Failed to initialize MediaPlayer", error);
           setShouldFallbackToNativeAudio(true);
         }
       });
@@ -2675,12 +2676,12 @@ var AudioForPreviewAssertedShowing = ({
       if (action === "fail") {
         throw errorToUse;
       }
-      Internals8.Log.error({ logLevel, tag: "@remotion/media" }, "[AudioForPreview] MediaPlayer initialization failed", errorToUse);
+      Internals9.Log.error({ logLevel, tag: "@remotion/media" }, "[AudioForPreview] MediaPlayer initialization failed", errorToUse);
       setShouldFallbackToNativeAudio(true);
     }
     return () => {
       if (mediaPlayerRef.current) {
-        Internals8.Log.trace({ logLevel, tag: "@remotion/media" }, `[AudioForPreview] Disposing MediaPlayer`);
+        Internals9.Log.trace({ logLevel, tag: "@remotion/media" }, `[AudioForPreview] Disposing MediaPlayer`);
         mediaPlayerRef.current.dispose();
         mediaPlayerRef.current = null;
       }
@@ -2748,7 +2749,7 @@ var AudioForPreview = ({
   style
 }) => {
   const preloadedSrc = usePreload(src);
-  const defaultLogLevel = Internals8.useLogLevel();
+  const defaultLogLevel = Internals9.useLogLevel();
   const frame = useCurrentFrame();
   const videoConfig = useVideoConfig();
   const currentTime = frame / videoConfig.fps;
@@ -2809,7 +2810,7 @@ import { useContext as useContext3, useLayoutEffect as useLayoutEffect2, useMemo
 import {
   cancelRender as cancelRender2,
   Html5Audio,
-  Internals as Internals17,
+  Internals as Internals18,
   random,
   useCurrentFrame as useCurrentFrame2,
   useDelayRender,
@@ -2818,10 +2819,10 @@ import {
 
 // src/caches.ts
 import React2 from "react";
-import { Internals as Internals15 } from "remotion";
+import { Internals as Internals16 } from "remotion";
 
 // src/audio-extraction/audio-manager.ts
-import { Internals as Internals10 } from "remotion";
+import { Internals as Internals11 } from "remotion";
 
 // src/serialized-queue.ts
 var makeSerializedQueue = () => {
@@ -2838,7 +2839,7 @@ var makeSerializedQueue = () => {
 };
 
 // src/audio-extraction/audio-iterator.ts
-import { Internals as Internals9 } from "remotion";
+import { Internals as Internals10 } from "remotion";
 
 // src/audio-extraction/audio-cache.ts
 var BYTES_PER_SAMPLE = {
@@ -2938,7 +2939,7 @@ var warnAboutMatroskaOnce = (src, logLevel) => {
     return;
   }
   warned[src] = true;
-  Internals9.Log.warn({ logLevel, tag: "@remotion/media" }, `Audio from ${src} will need to be read from the beginning. https://www.remotion.dev/docs/media/support#matroska-limitation`);
+  Internals10.Log.warn({ logLevel, tag: "@remotion/media" }, `Audio from ${src} will need to be read from the beginning. https://www.remotion.dev/docs/media/support#matroska-limitation`);
 };
 var makeAudioIterator2 = ({
   audioSampleSink,
@@ -3006,7 +3007,7 @@ var makeAudioIterator2 = ({
     if (openTimestamps.length > 0) {
       const first = openTimestamps[0];
       const last = openTimestamps[openTimestamps.length - 1];
-      Internals9.Log.verbose({ logLevel, tag: "@remotion/media" }, "Open audio samples for src", src, `${first.toFixed(3)}...${last.toFixed(3)}`);
+      Internals10.Log.verbose({ logLevel, tag: "@remotion/media" }, "Open audio samples for src", src, `${first.toFixed(3)}...${last.toFixed(3)}`);
     }
   };
   const getCacheStats = () => {
@@ -3106,7 +3107,7 @@ var makeAudioManager = ({
       if (seenKeys.has(key)) {
         iterator.prepareForDeletion();
         iterators.splice(iterators.indexOf(iterator), 1);
-        Internals10.Log.verbose({ logLevel, tag: "@remotion/media" }, `Deleted duplicate iterator for ${iterator.src}`);
+        Internals11.Log.verbose({ logLevel, tag: "@remotion/media" }, `Deleted duplicate iterator for ${iterator.src}`);
       }
       seenKeys.add(key);
     }
@@ -3130,7 +3131,7 @@ var makeAudioManager = ({
       attempts++;
     }
     if ((await getTotalCacheStats()).totalSize > maxCacheSize && attempts >= maxAttempts) {
-      Internals10.Log.warn({ logLevel, tag: "@remotion/media" }, `Audio cache: Exceeded max cache size after ${maxAttempts} attempts. Still ${(await getTotalCacheStats()).totalSize} bytes used, target was ${maxCacheSize} bytes.`);
+      Internals11.Log.warn({ logLevel, tag: "@remotion/media" }, `Audio cache: Exceeded max cache size after ${maxAttempts} attempts. Still ${(await getTotalCacheStats()).totalSize} bytes used, target was ${maxCacheSize} bytes.`);
     }
     for (const iterator of iterators) {
       if (iterator.src === src && await iterator.waitForCompletion() && iterator.canSatisfyRequestedTime(timeInSeconds)) {
@@ -3216,7 +3217,7 @@ var makeAudioManager = ({
 };
 
 // src/get-sink.ts
-import { Internals as Internals12 } from "remotion";
+import { Internals as Internals13 } from "remotion";
 
 // src/video-extraction/get-frames-since-keyframe.ts
 import {
@@ -3229,7 +3230,7 @@ import {
   VideoSampleSink,
   WEBM
 } from "mediabunny";
-import { Internals as Internals11 } from "remotion";
+import { Internals as Internals12 } from "remotion";
 
 // src/browser-can-use-webgl2.ts
 var browserCanUseWebGl2 = null;
@@ -3325,7 +3326,7 @@ var makeSinks = (src, logLevel, credentials, requestInit) => {
       });
       const hasAlpha = startPacket?.sideData.alpha;
       if (hasAlpha && !canBrowserUseWebGl2()) {
-        Internals11.Log.warn({ logLevel, tag: "@remotion/media" }, `WebGL2 is not available, using the non-fast CPU path to decode alpha for ${src}.`);
+        Internals12.Log.warn({ logLevel, tag: "@remotion/media" }, `WebGL2 is not available, using the non-fast CPU path to decode alpha for ${src}.`);
       }
       return {
         sampleSink
@@ -3418,7 +3419,7 @@ var makeSinkManager = () => {
       });
       let promise = sinkPromises[cacheKey];
       if (!promise) {
-        Internals12.Log.verbose({
+        Internals13.Log.verbose({
           logLevel,
           tag: "@remotion/media"
         }, `Sink for ${src} was not found, creating new sink`);
@@ -3453,7 +3454,7 @@ var makeSinkManager = () => {
 };
 
 // src/video-extraction/keyframe-manager.ts
-import { Internals as Internals14 } from "remotion";
+import { Internals as Internals15 } from "remotion";
 
 // src/render-timestamp-range.ts
 var renderTimestampRange = (timestamps) => {
@@ -3467,7 +3468,7 @@ var renderTimestampRange = (timestamps) => {
 };
 
 // src/video-extraction/keyframe-bank.ts
-import { Internals as Internals13 } from "remotion";
+import { Internals as Internals14 } from "remotion";
 
 // src/video-extraction/get-allocation-size.ts
 var BYTES_PER_PIXEL_FOR_OPAQUE_FRAME = 3;
@@ -3548,7 +3549,7 @@ var makeKeyframeBank = async ({
       }
     }
     if (deletedTimestamps.length > 0) {
-      Internals13.Log.verbose({ logLevel, tag: "@remotion/media" }, `Deleted ${deletedTimestamps.length} frame${deletedTimestamps.length === 1 ? "" : "s"} ${renderTimestampRange(deletedTimestamps)} for src ${src} because it is lower than ${timestampInSeconds}. Remaining: ${renderTimestampRange(frameTimestamps)}`);
+      Internals14.Log.verbose({ logLevel, tag: "@remotion/media" }, `Deleted ${deletedTimestamps.length} frame${deletedTimestamps.length === 1 ? "" : "s"} ${renderTimestampRange(deletedTimestamps)} for src ${src} because it is lower than ${timestampInSeconds}. Remaining: ${renderTimestampRange(frameTimestamps)}`);
     }
   };
   const hasDecodedEnoughForTimestamp = (timestamp) => {
@@ -3577,7 +3578,7 @@ var makeKeyframeBank = async ({
     frameTimestamps.push(frame.timestamp);
     allocationSize += getAllocationSize(frame);
     lastUsed = Date.now();
-    Internals13.Log.trace({ logLevel, tag: "@remotion/media" }, `Added frame at ${frame.timestamp}sec to bank`);
+    Internals14.Log.trace({ logLevel, tag: "@remotion/media" }, `Added frame at ${frame.timestamp}sec to bank`);
   };
   const ensureEnoughFramesForTimestamp = async (timestampInSeconds, logLevel, fps) => {
     while (!hasDecodedEnoughForTimestamp(timestampInSeconds)) {
@@ -3632,7 +3633,7 @@ var makeKeyframeBank = async ({
     throw new Error("No first frame found");
   }
   const startTimestampInSeconds = firstFrame.value.timestamp;
-  Internals13.Log.verbose({ logLevel: parentLogLevel, tag: "@remotion/media" }, `Creating keyframe bank from ${startTimestampInSeconds}sec`);
+  Internals14.Log.verbose({ logLevel: parentLogLevel, tag: "@remotion/media" }, `Creating keyframe bank from ${startTimestampInSeconds}sec`);
   addFrame(firstFrame.value, parentLogLevel);
   const getRangeOfTimestamps = () => {
     if (frameTimestamps.length === 0) {
@@ -3649,7 +3650,7 @@ var makeKeyframeBank = async ({
   const prepareForDeletion = (logLevel, reason) => {
     const range = getRangeOfTimestamps();
     if (range) {
-      Internals13.Log.verbose({ logLevel, tag: "@remotion/media" }, `Preparing for deletion (${reason}) of keyframe bank from ${range?.firstTimestamp}sec to ${range?.lastTimestamp}sec`);
+      Internals14.Log.verbose({ logLevel, tag: "@remotion/media" }, `Preparing for deletion (${reason}) of keyframe bank from ${range?.firstTimestamp}sec to ${range?.lastTimestamp}sec`);
     }
     let framesDeleted = 0;
     for (const frameTimestamp of frameTimestamps.slice()) {
@@ -3747,10 +3748,10 @@ var makeKeyframeManager = ({
         if (size === 0) {
           continue;
         }
-        Internals14.Log.verbose({ logLevel, tag: "@remotion/media" }, `Open frames for src ${src}: ${renderTimestampRange(timestamps)}`);
+        Internals15.Log.verbose({ logLevel, tag: "@remotion/media" }, `Open frames for src ${src}: ${renderTimestampRange(timestamps)}`);
       }
     }
-    Internals14.Log.verbose({ logLevel, tag: "@remotion/media" }, `Video cache stats: ${count} open frames, ${totalSize} bytes`);
+    Internals15.Log.verbose({ logLevel, tag: "@remotion/media" }, `Video cache stats: ${count} open frames, ${totalSize} bytes`);
   };
   const getCacheStats = () => {
     let count = 0;
@@ -3800,7 +3801,7 @@ var makeKeyframeManager = ({
     const { framesDeleted } = bank.prepareForDeletion(logLevel, "deleted oldest keyframe bank to stay under max cache size");
     sources[src].splice(index, 1);
     if (range) {
-      Internals14.Log.verbose({ logLevel, tag: "@remotion/media" }, `Deleted ${framesDeleted} frames for src ${src} from ${range?.firstTimestamp}sec to ${range?.lastTimestamp}sec to free up memory.`);
+      Internals15.Log.verbose({ logLevel, tag: "@remotion/media" }, `Deleted ${framesDeleted} frames for src ${src} from ${range?.firstTimestamp}sec to ${range?.lastTimestamp}sec to free up memory.`);
     }
     return { finish: false };
   };
@@ -3813,12 +3814,12 @@ var makeKeyframeManager = ({
       if (finish) {
         break;
       }
-      Internals14.Log.verbose({ logLevel, tag: "@remotion/media" }, "Deleted oldest keyframe bank to stay under max cache size", (cacheStats.totalSize / 1024 / 1024).toFixed(1), "out of", (maxCacheSize / 1024 / 1024).toFixed(1));
+      Internals15.Log.verbose({ logLevel, tag: "@remotion/media" }, "Deleted oldest keyframe bank to stay under max cache size", (cacheStats.totalSize / 1024 / 1024).toFixed(1), "out of", (maxCacheSize / 1024 / 1024).toFixed(1));
       cacheStats = getTotalCacheStats();
       attempts++;
     }
     if (cacheStats.totalSize > maxCacheSize && attempts >= maxAttempts) {
-      Internals14.Log.warn({ logLevel, tag: "@remotion/media" }, `Exceeded max cache size after ${maxAttempts} attempts. Remaining cache size: ${(cacheStats.totalSize / 1024 / 1024).toFixed(1)} MB, target was ${(maxCacheSize / 1024 / 1024).toFixed(1)} MB.`);
+      Internals15.Log.warn({ logLevel, tag: "@remotion/media" }, `Exceeded max cache size after ${maxAttempts} attempts. Remaining cache size: ${(cacheStats.totalSize / 1024 / 1024).toFixed(1)} MB, target was ${(maxCacheSize / 1024 / 1024).toFixed(1)} MB.`);
     }
   };
   const clearKeyframeBanksBeforeTime = ({
@@ -3847,7 +3848,7 @@ var makeKeyframeManager = ({
       }
       if (range.lastTimestamp < threshold) {
         bank.prepareForDeletion(logLevel, "cleared before threshold " + threshold);
-        Internals14.Log.verbose({ logLevel, tag: "@remotion/media" }, `[Video] Cleared frames for src ${src} from ${range.firstTimestamp}sec to ${range.lastTimestamp}sec`);
+        Internals15.Log.verbose({ logLevel, tag: "@remotion/media" }, `[Video] Cleared frames for src ${src} from ${range.firstTimestamp}sec to ${range.lastTimestamp}sec`);
         const bankIndex = banks.indexOf(bank);
         delete sources[src][bankIndex];
       } else {
@@ -3869,7 +3870,7 @@ var makeKeyframeManager = ({
     const existingBanks = sources[src] ?? [];
     const existingBank = existingBanks?.find((bank) => bank.canSatisfyTimestamp(timestamp));
     if (!existingBank) {
-      Internals14.Log.trace({ logLevel, tag: "@remotion/media" }, `Creating new keyframe bank for src ${src} at timestamp ${timestamp}`);
+      Internals15.Log.trace({ logLevel, tag: "@remotion/media" }, `Creating new keyframe bank for src ${src} at timestamp ${timestamp}`);
       const newKeyframeBank = await makeKeyframeBank({
         videoSampleSink,
         logLevel,
@@ -3882,10 +3883,10 @@ var makeKeyframeManager = ({
       return newKeyframeBank;
     }
     if (existingBank.canSatisfyTimestamp(timestamp)) {
-      Internals14.Log.trace({ logLevel, tag: "@remotion/media" }, `Keyframe bank exists and satisfies timestamp ${timestamp}`);
+      Internals15.Log.trace({ logLevel, tag: "@remotion/media" }, `Keyframe bank exists and satisfies timestamp ${timestamp}`);
       return existingBank;
     }
-    Internals14.Log.verbose({ logLevel, tag: "@remotion/media" }, `Keyframe bank exists but frame at time ${timestamp} does not exist anymore.`);
+    Internals15.Log.verbose({ logLevel, tag: "@remotion/media" }, `Keyframe bank exists but frame at time ${timestamp} does not exist anymore.`);
     existingBank.prepareForDeletion(logLevel, "already existed but evicted");
     sources[src] = sources[src].filter((bank) => bank !== existingBank);
     const replacementKeybank = await makeKeyframeBank({
@@ -4031,7 +4032,7 @@ var makeMediaCache = () => {
 };
 var globalMediaCache = makeMediaCache();
 var useRenderMediaCache = (logLevel) => {
-  const renderResourceManager = React2.useContext(Internals15.RenderResourceManagerContext);
+  const renderResourceManager = React2.useContext(Internals16.RenderResourceManagerContext);
   if (renderResourceManager === null) {
     return globalMediaCache;
   }
@@ -4047,7 +4048,7 @@ var useRenderMediaCache = (logLevel) => {
   });
 };
 var useMaxMediaCacheSize = (logLevel) => {
-  const context = React2.useContext(Internals15.MaxMediaCacheSizeContext);
+  const context = React2.useContext(Internals16.MaxMediaCacheSizeContext);
   if (context === null) {
     return getMaxVideoCacheSize(logLevel);
   }
@@ -4088,6 +4089,9 @@ var fixFloatingPoint = (value) => {
   }
   return value;
 };
+var clampToS16 = (value) => {
+  return Math.max(-32768, Math.min(32767, value));
+};
 var resampleAudioData = ({
   srcNumberOfChannels,
   sourceChannels,
@@ -4148,13 +4152,14 @@ var resampleAudioData = ({
       const l = getSourceValues(start, end, 0);
       const r = getSourceValues(start, end, 1);
       const c = getSourceValues(start, end, 2);
-      const sl = getSourceValues(start, end, 3);
-      const sr = getSourceValues(start, end, 4);
+      const sl = getSourceValues(start, end, 4);
+      const sr = getSourceValues(start, end, 5);
       const sq = Math.sqrt(1 / 2);
-      const l2 = l + sq * (c + sl);
-      const r2 = r + sq * (c + sr);
-      destination[newFrameIndex * 2 + 0] = l2;
-      destination[newFrameIndex * 2 + 1] = r2;
+      const norm = 1 / (1 + sq + sq);
+      const l2 = (l + sq * (c + sl)) * norm;
+      const r2 = (r + sq * (c + sr)) * norm;
+      destination[newFrameIndex * 2 + 0] = clampToS16(l2);
+      destination[newFrameIndex * 2 + 1] = clampToS16(r2);
     } else {
       for (let i = 0;i < srcNumberOfChannels; i++) {
         destination[newFrameIndex * TARGET_NUMBER_OF_CHANNELS + i] = getSourceValues(start, end, i);
@@ -4455,7 +4460,7 @@ var extractAudio = (params) => {
 };
 
 // src/video-extraction/extract-frame.ts
-import { Internals as Internals16 } from "remotion";
+import { Internals as Internals17 } from "remotion";
 var extractFrameInternal = async ({
   src,
   timeInSeconds: unloopedTimeInSeconds,
@@ -4545,7 +4550,7 @@ var extractFrameInternal = async ({
       durationInSeconds: await sink.getDuration()
     };
   } catch (err) {
-    Internals16.Log.info({ logLevel, tag: "@remotion/media" }, `Error decoding ${src} at time ${timeInSeconds}: ${err}`, err);
+    Internals17.Log.info({ logLevel, tag: "@remotion/media" }, `Error decoding ${src} at time ${timeInSeconds}: ${err}`, err);
     return { type: "cannot-decode", durationInSeconds: mediaDurationInSeconds };
   }
 };
@@ -4784,7 +4789,11 @@ var addBroadcastChannelListener = () => {
           audio,
           durationInSeconds: durationInSeconds ?? null
         };
-        window.remotion_broadcastChannel.postMessage(response);
+        try {
+          window.remotion_broadcastChannel.postMessage(response);
+        } finally {
+          imageBitmap?.close();
+        }
       } catch (error) {
         const response = {
           type: "response-error",
@@ -4984,13 +4993,13 @@ var AudioForRendering = ({
   credentials,
   requestInit
 }) => {
-  const defaultLogLevel = Internals17.useLogLevel();
+  const defaultLogLevel = Internals18.useLogLevel();
   const logLevel = overriddenLogLevel ?? defaultLogLevel;
   const frame = useCurrentFrame2();
-  const absoluteFrame = Internals17.useTimelinePosition();
-  const videoConfig = Internals17.useUnsafeVideoConfig();
-  const { registerRenderAsset, unregisterRenderAsset } = useContext3(Internals17.RenderAssetManager);
-  const startsAt = Internals17.useMediaStartsAt();
+  const absoluteFrame = Internals18.useTimelinePosition();
+  const videoConfig = Internals18.useUnsafeVideoConfig();
+  const { registerRenderAsset, unregisterRenderAsset } = useContext3(Internals18.RenderAssetManager);
+  const startsAt = Internals18.useMediaStartsAt();
   const environment = useRemotionEnvironment();
   if (!videoConfig) {
     throw new Error("No video config found");
@@ -5002,7 +5011,7 @@ var AudioForRendering = ({
   const { delayRender, continueRender } = useDelayRender();
   const [replaceWithHtml5Audio, setReplaceWithHtml5Audio] = useState2(false);
   const [initialRequestInit] = useState2(requestInit);
-  const sequenceContext = useContext3(Internals17.SequenceContext);
+  const sequenceContext = useContext3(Internals18.SequenceContext);
   const id = useMemo2(() => `media-audio-${random(src)}-${sequenceContext?.cumulatedFrom}-${sequenceContext?.relativeFrom}-${sequenceContext?.durationInFrames}`, [
     src,
     sequenceContext?.cumulatedFrom,
@@ -5011,7 +5020,7 @@ var AudioForRendering = ({
   ]);
   const maxCacheSize = useMaxMediaCacheSize(logLevel);
   const mediaCache = useRenderMediaCache(logLevel);
-  const audioEnabled = Internals17.useAudioEnabled();
+  const audioEnabled = Internals18.useAudioEnabled();
   useLayoutEffect2(() => {
     const timestamp = frame / fps;
     const durationInSeconds = 1 / fps;
@@ -5067,7 +5076,7 @@ var AudioForRendering = ({
         if (action === "fail") {
           cancelRender2(errorToUse);
         }
-        Internals17.Log.warn({ logLevel, tag: "@remotion/media" }, fallbackMessage);
+        Internals18.Log.warn({ logLevel, tag: "@remotion/media" }, fallbackMessage);
         setReplaceWithHtml5Audio(true);
       };
       if (result.type === "unknown-container-format") {
@@ -5097,12 +5106,12 @@ var AudioForRendering = ({
         frame,
         startsAt
       });
-      const volume = Internals17.evaluateVolume({
+      const volume = Internals18.evaluateVolume({
         volume: volumeProp,
         frame: volumePropsFrame,
         mediaVolume: 1
       });
-      Internals17.warnAboutTooHighVolume(volume);
+      Internals18.warnAboutTooHighVolume(volume);
       if (audio && volume > 0) {
         applyVolume(audio.data, volume);
         registerRenderAsset({
@@ -5185,7 +5194,7 @@ var AudioForRendering = ({
 
 // src/audio/audio.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
-var { validateMediaProps } = Internals18;
+var { validateMediaProps } = Internals19;
 var audioSchema = {
   src: {
     type: "asset",
@@ -5193,8 +5202,8 @@ var audioSchema = {
     description: "Source",
     keyframable: false
   },
-  ...Internals18.baseSchema,
-  ...Internals18.premountSchema,
+  ...Internals19.baseSchema,
+  ...Internals19.premountSchema,
   volume: {
     type: "number",
     min: 0,
@@ -5231,12 +5240,12 @@ var AudioInner = (props) => {
     ...otherProps
   } = props;
   const environment = useRemotionEnvironment2();
-  const sourceStack = controls ? Internals18.getStackForControls(controls) : null;
-  const [mediaVolume] = Internals18.useMediaVolumeState();
-  const mediaStartsAt = Internals18.useMediaStartsAt();
+  const sourceStack = controls ? Internals19.getStackForControls(controls) : null;
+  const [mediaVolume] = Internals19.useMediaVolumeState();
+  const mediaStartsAt = Internals19.useMediaStartsAt();
   const videoConfig = useVideoConfig2();
   const sequenceDurationInFrames = Math.min(durationInFrames ?? Infinity, Math.max(0, videoConfig.durationInFrames - (from ?? 0)));
-  const basicInfo = Internals18.useBasicMediaInTimeline({
+  const basicInfo = Internals19.useBasicMediaInTimeline({
     src: props.src,
     volume: props.volume,
     playbackRate: props.playbackRate ?? 1,
@@ -5280,7 +5289,7 @@ var AudioInner = (props) => {
     postmountingActive,
     premountingActive,
     premountingStyle
-  } = Internals18.usePremounting({
+  } = Internals19.usePremounting({
     from: from ?? 0,
     durationInFrames: basicInfo.duration,
     premountFor: premountFor ?? null,
@@ -5341,7 +5350,7 @@ var Audio = Interactive.withSchema({
 import React6, { useMemo as useMemo6, useState as useState6 } from "react";
 import {
   Freeze as Freeze2,
-  Internals as Internals23,
+  Internals as Internals24,
   Interactive as Interactive2,
   Sequence as Sequence2,
   useRemotionEnvironment as useRemotionEnvironment4,
@@ -5349,7 +5358,7 @@ import {
 } from "remotion";
 
 // src/video/get-video-sequence-duration.ts
-import { Internals as Internals19 } from "remotion";
+import { Internals as Internals20 } from "remotion";
 var getVideoSequenceDuration = ({
   durationInFrames,
   loop,
@@ -5360,7 +5369,7 @@ var getVideoSequenceDuration = ({
   if (loop || trimAfter === undefined) {
     return durationInFrames;
   }
-  const trimmedDuration = Internals19.calculateMediaDuration({
+  const trimmedDuration = Internals20.calculateMediaDuration({
     trimAfter,
     trimBefore,
     playbackRate,
@@ -5381,7 +5390,7 @@ import {
 } from "react";
 import {
   Html5Video,
-  Internals as Internals21,
+  Internals as Internals22,
   useBufferState as useBufferState2,
   useCurrentFrame as useCurrentFrame3,
   useVideoConfig as useVideoConfig3
@@ -5424,7 +5433,7 @@ var getCachedVideoFrame = (src) => {
 };
 
 // src/video/warn-object-fit-css.ts
-import { Internals as Internals20 } from "remotion";
+import { Internals as Internals21 } from "remotion";
 var OBJECT_FIT_CLASS_PATTERN = /\bobject-(contain|cover|fill|none|scale-down)\b/;
 var warnedStyle = false;
 var warnedClassName = false;
@@ -5435,11 +5444,11 @@ var warnAboutObjectFitInStyleOrClassName = ({
 }) => {
   if (!warnedStyle && style?.objectFit) {
     warnedStyle = true;
-    Internals20.Log.warn({ logLevel, tag: "@remotion/media" }, "Use the `objectFit` prop instead of the `style` prop.");
+    Internals21.Log.warn({ logLevel, tag: "@remotion/media" }, "Use the `objectFit` prop instead of the `style` prop.");
   }
   if (!warnedClassName && className && OBJECT_FIT_CLASS_PATTERN.test(className)) {
     warnedClassName = true;
-    Internals20.Log.warn({ logLevel, tag: "@remotion/media" }, "Use the `objectFit` prop instead of `object-*` CSS class names.");
+    Internals21.Log.warn({ logLevel, tag: "@remotion/media" }, "Use the `objectFit` prop instead of `object-*` CSS class names.");
   }
 };
 
@@ -5457,7 +5466,7 @@ var {
   usePreload: usePreload2,
   SequenceContext: SequenceContext2,
   useEffectChainState
-} = Internals21;
+} = Internals22;
 var VideoForPreviewAssertedShowing = ({
   src: unpreloadedSrc,
   style,
@@ -5500,7 +5509,7 @@ var VideoForPreviewAssertedShowing = ({
   const [mediaPlayerReady, setMediaPlayerReady] = useState4(false);
   const [shouldFallbackToNativeVideo, setShouldFallbackToNativeVideo] = useState4(false);
   const [playing] = Timeline2.usePlayingState();
-  const { playbackRate: globalPlaybackRate } = Internals21.usePlaybackRate();
+  const { playbackRate: globalPlaybackRate } = Internals22.usePlaybackRate();
   const sharedAudioContext = useContext4(SharedAudioContext2);
   const buffer = useBufferState2();
   const canvasRefCallback = useCallback((canvas) => {
@@ -5537,12 +5546,12 @@ var VideoForPreviewAssertedShowing = ({
   const currentTimeRef = useRef2(currentTime);
   currentTimeRef.current = currentTime;
   const preloadedSrc = usePreload2(src);
-  const buffering = useContext4(Internals21.BufferingContextReact);
+  const buffering = useContext4(Internals22.BufferingContextReact);
   if (!buffering) {
     throw new Error("useMediaPlayback must be used inside a <BufferingContext>");
   }
   const effectiveMuted = muted || playerMuted || userPreferredVolume <= 0;
-  const isPlayerBuffering = Internals21.useIsPlayerBuffering(buffering);
+  const isPlayerBuffering = Internals22.useIsPlayerBuffering(buffering);
   const initialPlaying = useRef2(playing && !isPlayerBuffering);
   const initialIsPremounting = useRef2(isPremounting);
   const initialIsPostmounting = useRef2(isPostmounting);
@@ -5639,7 +5648,7 @@ var VideoForPreviewAssertedShowing = ({
           if (action === "fail") {
             throw errorToUse;
           }
-          Internals21.Log.warn({ logLevel, tag: "@remotion/media" }, fallbackMessage);
+          Internals22.Log.warn({ logLevel, tag: "@remotion/media" }, fallbackMessage);
           setShouldFallbackToNativeVideo(true);
         };
         if (result.type === "unknown-container-format") {
@@ -5681,7 +5690,7 @@ var VideoForPreviewAssertedShowing = ({
         if (action === "fail") {
           throw errorToUse;
         }
-        Internals21.Log.error({ logLevel, tag: "@remotion/media" }, "[VideoForPreview] Failed to initialize MediaPlayer", errorToUse);
+        Internals22.Log.error({ logLevel, tag: "@remotion/media" }, "[VideoForPreview] Failed to initialize MediaPlayer", errorToUse);
         setShouldFallbackToNativeVideo(true);
       });
     } catch (error) {
@@ -5695,12 +5704,12 @@ var VideoForPreviewAssertedShowing = ({
       if (action === "fail") {
         throw errorToUse;
       }
-      Internals21.Log.error({ logLevel, tag: "@remotion/media" }, "[VideoForPreview] MediaPlayer initialization failed", errorToUse);
+      Internals22.Log.error({ logLevel, tag: "@remotion/media" }, "[VideoForPreview] MediaPlayer initialization failed", errorToUse);
       setShouldFallbackToNativeVideo(true);
     }
     return () => {
       if (mediaPlayerRef.current) {
-        Internals21.Log.trace({ logLevel, tag: "@remotion/media" }, `[VideoForPreview] Disposing MediaPlayer`);
+        Internals22.Log.trace({ logLevel, tag: "@remotion/media" }, `[VideoForPreview] Disposing MediaPlayer`);
         mediaPlayerRef.current.dispose();
         mediaPlayerRef.current = null;
       }
@@ -5724,7 +5733,7 @@ var VideoForPreviewAssertedShowing = ({
   ]);
   warnAboutObjectFitInStyleOrClassName({ style, className, logLevel });
   const classNameValue = useMemo4(() => {
-    return [Internals21.OBJECTFIT_CONTAIN_CLASS_NAME, className].filter(Internals21.truthy).join(" ");
+    return [Internals22.OBJECTFIT_CONTAIN_CLASS_NAME, className].filter(Internals22.truthy).join(" ");
   }, [className]);
   useCommonEffects({
     mediaPlayerRef,
@@ -5848,7 +5857,7 @@ import {
   useState as useState5
 } from "react";
 import {
-  Internals as Internals22,
+  Internals as Internals23,
   Loop,
   random as random2,
   useCurrentFrame as useCurrentFrame4,
@@ -5889,11 +5898,11 @@ var VideoForRendering = ({
     throw new TypeError("No `src` was passed to <Video>.");
   }
   const frame = useCurrentFrame4();
-  const absoluteFrame = Internals22.useTimelinePosition();
+  const absoluteFrame = Internals23.useTimelinePosition();
   const { fps } = useVideoConfig4();
-  const { registerRenderAsset, unregisterRenderAsset } = useContext5(Internals22.RenderAssetManager);
-  const startsAt = Internals22.useMediaStartsAt();
-  const sequenceContext = useContext5(Internals22.SequenceContext);
+  const { registerRenderAsset, unregisterRenderAsset } = useContext5(Internals23.RenderAssetManager);
+  const startsAt = Internals23.useMediaStartsAt();
+  const sequenceContext = useContext5(Internals23.SequenceContext);
   const id = useMemo5(() => `media-video-${random2(src)}-${sequenceContext?.cumulatedFrom}-${sequenceContext?.relativeFrom}-${sequenceContext?.durationInFrames}`, [
     src,
     sequenceContext?.cumulatedFrom,
@@ -5905,11 +5914,11 @@ var VideoForRendering = ({
   const canvasRef = useRef3(null);
   const [replaceWithOffthreadVideo, setReplaceWithOffthreadVideo] = useState5(false);
   const [initialRequestInit] = useState5(requestInit);
-  const audioEnabled = Internals22.useAudioEnabled();
-  const videoEnabled = Internals22.useVideoEnabled();
+  const audioEnabled = Internals23.useAudioEnabled();
+  const videoEnabled = Internals23.useVideoEnabled();
   const maxCacheSize = useMaxMediaCacheSize(logLevel);
   const mediaCache = useRenderMediaCache(logLevel);
-  const effectChainState = Internals22.useEffectChainState();
+  const effectChainState = Internals23.useEffectChainState();
   const [error, setError] = useState5(null);
   if (error) {
     throw error;
@@ -5981,7 +5990,7 @@ var VideoForRendering = ({
           return;
         }
         if (window.remotion_isMainTab) {
-          Internals22.Log.warn({ logLevel, tag: "@remotion/media" }, fallbackMessage);
+          Internals23.Log.warn({ logLevel, tag: "@remotion/media" }, fallbackMessage);
         }
         setReplaceWithOffthreadVideo({
           durationInSeconds: mediaDurationInSeconds
@@ -6025,7 +6034,7 @@ var VideoForRendering = ({
           context.canvas.style.aspectRatio = `${context.canvas.width} / ${context.canvas.height}`;
           context.drawImage(imageBitmap, 0, 0);
           if (effects.length > 0) {
-            const completed = await Internals22.runEffectChain({
+            const completed = await Internals23.runEffectChain({
               state: effectChainState.get(imageBitmap.width, imageBitmap.height),
               source: context.canvas,
               effects,
@@ -6056,12 +6065,12 @@ var VideoForRendering = ({
         frame,
         startsAt
       });
-      const volume = Internals22.evaluateVolume({
+      const volume = Internals23.evaluateVolume({
         volume: volumeProp,
         frame: volumePropsFrame,
         mediaVolume: 1
       });
-      Internals22.warnAboutTooHighVolume(volume);
+      Internals23.warnAboutTooHighVolume(volume);
       if (audio && volume > 0) {
         applyVolume(audio.data, volume);
         registerRenderAsset({
@@ -6126,7 +6135,7 @@ var VideoForRendering = ({
   ]);
   warnAboutObjectFitInStyleOrClassName({ style, className, logLevel });
   const classNameValue = useMemo5(() => {
-    return [Internals22.OBJECTFIT_CONTAIN_CLASS_NAME, className].filter(Internals22.truthy).join(" ");
+    return [Internals23.OBJECTFIT_CONTAIN_CLASS_NAME, className].filter(Internals23.truthy).join(" ");
   }, [className]);
   const styleWithObjectFit = useMemo5(() => {
     return {
@@ -6135,7 +6144,7 @@ var VideoForRendering = ({
     };
   }, [objectFitProp, style]);
   if (replaceWithOffthreadVideo) {
-    const fallback = /* @__PURE__ */ jsx5(Internals22.InnerOffthreadVideo, {
+    const fallback = /* @__PURE__ */ jsx5(Internals23.InnerOffthreadVideo, {
       ...props,
       src,
       playbackRate: playbackRate ?? 1,
@@ -6177,7 +6186,7 @@ var VideoForRendering = ({
       }
       return /* @__PURE__ */ jsx5(Loop, {
         layout: "none",
-        durationInFrames: Internals22.calculateMediaDuration({
+        durationInFrames: Internals23.calculateMediaDuration({
           trimAfter: trimAfterValue,
           mediaDurationInFrames: replaceWithOffthreadVideo.durationInSeconds * fps,
           playbackRate,
@@ -6206,7 +6215,7 @@ var {
   resolveTrimProps,
   validateMediaProps: validateMediaProps2,
   useCropStyle
-} = Internals23;
+} = Internals24;
 var videoSchema = {
   src: {
     type: "asset",
@@ -6214,8 +6223,8 @@ var videoSchema = {
     description: "Source",
     keyframable: false
   },
-  ...Internals23.baseSchema,
-  ...Internals23.premountSchema,
+  ...Internals24.baseSchema,
+  ...Internals24.premountSchema,
   volume: {
     type: "number",
     min: 0,
@@ -6236,7 +6245,7 @@ var videoSchema = {
   },
   muted: { type: "boolean", default: false, description: "Muted" },
   loop: { type: "boolean", default: false, description: "Loop" },
-  ...Internals23.transformSchema,
+  ...Internals24.transformSchema,
   ...Interactive2.backgroundSchema,
   ...Interactive2.borderSchema,
   ...Interactive2.borderRadiusSchema,
@@ -6399,10 +6408,10 @@ var VideoInner = ({
   cropBottom,
   ...props
 }) => {
-  const sourceStack = controls ? Internals23.getStackForControls(controls) ?? undefined : undefined;
-  const fallbackLogLevel = Internals23.useLogLevel();
-  const [mediaVolume] = Internals23.useMediaVolumeState();
-  const mediaStartsAt = Internals23.useMediaStartsAt();
+  const sourceStack = controls ? Internals24.getStackForControls(controls) ?? undefined : undefined;
+  const fallbackLogLevel = Internals24.useLogLevel();
+  const [mediaVolume] = Internals24.useMediaVolumeState();
+  const mediaStartsAt = Internals24.useMediaStartsAt();
   const videoConfig = useVideoConfig5();
   const sequenceDurationInFrames = Math.min(durationInFrames ?? Infinity, Math.max(0, videoConfig.durationInFrames - (from ?? 0)));
   const videoSequenceDuration = getVideoSequenceDuration({
@@ -6412,7 +6421,7 @@ var VideoInner = ({
     trimAfter,
     trimBefore
   });
-  const basicInfo = Internals23.useBasicMediaInTimeline({
+  const basicInfo = Internals24.useBasicMediaInTimeline({
     src,
     volume,
     playbackRate: playbackRate ?? 1,
@@ -6448,11 +6457,11 @@ var VideoInner = ({
     type: "video",
     data: basicInfo
   }), [basicInfo]);
-  const memoizedEffects = Internals23.useMemoizedEffects({
+  const memoizedEffects = Internals24.useMemoizedEffects({
     effects: effects ?? [],
     overrideId: controls?.overrideId ?? null
   });
-  const memoizedEffectDefinitions = Internals23.useMemoizedEffectDefinitions(effects ?? []);
+  const memoizedEffectDefinitions = Internals24.useMemoizedEffectDefinitions(effects ?? []);
   const refForOutline = React6.useRef(null);
   const {
     effectivePostmountFor,
@@ -6462,7 +6471,7 @@ var VideoInner = ({
     postmountingActive,
     premountingActive,
     premountingStyle
-  } = Internals23.usePremounting({
+  } = Internals24.usePremounting({
     from: from ?? 0,
     durationInFrames: videoSequenceDuration ?? Infinity,
     premountFor: premountFor ?? null,

package/dist/get-shared-input.d.ts

@@ -7,6 +7,6 @@ export declare const acquireSharedInput: ({ src, credentials, requestInit, logLe
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";
 }) => {
     input: Input<import("mediabunny").Source>;
-    cacheKey: string;
+    getDuration: () => Promise<number>;
+    release: () => void;
 };
-export declare const releaseSharedInput: (cacheKey: string) => void;

package/dist/media-player.d.ts

@@ -74,7 +74,8 @@ export declare class MediaPlayer {
         getEffectChainState: (width: number, height: number) => EffectChainState | null;
     });
     private input;
-    private inputCacheKey;
+    private getDuration;
+    private releaseInput;
     private disposed;
     private isDisposalError;
     initialize(startTimeUnresolved: number, initialMuted: boolean): Promise<MediaPlayerInitResult>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/media",
-	"version": "4.0.514",
+	"version": "4.0.516",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"module": "dist/esm/index.mjs",
@@ -23,7 +23,7 @@
 	},
 	"dependencies": {
 		"mediabunny": "1.55.1",
-		"remotion": "4.0.514",
+		"remotion": "4.0.516",
 		"zod": "4.4.3"
 	},
 	"peerDependencies": {
@@ -31,8 +31,8 @@
 		"react-dom": ">=16.8.0"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.514",
-		"@remotion/player": "4.0.514",
+		"@remotion/eslint-config-internal": "4.0.516",
+		"@remotion/player": "4.0.516",
 		"@vitest/browser-webdriverio": "4.0.9",
 		"eslint": "9.19.0",
 		"react": "19.2.3",