@remotion/media 4.0.435 → 4.0.437

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

@@ -27,6 +27,7 @@ type InnerAudioProps = {
     readonly fallbackHtml5AudioProps?: FallbackHtml5AudioProps;
     readonly debugAudioScheduling?: boolean;
     readonly onError?: MediaOnError;
+    readonly credentials?: RequestCredentials;
 };
 export declare const AudioForPreview: React.FC<InnerAudioProps & {
     readonly controls: SequenceControls | undefined;

package/dist/audio/audio-preview-iterator.d.ts

@@ -1,4 +1,5 @@
 import type { WrappedAudioBuffer } from 'mediabunny';
+import type { SharedAudioContextForMediaPlayer } from '../shared-audio-context-for-media-player';
 export declare const HEALTHY_BUFFER_THRESHOLD_SECONDS = 1;
 export type QueuedNode = {
     node: AudioBufferSourceNode;
@@ -6,28 +7,35 @@ export type QueuedNode = {
     buffer: AudioBuffer;
     scheduledTime: number;
     playbackRate: number;
+    scheduledAtAnchor: number;
 };
 export type QueuedPeriod = {
     from: number;
     until: number;
 };
-export declare const makeAudioIterator: (startFromSecond: number, maximumTimestamp: number, cache: {
-    prewarmIteratorForLooping: ({ timeToSeek, maximumTimestamp, }: {
-        timeToSeek: number;
-        maximumTimestamp: number;
-    }) => void;
-    makeIteratorOrUsePrewarmed: (timeToSeek: number, maximumTimestamp: number) => AsyncGenerator<WrappedAudioBuffer, void, unknown>;
-    destroy: () => void;
-}, debugAudioScheduling: boolean) => {
-    destroy: (audioContext: AudioContext) => void;
+export declare const makeAudioIterator: ({ startFromSecond, maximumTimestamp, cache, debugAudioScheduling, }: {
+    startFromSecond: number;
+    maximumTimestamp: number;
+    cache: {
+        prewarmIteratorForLooping: ({ timeToSeek, maximumTimestamp, }: {
+            timeToSeek: number;
+            maximumTimestamp: number;
+        }) => void;
+        makeIteratorOrUsePrewarmed: (timeToSeek: number, maximumTimestamp: number) => AsyncGenerator<WrappedAudioBuffer, void, unknown>;
+        destroy: () => void;
+    };
+    debugAudioScheduling: boolean;
+}) => {
+    destroy: (audioContext: SharedAudioContextForMediaPlayer) => void;
     getNext: () => Promise<IteratorResult<WrappedAudioBuffer, void>>;
     isDestroyed: () => boolean;
-    addQueuedAudioNode: ({ node, timestamp, buffer, scheduledTime, playbackRate, }: {
+    addQueuedAudioNode: ({ node, timestamp, buffer, scheduledTime, playbackRate, scheduledAtAnchor, }: {
         node: AudioBufferSourceNode;
         timestamp: number;
         buffer: AudioBuffer;
         scheduledTime: number;
         playbackRate: number;
+        scheduledAtAnchor: number;
     }) => void;
     removeQueuedAudioNode: (node: AudioBufferSourceNode) => void;
     getAndClearAudioChunksForAfterResuming: () => {

package/dist/audio/props.d.ts

@@ -33,4 +33,5 @@ export type AudioProps = {
     delayRenderTimeoutInMilliseconds?: number;
     debugAudioScheduling?: boolean;
     onError?: MediaOnError;
+    credentials?: RequestCredentials;
 };

package/dist/audio-extraction/extract-audio.d.ts

@@ -12,6 +12,7 @@ type ExtractAudioParams = {
     trimAfter: number | undefined;
     fps: number;
     maxCacheSize: number;
+    credentials: RequestCredentials | undefined;
 };
 export declare const extractAudio: (params: ExtractAudioParams) => Promise<"cannot-decode" | "network-error" | "unknown-container-format" | {
     data: PcmS16AudioData | null;

package/dist/audio-iterator-manager.d.ts

@@ -2,11 +2,12 @@ import type { InputAudioTrack, WrappedAudioBuffer } from 'mediabunny';
 import { type ScheduleAudioNodeResult } from 'remotion';
 import type { DelayPlaybackIfNotPremounting } from './delay-playback-if-not-premounting';
 import type { Nonce } from './nonce-manager';
+import type { SharedAudioContextForMediaPlayer } from './shared-audio-context-for-media-player';
 type ScheduleAudioNode = (node: AudioBufferSourceNode, mediaTimestamp: number) => ScheduleAudioNodeResult;
 export declare const audioIteratorManager: ({ audioTrack, delayPlaybackHandleIfNotPremounting, sharedAudioContext, getIsLooping, getEndTime, getStartTime, initialMuted, drawDebugOverlay, }: {
     audioTrack: InputAudioTrack;
     delayPlaybackHandleIfNotPremounting: () => DelayPlaybackIfNotPremounting;
-    sharedAudioContext: AudioContext;
+    sharedAudioContext: SharedAudioContextForMediaPlayer;
     getIsLooping: () => boolean;
     getEndTime: () => number;
     getStartTime: () => number;
@@ -28,15 +29,16 @@ export declare const audioIteratorManager: ({ audioTrack, delayPlaybackHandleIfN
     }) => void;
     pausePlayback: () => void;
     getAudioBufferIterator: () => {
-        destroy: (audioContext: AudioContext) => void;
+        destroy: (audioContext: SharedAudioContextForMediaPlayer) => void;
         getNext: () => Promise<IteratorResult<WrappedAudioBuffer, void>>;
         isDestroyed: () => boolean;
-        addQueuedAudioNode: ({ node, timestamp, buffer, scheduledTime, playbackRate, }: {
+        addQueuedAudioNode: ({ node, timestamp, buffer, scheduledTime, playbackRate, scheduledAtAnchor, }: {
             node: AudioBufferSourceNode;
             timestamp: number;
             buffer: AudioBuffer;
             scheduledTime: number;
             playbackRate: number;
+            scheduledAtAnchor: number;
         }) => void;
         removeQueuedAudioNode: (node: AudioBufferSourceNode) => void;
         getAndClearAudioChunksForAfterResuming: () => {

package/dist/debug-overlay/preview-overlay.d.ts

@@ -22,15 +22,16 @@ export declare const drawPreviewOverlay: ({ context, audioTime, audioContextStat
         }) => void;
         pausePlayback: () => void;
         getAudioBufferIterator: () => {
-            destroy: (audioContext: AudioContext) => void;
+            destroy: (audioContext: import("../shared-audio-context-for-media-player").SharedAudioContextForMediaPlayer) => void;
             getNext: () => Promise<IteratorResult<import("mediabunny").WrappedAudioBuffer, void>>;
             isDestroyed: () => boolean;
-            addQueuedAudioNode: ({ node, timestamp, buffer, scheduledTime, playbackRate, }: {
+            addQueuedAudioNode: ({ node, timestamp, buffer, scheduledTime, playbackRate, scheduledAtAnchor, }: {
                 node: AudioBufferSourceNode;
                 timestamp: number;
                 buffer: AudioBuffer;
                 scheduledTime: number;
                 playbackRate: number;
+                scheduledAtAnchor: number;
             }) => void;
             removeQueuedAudioNode: (node: AudioBufferSourceNode) => void;
             getAndClearAudioChunksForAfterResuming: () => {

package/dist/esm/index.mjs

@@ -139,7 +139,12 @@ var setGlobalTimeAnchor = ({
 };
 
 // src/audio/audio-preview-iterator.ts
-var makeAudioIterator = (startFromSecond, maximumTimestamp, cache, debugAudioScheduling) => {
+var makeAudioIterator = ({
+  startFromSecond,
+  maximumTimestamp,
+  cache,
+  debugAudioScheduling
+}) => {
   let destroyed = false;
   const iterator = cache.makeIteratorOrUsePrewarmed(startFromSecond, maximumTimestamp);
   const queuedAudioNodes = [];
@@ -149,15 +154,15 @@ var makeAudioIterator = (startFromSecond, maximumTimestamp, cache, debugAudioSch
   const cleanupAudioQueue = (audioContext) => {
     for (const node of queuedAudioNodes) {
       try {
-        const currentlyHearing = audioContext.getOutputTimestamp().contextTime;
-        const nodeEndTime = node.scheduledTime + node.buffer.duration / node.playbackRate;
-        const isAlreadyPlaying = node.scheduledTime - ALLOWED_GLOBAL_TIME_ANCHOR_SHIFT < audioContext.currentTime;
-        const shouldKeep = isAlreadyPlaying;
-        if (shouldKeep) {
+        const isAlreadyPlaying = node.scheduledTime - ALLOWED_GLOBAL_TIME_ANCHOR_SHIFT < audioContext.audioContext.currentTime;
+        const wasScheduledForThisAnchor = node.scheduledAtAnchor === audioContext.audioSyncAnchor.value;
+        if (isAlreadyPlaying && wasScheduledForThisAnchor) {
           continue;
         }
         if (debugAudioScheduling) {
-          Internals3.Log.info({ logLevel: "trace", tag: "audio-scheduling" }, `Stopping node ${node.timestamp.toFixed(3)}, currently hearing = ${currentlyHearing.toFixed(3)} currentTime = ${audioContext.currentTime.toFixed(3)} nodeEndTime = ${nodeEndTime.toFixed(3)} scheduledTime = ${node.scheduledTime.toFixed(3)}`);
+          const currentlyHearing = audioContext.audioContext.getOutputTimestamp().contextTime;
+          const nodeEndTime = node.scheduledTime + node.buffer.duration / node.playbackRate;
+          Internals3.Log.info({ logLevel: "trace", tag: "audio-scheduling" }, `Stopping node ${node.timestamp.toFixed(3)}, currently hearing = ${currentlyHearing.toFixed(3)} currentTime = ${audioContext.audioContext.currentTime.toFixed(3)} nodeEndTime = ${nodeEndTime.toFixed(3)} scheduledTime = ${node.scheduledTime.toFixed(3)}`);
         }
         node.node.stop();
       } catch {}
@@ -318,14 +323,16 @@ var makeAudioIterator = (startFromSecond, maximumTimestamp, cache, debugAudioSch
       timestamp,
       buffer,
       scheduledTime,
-      playbackRate
+      playbackRate,
+      scheduledAtAnchor
     }) => {
       queuedAudioNodes.push({
         node,
         timestamp,
         buffer,
         scheduledTime,
-        playbackRate
+        playbackRate,
+        scheduledAtAnchor
       });
     },
     removeQueuedAudioNode: (node) => {
@@ -570,8 +577,8 @@ var audioIteratorManager = ({
 }) => {
   let muted = initialMuted;
   let currentVolume = 1;
-  const gainNode = sharedAudioContext.createGain();
-  gainNode.connect(sharedAudioContext.destination);
+  const gainNode = sharedAudioContext.audioContext.createGain();
+  gainNode.connect(sharedAudioContext.audioContext.destination);
   const audioSink = new AudioBufferSink(audioTrack);
   const prewarmedAudioIteratorCache = makePrewarmedAudioIteratorCache(audioSink);
   let audioBufferIterator = null;
@@ -587,13 +594,13 @@ var audioIteratorManager = ({
     if (!audioBufferIterator) {
       throw new Error("Audio buffer iterator not found");
     }
-    if (sharedAudioContext.state !== "running") {
+    if (sharedAudioContext.audioContext.state !== "running") {
       throw new Error("Tried to schedule node while audio context is not running");
     }
     if (muted) {
       return;
     }
-    const node = sharedAudioContext.createBufferSource();
+    const node = sharedAudioContext.audioContext.createBufferSource();
     node.buffer = buffer;
     node.playbackRate.value = playbackRate;
     node.connect(gainNode);
@@ -611,7 +618,8 @@ var audioIteratorManager = ({
       timestamp: mediaTimestamp,
       buffer,
       scheduledTime: started.scheduledTime,
-      playbackRate
+      playbackRate,
+      scheduledAtAnchor: sharedAudioContext.audioSyncAnchor.value
     });
     node.onended = () => {
       setTimeout(() => {
@@ -658,7 +666,7 @@ var audioIteratorManager = ({
     if (buffer.timestamp >= endTime) {
       return;
     }
-    if (getIsPlaying() && sharedAudioContext.state === "running" && (sharedAudioContext.getOutputTimestamp().contextTime ?? 0) > 0) {
+    if (getIsPlaying() && sharedAudioContext.audioContext.state === "running" && (sharedAudioContext.audioContext.getOutputTimestamp().contextTime ?? 0) > 0) {
       resumeScheduledAudioChunks({
         playbackRate,
         scheduleAudioNode,
@@ -698,7 +706,12 @@ var audioIteratorManager = ({
       audioBufferIterator?.destroy(sharedAudioContext);
       const delayHandle = __using(__stack, delayPlaybackHandleIfNotPremounting(), 0);
       currentDelayHandle = delayHandle;
-      const iterator = makeAudioIterator(startFromSecond, getEndTime(), prewarmedAudioIteratorCache, debugAudioScheduling);
+      const iterator = makeAudioIterator({
+        startFromSecond,
+        maximumTimestamp: getEndTime(),
+        cache: prewarmedAudioIteratorCache,
+        debugAudioScheduling
+      });
       audioIteratorsCreated++;
       audioBufferIterator = iterator;
       try {
@@ -782,7 +795,7 @@ var audioIteratorManager = ({
     }
     const queuedPeriod = audioBufferIterator.getQueuedPeriod();
     const queuedPeriodMinusLatency = queuedPeriod ? {
-      from: queuedPeriod.from - ALLOWED_GLOBAL_TIME_ANCHOR_SHIFT - sharedAudioContext.baseLatency - sharedAudioContext.outputLatency,
+      from: queuedPeriod.from - ALLOWED_GLOBAL_TIME_ANCHOR_SHIFT - sharedAudioContext.audioContext.baseLatency - sharedAudioContext.audioContext.outputLatency,
       until: queuedPeriod.until
     } : null;
     const currentTimeIsAlreadyQueued = isAlreadyQueued(newTime, queuedPeriodMinusLatency);
@@ -1222,7 +1235,8 @@ class MediaPlayer {
     durationInFrames,
     onVideoFrameCallback,
     playing,
-    sequenceOffset
+    sequenceOffset,
+    credentials
   }) {
     this.canvas = canvas ?? null;
     this.src = src;
@@ -1246,7 +1260,9 @@ class MediaPlayer {
     this.playing = playing;
     this.sequenceOffset = sequenceOffset;
     this.input = new Input({
-      source: new UrlSource(this.src),
+      source: new UrlSource(this.src, credentials ? {
+        requestInit: { credentials }
+      } : undefined),
       formats: ALL_FORMATS
     });
     if (canvas) {
@@ -1360,7 +1376,7 @@ class MediaPlayer {
           this.audioIteratorManager = audioIteratorManager({
             audioTrack,
             delayPlaybackHandleIfNotPremounting: this.delayPlaybackHandleIfNotPremounting,
-            sharedAudioContext: this.sharedAudioContext.audioContext,
+            sharedAudioContext: this.sharedAudioContext,
             getIsLooping: () => this.loop,
             getEndTime: () => this.getEndTime(),
             getStartTime: () => this.getStartTime(),
@@ -2046,6 +2062,7 @@ var AudioForPreviewAssertedShowing = ({
   fallbackHtml5AudioProps,
   debugAudioScheduling,
   onError,
+  credentials,
   controls
 }) => {
   const videoConfig = useUnsafeVideoConfig();
@@ -2172,7 +2189,8 @@ var AudioForPreviewAssertedShowing = ({
         durationInFrames: videoConfig.durationInFrames,
         onVideoFrameCallback: null,
         playing: initialPlaying.current,
-        sequenceOffset: initialSequenceOffset.current
+        sequenceOffset: initialSequenceOffset.current,
+        credentials
       });
       mediaPlayerRef.current = player;
       player.initialize(currentTimeRef.current, initialMuted.current).then((result) => {
@@ -2264,7 +2282,8 @@ var AudioForPreviewAssertedShowing = ({
     debugAudioScheduling,
     buffer,
     onError,
-    videoConfig.durationInFrames
+    videoConfig.durationInFrames,
+    credentials
   ]);
   if (shouldFallbackToNativeAudio && !disallowFallbackToHtml5Audio) {
     return /* @__PURE__ */ jsx(RemotionAudio, {
@@ -2307,6 +2326,7 @@ var AudioForPreview = ({
   fallbackHtml5AudioProps,
   debugAudioScheduling,
   onError,
+  credentials,
   controls
 }) => {
   const preloadedSrc = usePreload(src);
@@ -2356,6 +2376,7 @@ var AudioForPreview = ({
     toneFrequency,
     debugAudioScheduling: debugAudioScheduling ?? false,
     onError,
+    credentials,
     fallbackHtml5AudioProps,
     controls
   });
@@ -3525,11 +3546,12 @@ var getFormatOrNullOrNetworkError = async (input) => {
     return null;
   }
 };
-var getSinks = async (src) => {
+var getSinks = async (src, credentials) => {
   const input = new Input2({
     formats: ALL_FORMATS2,
     source: new UrlSource2(src, {
-      getRetryDelay
+      getRetryDelay,
+      ...credentials ? { requestInit: { credentials } } : undefined
     })
   });
   const format = await getFormatOrNullOrNetworkError(input);
@@ -3611,15 +3633,16 @@ var getSinks = async (src) => {
 
 // src/get-sink.ts
 var sinkPromises = {};
-var getSink = (src, logLevel) => {
-  let promise = sinkPromises[src];
+var getSink = (src, logLevel, credentials) => {
+  const cacheKey = credentials ? `${src}::${credentials}` : src;
+  let promise = sinkPromises[cacheKey];
   if (!promise) {
     Internals16.Log.verbose({
       logLevel,
       tag: "@remotion/media"
     }, `Sink for ${src} was not found, creating new sink`);
-    promise = getSinks(src);
-    sinkPromises[src] = promise;
+    promise = getSinks(src, credentials);
+    sinkPromises[cacheKey] = promise;
   }
   return promise;
 };
@@ -3636,9 +3659,10 @@ var extractAudioInternal = async ({
   trimBefore,
   trimAfter,
   fps,
-  maxCacheSize
+  maxCacheSize,
+  credentials
 }) => {
-  const { getAudio, actualMatroskaTimestamps, isMatroska, getDuration } = await getSink(src, logLevel);
+  const { getAudio, actualMatroskaTimestamps, isMatroska, getDuration } = await getSink(src, logLevel, credentials);
   let mediaDurationInSeconds = null;
   if (loop) {
     mediaDurationInSeconds = await getDuration();
@@ -3764,9 +3788,10 @@ var extractFrameInternal = async ({
   trimBefore,
   playbackRate,
   fps,
-  maxCacheSize
+  maxCacheSize,
+  credentials
 }) => {
-  const sink = await getSink(src, logLevel);
+  const sink = await getSink(src, logLevel, credentials);
   const [video, mediaDurationInSecondsRaw] = await Promise.all([
     sink.getVideo(),
     loop ? sink.getDuration() : Promise.resolve(null)
@@ -3892,7 +3917,8 @@ var extractFrameAndAudio = async ({
   trimAfter,
   trimBefore,
   fps,
-  maxCacheSize
+  maxCacheSize,
+  credentials
 }) => {
   try {
     const [video, audio] = await Promise.all([
@@ -3905,7 +3931,8 @@ var extractFrameAndAudio = async ({
         playbackRate,
         trimBefore,
         fps,
-        maxCacheSize
+        maxCacheSize,
+        credentials
       }) : null,
       includeAudio ? extractAudio({
         src,
@@ -3918,7 +3945,8 @@ var extractFrameAndAudio = async ({
         trimAfter,
         fps,
         trimBefore,
-        maxCacheSize
+        maxCacheSize,
+        credentials
       }) : null
     ]);
     if (video?.type === "cannot-decode") {
@@ -4001,7 +4029,8 @@ var addBroadcastChannelListener = () => {
           trimAfter: data.trimAfter,
           trimBefore: data.trimBefore,
           fps: data.fps,
-          maxCacheSize: data.maxCacheSize
+          maxCacheSize: data.maxCacheSize,
+          credentials: data.credentials
         });
         if (result.type === "cannot-decode") {
           const cannotDecodeResponse = {
@@ -4098,7 +4127,8 @@ var extractFrameViaBroadcastChannel = async ({
   trimAfter,
   trimBefore,
   fps,
-  maxCacheSize
+  maxCacheSize,
+  credentials
 }) => {
   if (isClientSideRendering || window.remotion_isMainTab) {
     return extractFrameAndAudio({
@@ -4114,7 +4144,8 @@ var extractFrameViaBroadcastChannel = async ({
       trimAfter,
       trimBefore,
       fps,
-      maxCacheSize
+      maxCacheSize,
+      credentials
     });
   }
   await waitForMainTabToBeReady(window.remotion_broadcastChannel);
@@ -4191,7 +4222,8 @@ var extractFrameViaBroadcastChannel = async ({
     trimAfter,
     trimBefore,
     fps,
-    maxCacheSize
+    maxCacheSize,
+    credentials
   };
   window.remotion_broadcastChannel.postMessage(request);
   let timeoutId;
@@ -4229,7 +4261,8 @@ var AudioForRendering = ({
   toneFrequency,
   trimAfter,
   trimBefore,
-  onError
+  onError,
+  credentials
 }) => {
   const defaultLogLevel = Internals18.useLogLevel();
   const logLevel = overriddenLogLevel ?? defaultLogLevel;
@@ -4293,7 +4326,8 @@ var AudioForRendering = ({
       trimAfter,
       trimBefore,
       fps,
-      maxCacheSize
+      maxCacheSize,
+      credentials
     }).then((result) => {
       const handleError = (error, clientSideError, fallbackMessage) => {
         const [action, errorToUse] = callOnErrorAndResolve({
@@ -4387,7 +4421,8 @@ var AudioForRendering = ({
     replaceWithHtml5Audio,
     maxCacheSize,
     audioEnabled,
-    onError
+    onError,
+    credentials
   ]);
   if (replaceWithHtml5Audio) {
     return /* @__PURE__ */ jsx2(Html5Audio, {
@@ -4511,6 +4546,7 @@ var VideoForPreviewAssertedShowing = ({
   debugAudioScheduling,
   headless,
   onError,
+  credentials,
   controls
 }) => {
   const src = usePreload2(unpreloadedSrc);
@@ -4614,7 +4650,8 @@ var VideoForPreviewAssertedShowing = ({
         durationInFrames: videoConfig.durationInFrames,
         onVideoFrameCallback: initialOnVideoFrameRef.current ?? null,
         playing: initialPlaying.current,
-        sequenceOffset: initialSequenceOffset.current
+        sequenceOffset: initialSequenceOffset.current,
+        credentials
       });
       mediaPlayerRef.current = player;
       player.initialize(currentTimeRef.current, initialMuted.current).then((result) => {
@@ -4704,7 +4741,8 @@ var VideoForPreviewAssertedShowing = ({
     sharedAudioContext,
     videoConfig.fps,
     onError,
-    videoConfig.durationInFrames
+    videoConfig.durationInFrames,
+    credentials
   ]);
   const classNameValue = useMemo4(() => {
     return [Internals20.OBJECTFIT_CONTAIN_CLASS_NAME, className].filter(Internals20.truthy).join(" ");
@@ -4855,7 +4893,8 @@ var VideoForRendering = ({
   trimAfterValue,
   trimBeforeValue,
   headless,
-  onError
+  onError,
+  credentials
 }) => {
   if (!src) {
     throw new TypeError("No `src` was passed to <Video>.");
@@ -4922,7 +4961,8 @@ var VideoForRendering = ({
       trimAfter: trimAfterValue,
       trimBefore: trimBeforeValue,
       fps,
-      maxCacheSize
+      maxCacheSize,
+      credentials
     }).then((result) => {
       const handleError = (err, clientSideError, fallbackMessage, mediaDurationInSeconds) => {
         if (environment.isClientSideRendering) {
@@ -5054,7 +5094,8 @@ var VideoForRendering = ({
     maxCacheSize,
     cancelRender3,
     headless,
-    onError
+    onError,
+    credentials
   ]);
   const classNameValue = useMemo5(() => {
     return [Internals21.OBJECTFIT_CONTAIN_CLASS_NAME, className].filter(Internals21.truthy).join(" ");
@@ -5196,6 +5237,7 @@ var InnerVideo = ({
   debugAudioScheduling,
   headless,
   onError,
+  credentials,
   controls
 }) => {
   const environment = useRemotionEnvironment4();
@@ -5238,7 +5280,8 @@ var InnerVideo = ({
       trimAfterValue,
       trimBeforeValue,
       headless,
-      onError
+      onError,
+      credentials
     });
   }
   return /* @__PURE__ */ jsx6(VideoForPreview, {
@@ -5264,6 +5307,7 @@ var InnerVideo = ({
     debugAudioScheduling: debugAudioScheduling ?? false,
     headless: headless ?? false,
     onError,
+    credentials,
     controls
   });
 };
@@ -5293,6 +5337,7 @@ var VideoInner = ({
   debugAudioScheduling,
   headless,
   onError,
+  credentials,
   controls
 }) => {
   const fallbackLogLevel = Internals22.useLogLevel();
@@ -5322,6 +5367,7 @@ var VideoInner = ({
     debugAudioScheduling: debugAudioScheduling ?? false,
     headless: headless ?? false,
     onError,
+    credentials,
     controls
   });
 };

package/dist/extract-frame-and-audio.d.ts

@@ -1,5 +1,5 @@
 import type { ExtractFrameViaBroadcastChannelResult } from './video-extraction/extract-frame-via-broadcast-channel';
-export declare const extractFrameAndAudio: ({ src, timeInSeconds, logLevel, durationInSeconds, playbackRate, includeAudio, includeVideo, loop, audioStreamIndex, trimAfter, trimBefore, fps, maxCacheSize, }: {
+export declare const extractFrameAndAudio: ({ src, timeInSeconds, logLevel, durationInSeconds, playbackRate, includeAudio, includeVideo, loop, audioStreamIndex, trimAfter, trimBefore, fps, maxCacheSize, credentials, }: {
     src: string;
     timeInSeconds: number;
     logLevel: "error" | "info" | "trace" | "verbose" | "warn";
@@ -13,4 +13,5 @@ export declare const extractFrameAndAudio: ({ src, timeInSeconds, logLevel, dura
     trimBefore: number | undefined;
     fps: number;
     maxCacheSize: number;
+    credentials: RequestCredentials | undefined;
 }) => Promise<ExtractFrameViaBroadcastChannelResult>;

package/dist/get-sink.d.ts

@@ -1,6 +1,6 @@
 import type { GetSink } from './video-extraction/get-frames-since-keyframe';
 export declare const sinkPromises: Record<string, Promise<GetSink>>;
-export declare const getSink: (src: string, logLevel: "error" | "info" | "trace" | "verbose" | "warn") => Promise<{
+export declare const getSink: (src: string, logLevel: "error" | "info" | "trace" | "verbose" | "warn", credentials: RequestCredentials | undefined) => Promise<{
     getVideo: () => Promise<import("./video-extraction/get-frames-since-keyframe").VideoSinkResult>;
     getAudio: (index: number) => Promise<import("./video-extraction/get-frames-since-keyframe").AudioSinkResult>;
     actualMatroskaTimestamps: {

package/dist/index.d.ts

@@ -37,6 +37,7 @@ export declare const experimental_Video: import("react").ComponentType<{
     debugAudioScheduling: boolean;
     headless: boolean;
     onError: import("./on-error").MediaOnError | undefined;
+    credentials: RequestCredentials | undefined;
 }>>;
 export { AudioForPreview } from './audio/audio-for-preview';
 export { AudioProps, FallbackHtml5AudioProps } from './audio/props';

package/dist/media-player.d.ts

@@ -44,7 +44,7 @@ export declare class MediaPlayer {
     private isPremounting;
     private isPostmounting;
     private seekPromiseChain;
-    constructor({ canvas, src, logLevel, sharedAudioContext, loop, trimBefore, trimAfter, playbackRate, globalPlaybackRate, audioStreamIndex, fps, debugOverlay, debugAudioScheduling, bufferState, isPremounting, isPostmounting, durationInFrames, onVideoFrameCallback, playing, sequenceOffset }: {
+    constructor({ canvas, src, logLevel, sharedAudioContext, loop, trimBefore, trimAfter, playbackRate, globalPlaybackRate, audioStreamIndex, fps, debugOverlay, debugAudioScheduling, bufferState, isPremounting, isPostmounting, durationInFrames, onVideoFrameCallback, playing, sequenceOffset, credentials }: {
         canvas: HTMLCanvasElement | OffscreenCanvas | null;
         src: string;
         logLevel: LogLevel;
@@ -65,6 +65,7 @@ export declare class MediaPlayer {
         onVideoFrameCallback: null | ((frame: CanvasImageSource) => void);
         playing: boolean;
         sequenceOffset: number;
+        credentials: RequestCredentials | undefined;
     });
     private input;
     private isDisposalError;

package/dist/video/props.d.ts

@@ -48,6 +48,7 @@ type OptionalVideoProps = {
     debugAudioScheduling: boolean;
     headless: boolean;
     onError: MediaOnError | undefined;
+    credentials: RequestCredentials | undefined;
 };
 export type InnerVideoProps = MandatoryVideoProps & OuterVideoProps & OptionalVideoProps;
 export type VideoProps = MandatoryVideoProps & Partial<OuterVideoProps> & Partial<OptionalVideoProps>;

package/dist/video/video-for-preview.d.ts

@@ -25,6 +25,7 @@ type VideoForPreviewProps = {
     readonly debugAudioScheduling: boolean;
     readonly headless: boolean;
     readonly onError: MediaOnError | undefined;
+    readonly credentials: RequestCredentials | undefined;
 };
 export declare const VideoForPreview: React.FC<VideoForPreviewProps & {
     readonly controls: SequenceControls | undefined;

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

@@ -25,6 +25,7 @@ type InnerVideoProps = {
     readonly trimAfterValue: number | undefined;
     readonly headless: boolean;
     readonly onError: MediaOnError | undefined;
+    readonly credentials: RequestCredentials | undefined;
 };
 export declare const VideoForRendering: React.FC<InnerVideoProps>;
 export {};

package/dist/video/video.d.ts

@@ -29,4 +29,5 @@ export declare const Video: React.ComponentType<{
     debugAudioScheduling: boolean;
     headless: boolean;
     onError: import("../on-error").MediaOnError | undefined;
+    credentials: RequestCredentials | undefined;
 }>>;

package/dist/video-extraction/add-broadcast-channel-listener.d.ts

@@ -43,6 +43,7 @@ export type ExtractFrameRequest = {
     trimBefore: number | undefined;
     fps: number;
     maxCacheSize: number;
+    credentials: RequestCredentials | undefined;
 };
 export declare const addBroadcastChannelListener: () => void;
 export declare const waitForMainTabToBeReady: (channel: BroadcastChannel) => Promise<void>;

package/dist/video-extraction/extract-frame-via-broadcast-channel.d.ts

@@ -15,7 +15,7 @@ export type ExtractFrameViaBroadcastChannelResult = {
 } | {
     type: 'unknown-container-format';
 };
-export declare const extractFrameViaBroadcastChannel: ({ src, timeInSeconds, logLevel, durationInSeconds, playbackRate, includeAudio, includeVideo, isClientSideRendering, loop, audioStreamIndex, trimAfter, trimBefore, fps, maxCacheSize, }: {
+export declare const extractFrameViaBroadcastChannel: ({ src, timeInSeconds, logLevel, durationInSeconds, playbackRate, includeAudio, includeVideo, isClientSideRendering, loop, audioStreamIndex, trimAfter, trimBefore, fps, maxCacheSize, credentials, }: {
     src: string;
     timeInSeconds: number;
     durationInSeconds: number;
@@ -30,4 +30,5 @@ export declare const extractFrameViaBroadcastChannel: ({ src, timeInSeconds, log
     trimBefore: number | undefined;
     fps: number;
     maxCacheSize: number;
+    credentials: RequestCredentials | undefined;
 }) => Promise<ExtractFrameViaBroadcastChannelResult>;

package/dist/video-extraction/extract-frame.d.ts

@@ -25,6 +25,7 @@ type ExtractFrameParams = {
     playbackRate: number;
     fps: number;
     maxCacheSize: number;
+    credentials: RequestCredentials | undefined;
 };
 export declare const extractFrame: (params: ExtractFrameParams) => Promise<ExtractFrameResult>;
 export {};

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

@@ -7,7 +7,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) => Promise<{
+export declare const getSinks: (src: string, credentials: RequestCredentials | undefined) => Promise<{
     getVideo: () => Promise<VideoSinkResult>;
     getAudio: (index: number) => Promise<AudioSinkResult>;
     actualMatroskaTimestamps: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/media",
-	"version": "4.0.435",
+	"version": "4.0.437",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"module": "dist/esm/index.mjs",
@@ -22,8 +22,8 @@
 		"make": "tsgo && bun --env-file=../.env.bundle bundle.ts"
 	},
 	"dependencies": {
-		"mediabunny": "1.37.0",
-		"remotion": "4.0.435",
+		"mediabunny": "1.39.2",
+		"remotion": "4.0.437",
 		"zod": "4.3.6"
 	},
 	"peerDependencies": {
@@ -31,7 +31,7 @@
 		"react-dom": ">=16.8.0"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.435",
+		"@remotion/eslint-config-internal": "4.0.437",
 		"@vitest/browser-webdriverio": "4.0.9",
 		"eslint": "9.19.0",
 		"react": "19.2.3",