@remotion/media-utils 4.0.457 → 4.0.459

package/dist/esm/index.mjs

@@ -221,7 +221,7 @@ var fn = async (src, options) => {
   const audioContext = new AudioContext({
     sampleRate: options?.sampleRate ?? 48000
   });
-  const response = await fetchWithCorsCatch(src);
+  const response = await fetchWithCorsCatch(src, options?.requestInit);
   if (!response.ok) {
     throw new Error(`Failed to fetch audio data from ${src}: ${response.status} ${response.statusText}`);
   }
@@ -555,7 +555,7 @@ var getWaveformPortion = ({
 // src/use-audio-data.ts
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
 import { cancelRender, useDelayRender } from "remotion";
-var useAudioData = (src) => {
+var useAudioData = (src, options) => {
   if (!src) {
     throw new TypeError("useAudioData requires a 'src' parameter");
   }
@@ -569,10 +569,12 @@ var useAudioData = (src) => {
   }, []);
   const [metadata, setMetadata] = useState(null);
   const { delayRender, continueRender } = useDelayRender();
+  const sampleRate = options?.sampleRate;
+  const [initialRequestInit] = useState(options?.requestInit);
   const fetchMetadata = useCallback(async () => {
     const handle = delayRender(`Waiting for audio metadata with src="${src}" to be loaded`);
     try {
-      const data = await getAudioData(src);
+      const data = await getAudioData(src, sampleRate === undefined && initialRequestInit === undefined ? undefined : { sampleRate, requestInit: initialRequestInit });
       if (mountState.current.isMounted) {
         setMetadata(data);
       }
@@ -580,7 +582,7 @@ var useAudioData = (src) => {
       cancelRender(err);
     }
     continueRender(handle);
-  }, [src, delayRender, continueRender]);
+  }, [src, sampleRate, initialRequestInit, delayRender, continueRender]);
   useLayoutEffect(() => {
     fetchMetadata();
   }, [fetchMetadata]);
@@ -679,13 +681,15 @@ var useWindowedAudioData = ({
   frame,
   fps,
   windowInSeconds,
-  channelIndex = 0
+  channelIndex = 0,
+  requestInit
 }) => {
   const isMounted = useRef2(true);
   const [audioUtils, setAudioUtils] = useState2(null);
   const [waveFormMap, setWaveformMap] = useState2({});
   const requests = useRef2({});
   const [initialWindowInSeconds] = useState2(windowInSeconds);
+  const [initialRequestInit] = useState2(requestInit);
   if (windowInSeconds !== initialWindowInSeconds) {
     throw new Error("windowInSeconds cannot be changed dynamically");
   }
@@ -714,7 +718,7 @@ var useWindowedAudioData = ({
     signal.addEventListener("abort", cont, { once: true });
     const input = new Input({
       formats: ALL_FORMATS,
-      source: new UrlSource(src)
+      source: new UrlSource(src, initialRequestInit ? { requestInit: initialRequestInit } : undefined)
     });
     const onAbort = () => {
       input.dispose();
@@ -766,7 +770,7 @@ var useWindowedAudioData = ({
       signal.removeEventListener("abort", cont);
       signal.removeEventListener("abort", onAbort);
     }
-  }, [src, delayRender, continueRender, channelIndex]);
+  }, [src, delayRender, continueRender, channelIndex, initialRequestInit]);
   useLayoutEffect2(() => {
     const controller = new AbortController;
     fetchMetadata(controller.signal);

package/dist/get-audio-data.d.ts

@@ -1,6 +1,7 @@
 import type { MediaUtilsAudioData } from './types';
 type Options = {
     sampleRate?: number;
+    requestInit?: RequestInit;
 };
 export declare const getAudioData: (src: string, options?: Options | undefined) => Promise<MediaUtilsAudioData>;
 export {};

package/dist/get-audio-data.js

@@ -17,7 +17,7 @@ const fn = async (src, options) => {
     const audioContext = new AudioContext({
         sampleRate: (_a = options === null || options === void 0 ? void 0 : options.sampleRate) !== null && _a !== void 0 ? _a : 48000,
     });
-    const response = await (0, fetch_with_cors_catch_1.fetchWithCorsCatch)(src);
+    const response = await (0, fetch_with_cors_catch_1.fetchWithCorsCatch)(src, options === null || options === void 0 ? void 0 : options.requestInit);
     if (!response.ok) {
         throw new Error(`Failed to fetch audio data from ${src}: ${response.status} ${response.statusText}`);
     }

package/dist/index.d.ts

@@ -7,7 +7,7 @@ export { getVideoMetadata } from './get-video-metadata';
 export { getWaveformPortion } from './get-waveform-portion';
 export * from './types';
 export type { AudioData, MediaUtilsAudioData, VideoMetadata as VideoData, } from './types';
-export { useAudioData } from './use-audio-data';
+export { UseAudioDataOptions, useAudioData } from './use-audio-data';
 export { UseWindowedAudioDataOptions, UseWindowedAudioDataReturnValue, useWindowedAudioData, } from './use-windowed-audio-data';
 export { VisualizeAudioOptions, visualizeAudio } from './visualize-audio';
 export { VisualizeAudioWaveformOptions, visualizeAudioWaveform, } from './visualize-audio-waveform';

package/dist/serialize-request-init.d.ts

@@ -0,0 +1 @@
+export declare const serializeRequestInit: (requestInit: RequestInit | undefined) => string | null;

package/dist/serialize-request-init.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serializeRequestInit = void 0;
+const normalizeHeaders = (headers) => {
+    if (!headers) {
+        return null;
+    }
+    if (typeof Headers !== 'undefined' && headers instanceof Headers) {
+        return Array.from(headers.entries()).sort(([a], [b]) => a.localeCompare(b));
+    }
+    if (Array.isArray(headers)) {
+        return [...headers].sort(([a], [b]) => a.localeCompare(b));
+    }
+    return Object.entries(headers).sort(([a], [b]) => a.localeCompare(b));
+};
+const serializeRequestInit = (requestInit) => {
+    if (!requestInit) {
+        return null;
+    }
+    const { headers, signal, ...rest } = requestInit;
+    return JSON.stringify({
+        ...rest,
+        headers: normalizeHeaders(headers),
+        signal: signal ? signal.aborted : null,
+    });
+};
+exports.serializeRequestInit = serializeRequestInit;

package/dist/use-audio-data.d.ts

@@ -1,2 +1,11 @@
 import type { MediaUtilsAudioData } from './types';
-export declare const useAudioData: (src: string) => MediaUtilsAudioData | null;
+export type UseAudioDataOptions = {
+    sampleRate?: number;
+    /**
+     * Captured only from the first render and passed to `fetch()`.
+     * Updates after mount are ignored so hooks do not depend on a new object
+     * identity every render (e.g. inline `{credentials: 'include'}`).
+     */
+    requestInit?: RequestInit;
+};
+export declare const useAudioData: (src: string, options?: UseAudioDataOptions | undefined) => MediaUtilsAudioData | null;

package/dist/use-audio-data.js

@@ -8,7 +8,7 @@ const get_audio_data_1 = require("./get-audio-data");
  * @description Wraps the getAudioData() function into a hook and does three things: keeps the audio data in a state, wraps the function in a delayRender() / continueRender() pattern, and handles the case where the component gets unmounted while fetching is in progress to prevent React errors.
  * @see [Documentation](https://www.remotion.dev/docs/use-audio-data)
  */
-const useAudioData = (src) => {
+const useAudioData = (src, options) => {
     if (!src) {
         throw new TypeError("useAudioData requires a 'src' parameter");
     }
@@ -22,10 +22,14 @@ const useAudioData = (src) => {
     }, []);
     const [metadata, setMetadata] = (0, react_1.useState)(null);
     const { delayRender, continueRender } = (0, remotion_1.useDelayRender)();
+    const sampleRate = options === null || options === void 0 ? void 0 : options.sampleRate;
+    const [initialRequestInit] = (0, react_1.useState)(options === null || options === void 0 ? void 0 : options.requestInit);
     const fetchMetadata = (0, react_1.useCallback)(async () => {
         const handle = delayRender(`Waiting for audio metadata with src="${src}" to be loaded`);
         try {
-            const data = await (0, get_audio_data_1.getAudioData)(src);
+            const data = await (0, get_audio_data_1.getAudioData)(src, sampleRate === undefined && initialRequestInit === undefined
+                ? undefined
+                : { sampleRate, requestInit: initialRequestInit });
             if (mountState.current.isMounted) {
                 setMetadata(data);
             }
@@ -34,7 +38,7 @@ const useAudioData = (src) => {
             (0, remotion_1.cancelRender)(err);
         }
         continueRender(handle);
-    }, [src, delayRender, continueRender]);
+    }, [src, sampleRate, initialRequestInit, delayRender, continueRender]);
     (0, react_1.useLayoutEffect)(() => {
         fetchMetadata();
     }, [fetchMetadata]);

package/dist/use-windowed-audio-data.d.ts

@@ -5,9 +5,15 @@ export type UseWindowedAudioDataOptions = {
     fps: number;
     windowInSeconds: number;
     channelIndex?: number;
+    /**
+     * Captured only from the first render and passed to Mediabunny `UrlSource`.
+     * Updates after mount are ignored so hooks do not depend on a new object
+     * identity every render (e.g. inline `{credentials: 'include'}`).
+     */
+    requestInit?: RequestInit;
 };
 export type UseWindowedAudioDataReturnValue = {
     audioData: MediaUtilsAudioData | null;
     dataOffsetInSeconds: number;
 };
-export declare const useWindowedAudioData: ({ src, frame, fps, windowInSeconds, channelIndex, }: UseWindowedAudioDataOptions) => UseWindowedAudioDataReturnValue;
+export declare const useWindowedAudioData: ({ src, frame, fps, windowInSeconds, channelIndex, requestInit, }: UseWindowedAudioDataOptions) => UseWindowedAudioDataReturnValue;

package/dist/use-windowed-audio-data.js

@@ -8,12 +8,13 @@ const combine_float32_arrays_1 = require("./combine-float32-arrays");
 const get_partial_audio_data_1 = require("./get-partial-audio-data");
 const is_remote_asset_1 = require("./is-remote-asset");
 const warnedMatroska = {};
-const useWindowedAudioData = ({ src, frame, fps, windowInSeconds, channelIndex = 0, }) => {
+const useWindowedAudioData = ({ src, frame, fps, windowInSeconds, channelIndex = 0, requestInit, }) => {
     const isMounted = (0, react_1.useRef)(true);
     const [audioUtils, setAudioUtils] = (0, react_1.useState)(null);
     const [waveFormMap, setWaveformMap] = (0, react_1.useState)({});
     const requests = (0, react_1.useRef)({});
     const [initialWindowInSeconds] = (0, react_1.useState)(windowInSeconds);
+    const [initialRequestInit] = (0, react_1.useState)(requestInit);
     if (windowInSeconds !== initialWindowInSeconds) {
         throw new Error('windowInSeconds cannot be changed dynamically');
     }
@@ -42,7 +43,7 @@ const useWindowedAudioData = ({ src, frame, fps, windowInSeconds, channelIndex =
         signal.addEventListener('abort', cont, { once: true });
         const input = new mediabunny_1.Input({
             formats: mediabunny_1.ALL_FORMATS,
-            source: new mediabunny_1.UrlSource(src),
+            source: new mediabunny_1.UrlSource(src, initialRequestInit ? { requestInit: initialRequestInit } : undefined),
         });
         const onAbort = () => {
             input.dispose();
@@ -98,7 +99,7 @@ const useWindowedAudioData = ({ src, frame, fps, windowInSeconds, channelIndex =
             signal.removeEventListener('abort', cont);
             signal.removeEventListener('abort', onAbort);
         }
-    }, [src, delayRender, continueRender, channelIndex]);
+    }, [src, delayRender, continueRender, channelIndex, initialRequestInit]);
     (0, react_1.useLayoutEffect)(() => {
         const controller = new AbortController();
         fetchMetadata(controller.signal);

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/media-utils"
 	},
 	"name": "@remotion/media-utils",
-	"version": "4.0.457",
+	"version": "4.0.459",
 	"description": "Utilities for working with media files",
 	"main": "dist/index.js",
 	"sideEffects": false,
@@ -21,7 +21,7 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"remotion": "4.0.457",
+		"remotion": "4.0.459",
 		"mediabunny": "1.42.0"
 	},
 	"peerDependencies": {
@@ -29,7 +29,7 @@
 		"react-dom": ">=16.8.0"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.457",
+		"@remotion/eslint-config-internal": "4.0.459",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},