@remotion/media 4.0.436 → 4.0.438

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/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/esm/index.mjs

@@ -1235,7 +1235,8 @@ class MediaPlayer {
     durationInFrames,
     onVideoFrameCallback,
     playing,
-    sequenceOffset
+    sequenceOffset,
+    credentials
   }) {
     this.canvas = canvas ?? null;
     this.src = src;
@@ -1259,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) {
@@ -1622,7 +1625,7 @@ class MediaPlayer {
     const timeInSeconds = globalTime - this.sequenceOffset;
     const localTime = this.getTrimmedTime(timeInSeconds);
     if (localTime === null) {
-      throw new Error("hmm, should not render!");
+      return { type: "not-started" };
     }
     const targetTime = (mediaTimestamp - localTime) / (this.playbackRate * this.globalPlaybackRate);
     return this.sharedAudioContext.scheduleAudioNode({
@@ -2059,6 +2062,7 @@ var AudioForPreviewAssertedShowing = ({
   fallbackHtml5AudioProps,
   debugAudioScheduling,
   onError,
+  credentials,
   controls
 }) => {
   const videoConfig = useUnsafeVideoConfig();
@@ -2185,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) => {
@@ -2277,7 +2282,8 @@ var AudioForPreviewAssertedShowing = ({
     debugAudioScheduling,
     buffer,
     onError,
-    videoConfig.durationInFrames
+    videoConfig.durationInFrames,
+    credentials
   ]);
   if (shouldFallbackToNativeAudio && !disallowFallbackToHtml5Audio) {
     return /* @__PURE__ */ jsx(RemotionAudio, {
@@ -2320,6 +2326,7 @@ var AudioForPreview = ({
   fallbackHtml5AudioProps,
   debugAudioScheduling,
   onError,
+  credentials,
   controls
 }) => {
   const preloadedSrc = usePreload(src);
@@ -2369,6 +2376,7 @@ var AudioForPreview = ({
     toneFrequency,
     debugAudioScheduling: debugAudioScheduling ?? false,
     onError,
+    credentials,
     fallbackHtml5AudioProps,
     controls
   });
@@ -3538,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);
@@ -3624,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;
 };
@@ -3649,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();
@@ -3777,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)
@@ -3905,7 +3917,8 @@ var extractFrameAndAudio = async ({
   trimAfter,
   trimBefore,
   fps,
-  maxCacheSize
+  maxCacheSize,
+  credentials
 }) => {
   try {
     const [video, audio] = await Promise.all([
@@ -3918,7 +3931,8 @@ var extractFrameAndAudio = async ({
         playbackRate,
         trimBefore,
         fps,
-        maxCacheSize
+        maxCacheSize,
+        credentials
       }) : null,
       includeAudio ? extractAudio({
         src,
@@ -3931,7 +3945,8 @@ var extractFrameAndAudio = async ({
         trimAfter,
         fps,
         trimBefore,
-        maxCacheSize
+        maxCacheSize,
+        credentials
       }) : null
     ]);
     if (video?.type === "cannot-decode") {
@@ -4014,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 = {
@@ -4111,7 +4127,8 @@ var extractFrameViaBroadcastChannel = async ({
   trimAfter,
   trimBefore,
   fps,
-  maxCacheSize
+  maxCacheSize,
+  credentials
 }) => {
   if (isClientSideRendering || window.remotion_isMainTab) {
     return extractFrameAndAudio({
@@ -4127,7 +4144,8 @@ var extractFrameViaBroadcastChannel = async ({
       trimAfter,
       trimBefore,
       fps,
-      maxCacheSize
+      maxCacheSize,
+      credentials
     });
   }
   await waitForMainTabToBeReady(window.remotion_broadcastChannel);
@@ -4204,7 +4222,8 @@ var extractFrameViaBroadcastChannel = async ({
     trimAfter,
     trimBefore,
     fps,
-    maxCacheSize
+    maxCacheSize,
+    credentials
   };
   window.remotion_broadcastChannel.postMessage(request);
   let timeoutId;
@@ -4242,7 +4261,8 @@ var AudioForRendering = ({
   toneFrequency,
   trimAfter,
   trimBefore,
-  onError
+  onError,
+  credentials
 }) => {
   const defaultLogLevel = Internals18.useLogLevel();
   const logLevel = overriddenLogLevel ?? defaultLogLevel;
@@ -4306,7 +4326,8 @@ var AudioForRendering = ({
       trimAfter,
       trimBefore,
       fps,
-      maxCacheSize
+      maxCacheSize,
+      credentials
     }).then((result) => {
       const handleError = (error, clientSideError, fallbackMessage) => {
         const [action, errorToUse] = callOnErrorAndResolve({
@@ -4400,7 +4421,8 @@ var AudioForRendering = ({
     replaceWithHtml5Audio,
     maxCacheSize,
     audioEnabled,
-    onError
+    onError,
+    credentials
   ]);
   if (replaceWithHtml5Audio) {
     return /* @__PURE__ */ jsx2(Html5Audio, {
@@ -4524,6 +4546,7 @@ var VideoForPreviewAssertedShowing = ({
   debugAudioScheduling,
   headless,
   onError,
+  credentials,
   controls
 }) => {
   const src = usePreload2(unpreloadedSrc);
@@ -4627,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) => {
@@ -4717,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(" ");
@@ -4868,7 +4893,8 @@ var VideoForRendering = ({
   trimAfterValue,
   trimBeforeValue,
   headless,
-  onError
+  onError,
+  credentials
 }) => {
   if (!src) {
     throw new TypeError("No `src` was passed to <Video>.");
@@ -4935,7 +4961,8 @@ var VideoForRendering = ({
       trimAfter: trimAfterValue,
       trimBefore: trimBeforeValue,
       fps,
-      maxCacheSize
+      maxCacheSize,
+      credentials
     }).then((result) => {
       const handleError = (err, clientSideError, fallbackMessage, mediaDurationInSeconds) => {
         if (environment.isClientSideRendering) {
@@ -5067,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(" ");
@@ -5209,6 +5237,7 @@ var InnerVideo = ({
   debugAudioScheduling,
   headless,
   onError,
+  credentials,
   controls
 }) => {
   const environment = useRemotionEnvironment4();
@@ -5251,7 +5280,8 @@ var InnerVideo = ({
       trimAfterValue,
       trimBeforeValue,
       headless,
-      onError
+      onError,
+      credentials
     });
   }
   return /* @__PURE__ */ jsx6(VideoForPreview, {
@@ -5277,6 +5307,7 @@ var InnerVideo = ({
     debugAudioScheduling: debugAudioScheduling ?? false,
     headless: headless ?? false,
     onError,
+    credentials,
     controls
   });
 };
@@ -5306,6 +5337,7 @@ var VideoInner = ({
   debugAudioScheduling,
   headless,
   onError,
+  credentials,
   controls
 }) => {
   const fallbackLogLevel = Internals22.useLogLevel();
@@ -5335,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.436",
+	"version": "4.0.438",
 	"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.436",
+		"mediabunny": "1.39.2",
+		"remotion": "4.0.438",
 		"zod": "4.3.6"
 	},
 	"peerDependencies": {
@@ -31,7 +31,7 @@
 		"react-dom": ">=16.8.0"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.436",
+		"@remotion/eslint-config-internal": "4.0.438",
 		"@vitest/browser-webdriverio": "4.0.9",
 		"eslint": "9.19.0",
 		"react": "19.2.3",