@remotion/media 4.0.481 → 4.0.483

package/dist/esm/index.mjs

@@ -39,7 +39,7 @@ var __callDispose = (stack, error, hasError) => {
 // src/audio/audio.tsx
 import { useMemo as useMemo3, useState as useState3 } from "react";
 import {
-  Internals as Internals16,
+  Internals as Internals17,
   Interactive,
   Sequence,
   useRemotionEnvironment as useRemotionEnvironment2,
@@ -351,9 +351,14 @@ class StaleWaiterError extends Error {
 var CONCURRENCY = 1;
 var waiters = [];
 var running = 0;
+var runningEntry = null;
 var processNext = () => {
   if (running >= CONCURRENCY) {
-    return;
+    if (runningEntry?.waiter.getPriority() === null) {
+      runningEntry.cancel();
+    } else {
+      return;
+    }
   }
   const staleWaiters = [];
   for (let i = waiters.length - 1;i >= 0; i--) {
@@ -388,11 +393,37 @@ var processNext = () => {
   }
   const [next] = waiters.splice(bestIndex, 1);
   running++;
+  let settled = false;
+  let cancelled = false;
+  const entry = {
+    waiter: next,
+    cancel: () => {
+      cancelled = true;
+      entry.settle();
+    },
+    settle: () => {
+      if (settled) {
+        return;
+      }
+      settled = true;
+      running--;
+      if (runningEntry === entry) {
+        runningEntry = null;
+      }
+    }
+  };
+  runningEntry = entry;
   next.fn().then((value) => {
-    running--;
+    entry.settle();
+    if (cancelled) {
+      return;
+    }
     next.onDone(value, processNext);
   }, (err) => {
-    running--;
+    entry.settle();
+    if (cancelled) {
+      return;
+    }
     next.onError(err);
   });
 };
@@ -2143,7 +2174,7 @@ var {
   useUnsafeVideoConfig,
   Timeline,
   SharedAudioContext,
-  useMediaMutedState,
+  usePlayerMutedState,
   useMediaVolumeState,
   useFrameForVolumeProp,
   evaluateVolume,
@@ -2185,7 +2216,7 @@ var AudioForPreviewAssertedShowing = ({
   const { playbackRate: globalPlaybackRate } = Internals7.usePlaybackRate();
   const sharedAudioContext = useContext2(SharedAudioContext);
   const buffer = useBufferState();
-  const [mediaMuted] = useMediaMutedState();
+  const [playerMuted] = usePlayerMutedState();
   const [mediaVolume] = useMediaVolumeState();
   const volumePropFrame = useFrameForVolumeProp(loopVolumeCurveBehavior ?? "repeat");
   const userPreferredVolume = evaluateVolume({
@@ -2212,7 +2243,7 @@ var AudioForPreviewAssertedShowing = ({
   if (!bufferingContext) {
     throw new Error("useMediaPlayback must be used inside a <BufferingContext>");
   }
-  const effectiveMuted = muted || mediaMuted || userPreferredVolume <= 0;
+  const effectiveMuted = muted || playerMuted || userPreferredVolume <= 0;
   const isPlayerBuffering = Internals7.useIsPlayerBuffering(bufferingContext);
   const initialPlaying = useRef(playing && !isPlayerBuffering);
   const initialIsPremounting = useRef(isPremounting);
@@ -2491,7 +2522,7 @@ import { useContext as useContext3, useLayoutEffect as useLayoutEffect2, useMemo
 import {
   cancelRender as cancelRender2,
   Html5Audio,
-  Internals as Internals15,
+  Internals as Internals16,
   random,
   useCurrentFrame as useCurrentFrame2,
   useDelayRender,
@@ -3596,7 +3627,7 @@ var combineAudioDataAndClosePrevious = (audioDataArray) => {
 };
 
 // src/get-sink.ts
-import { Internals as Internals13 } from "remotion";
+import { Internals as Internals14 } from "remotion";
 
 // src/video-extraction/get-frames-since-keyframe.ts
 import {
@@ -3609,6 +3640,7 @@ import {
   VideoSampleSink,
   WEBM
 } from "mediabunny";
+import { Internals as Internals13 } from "remotion";
 
 // src/browser-can-use-webgl2.ts
 var browserCanUseWebGl2 = null;
@@ -3660,7 +3692,7 @@ var getFormatOrNullOrNetworkError = async (input) => {
     return null;
   }
 };
-var getSinks = async (src, credentials, requestInit) => {
+var getSinks = async (src, logLevel, credentials, requestInit) => {
   const resolvedRequestInit = resolveRequestInit({ credentials, requestInit });
   const input = new Input2({
     formats: ALL_FORMATS2,
@@ -3699,7 +3731,7 @@ var getSinks = async (src, credentials, requestInit) => {
     });
     const hasAlpha = startPacket?.sideData.alpha;
     if (hasAlpha && !canBrowserUseWebGl2()) {
-      return "cannot-decode-alpha";
+      Internals13.Log.warn({ logLevel, tag: "@remotion/media" }, `WebGL2 is not available, using the non-fast CPU path to decode alpha for ${src}.`);
     }
     return {
       sampleSink
@@ -3780,11 +3812,11 @@ var getSink = (src, logLevel, credentials, requestInit) => {
   });
   let promise = sinkPromises[cacheKey];
   if (!promise) {
-    Internals13.Log.verbose({
+    Internals14.Log.verbose({
       logLevel,
       tag: "@remotion/media"
     }, `Sink for ${src} was not found, creating new sink`);
-    promise = getSinks(src, credentials, normalizedRequestInit);
+    promise = getSinks(src, logLevel, credentials, normalizedRequestInit);
     sinkPromises[cacheKey] = promise;
   }
   return promise;
@@ -3922,7 +3954,7 @@ var extractAudio = (params) => {
 };
 
 // src/video-extraction/extract-frame.ts
-import { Internals as Internals14 } from "remotion";
+import { Internals as Internals15 } from "remotion";
 var extractFrameInternal = async ({
   src,
   timeInSeconds: unloopedTimeInSeconds,
@@ -4005,7 +4037,7 @@ var extractFrameInternal = async ({
       durationInSeconds: await sink.getDuration()
     };
   } catch (err) {
-    Internals14.Log.info({ logLevel, tag: "@remotion/media" }, `Error decoding ${src} at time ${timeInSeconds}: ${err}`, err);
+    Internals15.Log.info({ logLevel, tag: "@remotion/media" }, `Error decoding ${src} at time ${timeInSeconds}: ${err}`, err);
     return { type: "cannot-decode", durationInSeconds: mediaDurationInSeconds };
   }
 };
@@ -4417,13 +4449,13 @@ var AudioForRendering = ({
   credentials,
   requestInit
 }) => {
-  const defaultLogLevel = Internals15.useLogLevel();
+  const defaultLogLevel = Internals16.useLogLevel();
   const logLevel = overriddenLogLevel ?? defaultLogLevel;
   const frame = useCurrentFrame2();
-  const absoluteFrame = Internals15.useTimelinePosition();
-  const videoConfig = Internals15.useUnsafeVideoConfig();
-  const { registerRenderAsset, unregisterRenderAsset } = useContext3(Internals15.RenderAssetManager);
-  const startsAt = Internals15.useMediaStartsAt();
+  const absoluteFrame = Internals16.useTimelinePosition();
+  const videoConfig = Internals16.useUnsafeVideoConfig();
+  const { registerRenderAsset, unregisterRenderAsset } = useContext3(Internals16.RenderAssetManager);
+  const startsAt = Internals16.useMediaStartsAt();
   const environment = useRemotionEnvironment();
   if (!videoConfig) {
     throw new Error("No video config found");
@@ -4435,7 +4467,7 @@ var AudioForRendering = ({
   const { delayRender, continueRender } = useDelayRender();
   const [replaceWithHtml5Audio, setReplaceWithHtml5Audio] = useState2(false);
   const [initialRequestInit] = useState2(requestInit);
-  const sequenceContext = useContext3(Internals15.SequenceContext);
+  const sequenceContext = useContext3(Internals16.SequenceContext);
   const id = useMemo2(() => `media-audio-${random(src)}-${sequenceContext?.cumulatedFrom}-${sequenceContext?.relativeFrom}-${sequenceContext?.durationInFrames}`, [
     src,
     sequenceContext?.cumulatedFrom,
@@ -4443,7 +4475,7 @@ var AudioForRendering = ({
     sequenceContext?.durationInFrames
   ]);
   const maxCacheSize = useMaxMediaCacheSize(logLevel);
-  const audioEnabled = Internals15.useAudioEnabled();
+  const audioEnabled = Internals16.useAudioEnabled();
   useLayoutEffect2(() => {
     const timestamp = frame / fps;
     const durationInSeconds = 1 / fps;
@@ -4495,7 +4527,7 @@ var AudioForRendering = ({
         if (action === "fail") {
           cancelRender2(errorToUse);
         }
-        Internals15.Log.warn({ logLevel, tag: "@remotion/media" }, fallbackMessage);
+        Internals16.Log.warn({ logLevel, tag: "@remotion/media" }, fallbackMessage);
         setReplaceWithHtml5Audio(true);
       };
       if (result.type === "unknown-container-format") {
@@ -4522,12 +4554,12 @@ var AudioForRendering = ({
         frame,
         startsAt
       });
-      const volume = Internals15.evaluateVolume({
+      const volume = Internals16.evaluateVolume({
         volume: volumeProp,
         frame: volumePropsFrame,
         mediaVolume: 1
       });
-      Internals15.warnAboutTooHighVolume(volume);
+      Internals16.warnAboutTooHighVolume(volume);
       if (audio && volume > 0) {
         applyVolume(audio.data, volume);
         registerRenderAsset({
@@ -4606,9 +4638,9 @@ var AudioForRendering = ({
 
 // src/audio/audio.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
-var { validateMediaProps } = Internals16;
+var { validateMediaProps } = Internals17;
 var audioSchema = {
-  ...Internals16.baseSchema,
+  ...Internals17.baseSchema,
   volume: {
     type: "number",
     min: 0,
@@ -4642,11 +4674,11 @@ var AudioInner = (props) => {
     ...otherProps
   } = props;
   const environment = useRemotionEnvironment2();
-  const [mediaVolume] = Internals16.useMediaVolumeState();
-  const mediaStartsAt = Internals16.useMediaStartsAt();
+  const [mediaVolume] = Internals17.useMediaVolumeState();
+  const mediaStartsAt = Internals17.useMediaStartsAt();
   const videoConfig = useVideoConfig2();
   const sequenceDurationInFrames = Math.min(durationInFrames ?? Infinity, Math.max(0, videoConfig.durationInFrames - (from ?? 0)));
-  const basicInfo = Internals16.useBasicMediaInTimeline({
+  const basicInfo = Internals17.useBasicMediaInTimeline({
     src: props.src,
     volume: props.volume,
     playbackRate: props.playbackRate ?? 1,
@@ -4718,12 +4750,12 @@ var Audio = Interactive.withSchema({
   schema: audioSchema,
   supportsEffects: false
 });
-Internals16.addSequenceStackTraces(Audio);
+Internals17.addSequenceStackTraces(Audio);
 
 // src/video/video.tsx
 import React6, { useMemo as useMemo6, useState as useState6 } from "react";
 import {
-  Internals as Internals20,
+  Internals as Internals21,
   Interactive as Interactive2,
   Sequence as Sequence2,
   useRemotionEnvironment as useRemotionEnvironment4,
@@ -4742,7 +4774,7 @@ import {
 } from "react";
 import {
   Html5Video,
-  Internals as Internals18,
+  Internals as Internals19,
   useBufferState as useBufferState2,
   useCurrentFrame as useCurrentFrame3,
   useVideoConfig as useVideoConfig3
@@ -4772,7 +4804,7 @@ var getCachedVideoFrame = (src) => {
 };
 
 // src/video/warn-object-fit-css.ts
-import { Internals as Internals17 } from "remotion";
+import { Internals as Internals18 } from "remotion";
 var OBJECT_FIT_CLASS_PATTERN = /\bobject-(contain|cover|fill|none|scale-down)\b/;
 var warnedStyle = false;
 var warnedClassName = false;
@@ -4783,11 +4815,11 @@ var warnAboutObjectFitInStyleOrClassName = ({
 }) => {
   if (!warnedStyle && style?.objectFit) {
     warnedStyle = true;
-    Internals17.Log.warn({ logLevel, tag: "@remotion/media" }, "Use the `objectFit` prop instead of the `style` prop.");
+    Internals18.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;
-    Internals17.Log.warn({ logLevel, tag: "@remotion/media" }, "Use the `objectFit` prop instead of `object-*` CSS class names.");
+    Internals18.Log.warn({ logLevel, tag: "@remotion/media" }, "Use the `objectFit` prop instead of `object-*` CSS class names.");
   }
 };
 
@@ -4797,7 +4829,7 @@ var {
   useUnsafeVideoConfig: useUnsafeVideoConfig2,
   Timeline: Timeline2,
   SharedAudioContext: SharedAudioContext2,
-  useMediaMutedState: useMediaMutedState2,
+  usePlayerMutedState: usePlayerMutedState2,
   useMediaVolumeState: useMediaVolumeState2,
   useFrameForVolumeProp: useFrameForVolumeProp2,
   evaluateVolume: evaluateVolume2,
@@ -4805,7 +4837,7 @@ var {
   usePreload: usePreload2,
   SequenceContext: SequenceContext2,
   useEffectChainState
-} = Internals18;
+} = Internals19;
 var VideoForPreviewAssertedShowing = ({
   src: unpreloadedSrc,
   style,
@@ -4848,7 +4880,7 @@ var VideoForPreviewAssertedShowing = ({
   const [mediaPlayerReady, setMediaPlayerReady] = useState4(false);
   const [shouldFallbackToNativeVideo, setShouldFallbackToNativeVideo] = useState4(false);
   const [playing] = Timeline2.usePlayingState();
-  const { playbackRate: globalPlaybackRate } = Internals18.usePlaybackRate();
+  const { playbackRate: globalPlaybackRate } = Internals19.usePlaybackRate();
   const sharedAudioContext = useContext4(SharedAudioContext2);
   const buffer = useBufferState2();
   const canvasRefCallback = useCallback((canvas) => {
@@ -4858,7 +4890,7 @@ var VideoForPreviewAssertedShowing = ({
   const fallbackVideoRef = useCallback((video) => {
     refForOutline.current = video;
   }, [refForOutline]);
-  const [mediaMuted] = useMediaMutedState2();
+  const [playerMuted] = usePlayerMutedState2();
   const [mediaVolume] = useMediaVolumeState2();
   const volumePropFrame = useFrameForVolumeProp2(loopVolumeCurveBehavior);
   const userPreferredVolume = evaluateVolume2({
@@ -4883,12 +4915,12 @@ var VideoForPreviewAssertedShowing = ({
   const currentTimeRef = useRef2(currentTime);
   currentTimeRef.current = currentTime;
   const preloadedSrc = usePreload2(src);
-  const buffering = useContext4(Internals18.BufferingContextReact);
+  const buffering = useContext4(Internals19.BufferingContextReact);
   if (!buffering) {
     throw new Error("useMediaPlayback must be used inside a <BufferingContext>");
   }
-  const effectiveMuted = muted || mediaMuted || userPreferredVolume <= 0;
-  const isPlayerBuffering = Internals18.useIsPlayerBuffering(buffering);
+  const effectiveMuted = muted || playerMuted || userPreferredVolume <= 0;
+  const isPlayerBuffering = Internals19.useIsPlayerBuffering(buffering);
   const initialPlaying = useRef2(playing && !isPlayerBuffering);
   const initialIsPremounting = useRef2(isPremounting);
   const initialIsPostmounting = useRef2(isPostmounting);
@@ -4999,7 +5031,7 @@ var VideoForPreviewAssertedShowing = ({
           if (action === "fail") {
             throw errorToUse;
           }
-          Internals18.Log.warn({ logLevel, tag: "@remotion/media" }, fallbackMessage);
+          Internals19.Log.warn({ logLevel, tag: "@remotion/media" }, fallbackMessage);
           setShouldFallbackToNativeVideo(true);
         };
         if (result.type === "unknown-container-format") {
@@ -5034,7 +5066,7 @@ var VideoForPreviewAssertedShowing = ({
         if (action === "fail") {
           throw errorToUse;
         }
-        Internals18.Log.error({ logLevel, tag: "@remotion/media" }, "[VideoForPreview] Failed to initialize MediaPlayer", errorToUse);
+        Internals19.Log.error({ logLevel, tag: "@remotion/media" }, "[VideoForPreview] Failed to initialize MediaPlayer", errorToUse);
         setShouldFallbackToNativeVideo(true);
       });
     } catch (error) {
@@ -5048,12 +5080,12 @@ var VideoForPreviewAssertedShowing = ({
       if (action === "fail") {
         throw errorToUse;
       }
-      Internals18.Log.error({ logLevel, tag: "@remotion/media" }, "[VideoForPreview] MediaPlayer initialization failed", errorToUse);
+      Internals19.Log.error({ logLevel, tag: "@remotion/media" }, "[VideoForPreview] MediaPlayer initialization failed", errorToUse);
       setShouldFallbackToNativeVideo(true);
     }
     return () => {
       if (mediaPlayerRef.current) {
-        Internals18.Log.trace({ logLevel, tag: "@remotion/media" }, `[VideoForPreview] Disposing MediaPlayer`);
+        Internals19.Log.trace({ logLevel, tag: "@remotion/media" }, `[VideoForPreview] Disposing MediaPlayer`);
         mediaPlayerRef.current.dispose();
         mediaPlayerRef.current = null;
       }
@@ -5078,7 +5110,7 @@ var VideoForPreviewAssertedShowing = ({
   ]);
   warnAboutObjectFitInStyleOrClassName({ style, className, logLevel });
   const classNameValue = useMemo4(() => {
-    return [Internals18.OBJECTFIT_CONTAIN_CLASS_NAME, className].filter(Internals18.truthy).join(" ");
+    return [Internals19.OBJECTFIT_CONTAIN_CLASS_NAME, className].filter(Internals19.truthy).join(" ");
   }, [className]);
   useCommonEffects({
     mediaPlayerRef,
@@ -5202,7 +5234,7 @@ import {
   useState as useState5
 } from "react";
 import {
-  Internals as Internals19,
+  Internals as Internals20,
   Loop,
   random as random2,
   useCurrentFrame as useCurrentFrame4,
@@ -5243,11 +5275,11 @@ var VideoForRendering = ({
     throw new TypeError("No `src` was passed to <Video>.");
   }
   const frame = useCurrentFrame4();
-  const absoluteFrame = Internals19.useTimelinePosition();
+  const absoluteFrame = Internals20.useTimelinePosition();
   const { fps } = useVideoConfig4();
-  const { registerRenderAsset, unregisterRenderAsset } = useContext5(Internals19.RenderAssetManager);
-  const startsAt = Internals19.useMediaStartsAt();
-  const sequenceContext = useContext5(Internals19.SequenceContext);
+  const { registerRenderAsset, unregisterRenderAsset } = useContext5(Internals20.RenderAssetManager);
+  const startsAt = Internals20.useMediaStartsAt();
+  const sequenceContext = useContext5(Internals20.SequenceContext);
   const id = useMemo5(() => `media-video-${random2(src)}-${sequenceContext?.cumulatedFrom}-${sequenceContext?.relativeFrom}-${sequenceContext?.durationInFrames}`, [
     src,
     sequenceContext?.cumulatedFrom,
@@ -5259,10 +5291,10 @@ var VideoForRendering = ({
   const canvasRef = useRef3(null);
   const [replaceWithOffthreadVideo, setReplaceWithOffthreadVideo] = useState5(false);
   const [initialRequestInit] = useState5(requestInit);
-  const audioEnabled = Internals19.useAudioEnabled();
-  const videoEnabled = Internals19.useVideoEnabled();
+  const audioEnabled = Internals20.useAudioEnabled();
+  const videoEnabled = Internals20.useVideoEnabled();
   const maxCacheSize = useMaxMediaCacheSize(logLevel);
-  const effectChainState = Internals19.useEffectChainState();
+  const effectChainState = Internals20.useEffectChainState();
   const [error, setError] = useState5(null);
   if (error) {
     throw error;
@@ -5327,7 +5359,7 @@ var VideoForRendering = ({
           return;
         }
         if (window.remotion_isMainTab) {
-          Internals19.Log.warn({ logLevel, tag: "@remotion/media" }, fallbackMessage);
+          Internals20.Log.warn({ logLevel, tag: "@remotion/media" }, fallbackMessage);
         }
         setReplaceWithOffthreadVideo({
           durationInSeconds: mediaDurationInSeconds
@@ -5365,7 +5397,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 Internals19.runEffectChain({
+            const completed = await Internals20.runEffectChain({
               state: effectChainState.get(imageBitmap.width, imageBitmap.height),
               source: context.canvas,
               effects,
@@ -5396,12 +5428,12 @@ var VideoForRendering = ({
         frame,
         startsAt
       });
-      const volume = Internals19.evaluateVolume({
+      const volume = Internals20.evaluateVolume({
         volume: volumeProp,
         frame: volumePropsFrame,
         mediaVolume: 1
       });
-      Internals19.warnAboutTooHighVolume(volume);
+      Internals20.warnAboutTooHighVolume(volume);
       if (audio && volume > 0) {
         applyVolume(audio.data, volume);
         registerRenderAsset({
@@ -5462,7 +5494,7 @@ var VideoForRendering = ({
   ]);
   warnAboutObjectFitInStyleOrClassName({ style, className, logLevel });
   const classNameValue = useMemo5(() => {
-    return [Internals19.OBJECTFIT_CONTAIN_CLASS_NAME, className].filter(Internals19.truthy).join(" ");
+    return [Internals20.OBJECTFIT_CONTAIN_CLASS_NAME, className].filter(Internals20.truthy).join(" ");
   }, [className]);
   const styleWithObjectFit = useMemo5(() => {
     return {
@@ -5471,7 +5503,7 @@ var VideoForRendering = ({
     };
   }, [objectFitProp, style]);
   if (replaceWithOffthreadVideo) {
-    const fallback = /* @__PURE__ */ jsx5(Internals19.InnerOffthreadVideo, {
+    const fallback = /* @__PURE__ */ jsx5(Internals20.InnerOffthreadVideo, {
       ...props,
       src,
       playbackRate: playbackRate ?? 1,
@@ -5513,7 +5545,7 @@ var VideoForRendering = ({
       }
       return /* @__PURE__ */ jsx5(Loop, {
         layout: "none",
-        durationInFrames: Internals19.calculateMediaDuration({
+        durationInFrames: Internals20.calculateMediaDuration({
           trimAfter: trimAfterValue,
           mediaDurationInFrames: replaceWithOffthreadVideo.durationInSeconds * fps,
           playbackRate,
@@ -5537,9 +5569,9 @@ var VideoForRendering = ({
 
 // src/video/video.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
-var { validateMediaTrimProps, resolveTrimProps, validateMediaProps: validateMediaProps2 } = Internals20;
+var { validateMediaTrimProps, resolveTrimProps, validateMediaProps: validateMediaProps2 } = Internals21;
 var videoSchema = {
-  ...Internals20.baseSchema,
+  ...Internals21.baseSchema,
   volume: {
     type: "number",
     min: 0,
@@ -5559,7 +5591,7 @@ var videoSchema = {
     keyframable: false
   },
   loop: { type: "boolean", default: false, description: "Loop" },
-  ...Internals20.transformSchema
+  ...Internals21.transformSchema
 };
 var InnerVideo = ({
   src,
@@ -5711,12 +5743,12 @@ var VideoInner = ({
   hidden,
   ...props
 }) => {
-  const fallbackLogLevel = Internals20.useLogLevel();
-  const [mediaVolume] = Internals20.useMediaVolumeState();
-  const mediaStartsAt = Internals20.useMediaStartsAt();
+  const fallbackLogLevel = Internals21.useLogLevel();
+  const [mediaVolume] = Internals21.useMediaVolumeState();
+  const mediaStartsAt = Internals21.useMediaStartsAt();
   const videoConfig = useVideoConfig5();
   const sequenceDurationInFrames = Math.min(durationInFrames ?? Infinity, Math.max(0, videoConfig.durationInFrames - (from ?? 0)));
-  const basicInfo = Internals20.useBasicMediaInTimeline({
+  const basicInfo = Internals21.useBasicMediaInTimeline({
     src,
     volume,
     playbackRate: playbackRate ?? 1,
@@ -5751,11 +5783,11 @@ var VideoInner = ({
     type: "video",
     data: basicInfo
   }), [basicInfo]);
-  const memoizedEffects = Internals20.useMemoizedEffects({
+  const memoizedEffects = Internals21.useMemoizedEffects({
     effects: effects ?? [],
     overrideId: controls?.overrideId ?? null
   });
-  const memoizedEffectDefinitions = Internals20.useMemoizedEffectDefinitions(effects ?? []);
+  const memoizedEffectDefinitions = Internals21.useMemoizedEffectDefinitions(effects ?? []);
   const refForOutline = React6.useRef(null);
   if (sequenceDurationInFrames === 0) {
     return null;
@@ -5818,7 +5850,7 @@ var Video = Interactive2.withSchema({
   schema: videoSchema,
   supportsEffects: true
 });
-Internals20.addSequenceStackTraces(Video);
+Internals21.addSequenceStackTraces(Video);
 
 // src/index.ts
 var experimental_Audio = Audio;

package/dist/video-extraction/get-frames-since-keyframe.d.ts

@@ -8,7 +8,7 @@ type AudioSinks = {
 };
 export type AudioSinkResult = AudioSinks | 'no-audio-track' | 'cannot-decode-audio' | 'unknown-container-format' | 'network-error';
 export type VideoSinkResult = VideoSinks | 'no-video-track' | 'cannot-decode' | 'cannot-decode-alpha' | 'unknown-container-format' | 'network-error';
-export declare const getSinks: (src: string, credentials: RequestCredentials | undefined, requestInit?: MediaRequestInit | undefined) => Promise<{
+export declare const getSinks: (src: string, logLevel: "error" | "info" | "trace" | "verbose" | "warn", credentials: RequestCredentials | undefined, requestInit?: MediaRequestInit | undefined) => Promise<{
     getVideo: () => Promise<VideoSinkResult>;
     getAudio: (index: number | null) => Promise<AudioSinkResult>;
     actualMatroskaTimestamps: {

package/package.json

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