remotion 4.0.536 → 4.0.538

package/dist/cjs/audio/AudioForRendering.js

@@ -1,8 +1,41 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AudioForRendering = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+const react_1 = __importStar(require("react"));
 const absolute_src_js_1 = require("../absolute-src.js");
 const random_js_1 = require("../random.js");
 const RenderAssetManager_js_1 = require("../RenderAssetManager.js");
@@ -18,14 +51,13 @@ const use_media_audio_state_js_1 = require("./use-media-audio-state.js");
 const AudioForRenderingRefForwardingFunction = (props, ref) => {
     var _a, _b;
     const audioRef = (0, react_1.useRef)(null);
-    const { volume: volumeProp, playbackRate, allowAmplificationDuringRender, onDuration, toneFrequency, _remotionInternalNeedsDurationCalculation, _remotionInternalNativeLoopPassed, acceptableTimeShiftInSeconds, name, onNativeError, delayRenderRetries, delayRenderTimeoutInMilliseconds, loopVolumeCurveBehavior, pauseWhenBuffering, audioStreamIndex, preservePitch: _preservePitch, ...nativeProps } = props;
+    const { registerRenderAsset, unregisterRenderAsset, volume: volumeProp, playbackRate, allowAmplificationDuringRender, onDuration, toneFrequency, _remotionInternalNeedsDurationCalculation, _remotionInternalNativeLoopPassed, acceptableTimeShiftInSeconds, name, onNativeError, delayRenderRetries, delayRenderTimeoutInMilliseconds, loopVolumeCurveBehavior, pauseWhenBuffering, audioStreamIndex, preservePitch, ...nativeProps } = props;
     const absoluteFrame = (0, timeline_position_state_js_1.useTimelinePosition)();
     const volumePropFrame = (0, use_audio_frame_js_1.useFrameForVolumeProp)(loopVolumeCurveBehavior !== null && loopVolumeCurveBehavior !== void 0 ? loopVolumeCurveBehavior : 'repeat');
     const frame = (0, use_current_frame_js_1.useCurrentFrame)();
     const sequenceContext = (0, react_1.useContext)(SequenceContext_js_1.SequenceContext);
     const sequencePlaybackRate = (_a = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.playbackRate) !== null && _a !== void 0 ? _a : 1;
     const audioStartFrame = (0, react_1.useContext)(use_audio_frame_js_1.Html5MediaTrimContext);
-    const { registerRenderAsset, unregisterRenderAsset } = (0, react_1.useContext)(RenderAssetManager_js_1.RenderAssetManager);
     const { delayRender, continueRender } = (0, use_delay_render_js_1.useDelayRender)();
     // Generate a string that's as unique as possible for this asset
     // but at the same time the same on all threads
@@ -73,6 +105,7 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
             toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : 1,
             audioStartFrame,
             audioStreamIndex: audioStreamIndex !== null && audioStreamIndex !== void 0 ? audioStreamIndex : 0,
+            preservePitch: preservePitch !== null && preservePitch !== void 0 ? preservePitch : true,
         });
         return () => unregisterRenderAsset(id);
     }, [
@@ -91,6 +124,7 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
         audioStartFrame,
         sequencePlaybackRate,
         audioStreamIndex,
+        preservePitch,
     ]);
     const { src } = props;
     // The <audio> tag is only rendered if the duration needs to be calculated for the `loop`
@@ -140,6 +174,11 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
     if (!needsToRenderAudioTag) {
         return null;
     }
-    return jsx_runtime_1.jsx("audio", { ref: audioRef, ...nativeProps, onError: onNativeError });
+    return (0, jsx_runtime_1.jsx)("audio", { ref: audioRef, ...nativeProps, onError: onNativeError });
 };
-exports.AudioForRendering = (0, react_1.forwardRef)(AudioForRenderingRefForwardingFunction);
+// Asset collection updates the context, but the audio component only needs its callbacks.
+const MemoAudioForRendering = react_1.default.memo((0, react_1.forwardRef)(AudioForRenderingRefForwardingFunction));
+exports.AudioForRendering = (0, react_1.forwardRef)((props, ref) => {
+    const { registerRenderAsset, unregisterRenderAsset } = (0, react_1.useContext)(RenderAssetManager_js_1.RenderAssetManager);
+    return ((0, jsx_runtime_1.jsx)(MemoAudioForRendering, { ...props, ref: ref, registerRenderAsset: registerRenderAsset, unregisterRenderAsset: unregisterRenderAsset }));
+});

package/dist/cjs/audio/html5-audio.d.ts

@@ -5,54 +5,54 @@ import type { RemotionMainAudioProps } from './props.js';
  * @see [Documentation](https://remotion.dev/docs/html5-audio)
  */
 export declare const Html5Audio: React.ForwardRefExoticComponent<Omit<import("./props.js").NativeAudioProps & {
-    name?: string | undefined;
-    volume?: import("../volume-prop.js").VolumeProp | undefined;
-    playbackRate?: number | undefined;
-    preservePitch?: boolean | undefined;
-    acceptableTimeShiftInSeconds?: number | undefined;
-    allowAmplificationDuringRender?: boolean | undefined;
-    _remotionInternalNeedsDurationCalculation?: boolean | undefined;
-    _remotionInternalNativeLoopPassed?: boolean | undefined;
-    toneFrequency?: number | undefined;
-    useWebAudioApi?: boolean | undefined;
-    pauseWhenBuffering?: boolean | undefined;
-    showInTimeline?: boolean | undefined;
-    delayRenderTimeoutInMilliseconds?: number | undefined;
-    delayRenderRetries?: number | undefined;
-    loopVolumeCurveBehavior?: import("./use-audio-frame.js").LoopVolumeCurveBehavior | undefined;
-    onError?: ((err: Error) => void) | undefined;
-    audioStreamIndex?: number | undefined;
+    name?: string;
+    volume?: import("../volume-prop.js").VolumeProp;
+    playbackRate?: number;
+    preservePitch?: boolean;
+    acceptableTimeShiftInSeconds?: number;
+    allowAmplificationDuringRender?: boolean;
+    _remotionInternalNeedsDurationCalculation?: boolean;
+    _remotionInternalNativeLoopPassed?: boolean;
+    toneFrequency?: number;
+    useWebAudioApi?: boolean;
+    pauseWhenBuffering?: boolean;
+    showInTimeline?: boolean;
+    delayRenderTimeoutInMilliseconds?: number;
+    delayRenderRetries?: number;
+    loopVolumeCurveBehavior?: import("./use-audio-frame.js").LoopVolumeCurveBehavior;
+    onError?: (err: Error) => void;
+    audioStreamIndex?: number;
 } & RemotionMainAudioProps & {
     /**
      * @deprecated For internal use only
      */
-    readonly _remotionInternalStack?: string | undefined;
+    readonly _remotionInternalStack?: string;
 }, "ref"> & React.RefAttributes<HTMLAudioElement>>;
 /**
  * @deprecated This component has been renamed to `Html5Audio`.
  * @see [Documentation](https://remotion.dev/docs/mediabunny/new-video)
  */
 export declare const Audio: React.ForwardRefExoticComponent<Omit<import("./props.js").NativeAudioProps & {
-    name?: string | undefined;
-    volume?: import("../volume-prop.js").VolumeProp | undefined;
-    playbackRate?: number | undefined;
-    preservePitch?: boolean | undefined;
-    acceptableTimeShiftInSeconds?: number | undefined;
-    allowAmplificationDuringRender?: boolean | undefined;
-    _remotionInternalNeedsDurationCalculation?: boolean | undefined;
-    _remotionInternalNativeLoopPassed?: boolean | undefined;
-    toneFrequency?: number | undefined;
-    useWebAudioApi?: boolean | undefined;
-    pauseWhenBuffering?: boolean | undefined;
-    showInTimeline?: boolean | undefined;
-    delayRenderTimeoutInMilliseconds?: number | undefined;
-    delayRenderRetries?: number | undefined;
-    loopVolumeCurveBehavior?: import("./use-audio-frame.js").LoopVolumeCurveBehavior | undefined;
-    onError?: ((err: Error) => void) | undefined;
-    audioStreamIndex?: number | undefined;
+    name?: string;
+    volume?: import("../volume-prop.js").VolumeProp;
+    playbackRate?: number;
+    preservePitch?: boolean;
+    acceptableTimeShiftInSeconds?: number;
+    allowAmplificationDuringRender?: boolean;
+    _remotionInternalNeedsDurationCalculation?: boolean;
+    _remotionInternalNativeLoopPassed?: boolean;
+    toneFrequency?: number;
+    useWebAudioApi?: boolean;
+    pauseWhenBuffering?: boolean;
+    showInTimeline?: boolean;
+    delayRenderTimeoutInMilliseconds?: number;
+    delayRenderRetries?: number;
+    loopVolumeCurveBehavior?: import("./use-audio-frame.js").LoopVolumeCurveBehavior;
+    onError?: (err: Error) => void;
+    audioStreamIndex?: number;
 } & RemotionMainAudioProps & {
     /**
      * @deprecated For internal use only
      */
-    readonly _remotionInternalStack?: string | undefined;
+    readonly _remotionInternalStack?: string;
 }, "ref"> & React.RefAttributes<HTMLAudioElement>>;

package/dist/cjs/audio/html5-audio.js

@@ -61,9 +61,7 @@ const AudioRefForwardingFunction = (props, ref) => {
             console.warn(errMessage);
         }
     }, [loop, onRemotionError, preloadedSrc]);
-    const onDuration = (0, react_1.useCallback)((src, durationInSeconds) => {
-        setDurations({ type: 'got-duration', durationInSeconds, src });
-    }, [setDurations]);
+    const onDuration = (0, react_1.useMemo)(() => duration_state_js_1.onMediaDuration.bind(null, setDurations), [setDurations]);
     const durationFetched = (_a = durations[(0, absolute_src_js_1.getAbsoluteSrc)(preloadedSrc)]) !== null && _a !== void 0 ? _a : durations[(0, absolute_src_js_1.getAbsoluteSrc)(props.src)];
     (0, validate_start_from_props_js_1.validateMediaTrimProps)({ startFrom, endAt, trimBefore, trimAfter });
     if (durationInFrames !== undefined) {
@@ -88,22 +86,22 @@ const AudioRefForwardingFunction = (props, ref) => {
     const loopDuration = effectiveTrimAfter !== null && effectiveTrimAfter !== void 0 ? effectiveTrimAfter : (durationFetched === undefined ? undefined : durationFetched * fps);
     if (loop && loopDuration !== undefined) {
         if (!Number.isFinite(loopDuration)) {
-            return (jsx_runtime_1.jsx(exports.Html5Audio, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }));
+            return ((0, jsx_runtime_1.jsx)(exports.Html5Audio, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }));
         }
-        return (jsx_runtime_1.jsx(index_js_1.Loop, { layout: "none", durationInFrames: (0, calculate_media_duration_js_1.calculateMediaDuration)({
+        return ((0, jsx_runtime_1.jsx)(index_js_1.Loop, { layout: "none", durationInFrames: (0, calculate_media_duration_js_1.calculateMediaDuration)({
                 trimAfter: effectiveTrimAfter,
                 mediaDurationInFrames: loopDuration,
                 playbackRate: (_b = props.playbackRate) !== null && _b !== void 0 ? _b : 1,
                 trimBefore: trimBeforeValue,
-            }), children: jsx_runtime_1.jsx(exports.Html5Audio, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }) }));
+            }), children: (0, jsx_runtime_1.jsx)(exports.Html5Audio, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }) }));
     }
     if (typeof trimBeforeValue !== 'undefined' ||
         typeof effectiveTrimAfter !== 'undefined') {
-        return (jsx_runtime_1.jsx(use_audio_frame_js_1.Html5MediaTrimContext.Provider, { value: trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : 0, children: jsx_runtime_1.jsx(Sequence_js_1.Sequence, { layout: "none", from: 0 - (trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : 0), showInTimeline: false, durationInFrames: effectiveTrimAfter === undefined
+        return ((0, jsx_runtime_1.jsx)(use_audio_frame_js_1.Html5MediaTrimContext.Provider, { value: trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : 0, children: (0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: 0 - (trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : 0), showInTimeline: false, durationInFrames: effectiveTrimAfter === undefined
                     ? undefined
                     : (trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : 0) +
                         (effectiveTrimAfter - (trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : 0)) /
-                            ((_c = props.playbackRate) !== null && _c !== void 0 ? _c : 1), name: name, children: jsx_runtime_1.jsx(exports.Html5Audio, { _remotionInternalNeedsDurationCalculation: Boolean(loop), pauseWhenBuffering: shouldPauseWhenBuffering, ...otherProps, ref: ref }) }) }));
+                            ((_c = props.playbackRate) !== null && _c !== void 0 ? _c : 1), name: name, children: (0, jsx_runtime_1.jsx)(exports.Html5Audio, { _remotionInternalNeedsDurationCalculation: Boolean(loop), pauseWhenBuffering: shouldPauseWhenBuffering, ...otherProps, ref: ref }) }) }));
     }
     (0, validate_media_props_js_1.validateMediaProps)({
         playbackRate: props.playbackRate,
@@ -111,9 +109,9 @@ const AudioRefForwardingFunction = (props, ref) => {
         volume: props.volume,
     }, 'Html5Audio');
     if (environment.isRendering) {
-        return (jsx_runtime_1.jsx(AudioForRendering_js_1.AudioForRendering, { onDuration: onDuration, ...props, ref: ref, onNativeError: onError, _remotionInternalNeedsDurationCalculation: Boolean(loop) }));
+        return ((0, jsx_runtime_1.jsx)(AudioForRendering_js_1.AudioForRendering, { onDuration: onDuration, ...props, ref: ref, onNativeError: onError, _remotionInternalNeedsDurationCalculation: Boolean(loop) }));
     }
-    return (jsx_runtime_1.jsx(AudioForPreview_js_1.AudioForPreview, { _remotionInternalNativeLoopPassed: (_d = props._remotionInternalNativeLoopPassed) !== null && _d !== void 0 ? _d : false, _remotionInternalStack: _remotionInternalStack !== null && _remotionInternalStack !== void 0 ? _remotionInternalStack : null, shouldPreMountAudioTags: audioTagsContext !== null && audioTagsContext.numberOfAudioTags > 0, ...props, ref: ref, onNativeError: onError, onDuration: onDuration, pauseWhenBuffering: shouldPauseWhenBuffering, _remotionInternalNeedsDurationCalculation: Boolean(loop), showInTimeline: showInTimeline !== null && showInTimeline !== void 0 ? showInTimeline : true }));
+    return ((0, jsx_runtime_1.jsx)(AudioForPreview_js_1.AudioForPreview, { _remotionInternalNativeLoopPassed: (_d = props._remotionInternalNativeLoopPassed) !== null && _d !== void 0 ? _d : false, _remotionInternalStack: _remotionInternalStack !== null && _remotionInternalStack !== void 0 ? _remotionInternalStack : null, shouldPreMountAudioTags: audioTagsContext !== null && audioTagsContext.numberOfAudioTags > 0, ...props, ref: ref, onNativeError: onError, onDuration: onDuration, pauseWhenBuffering: shouldPauseWhenBuffering, _remotionInternalNeedsDurationCalculation: Boolean(loop), showInTimeline: showInTimeline !== null && showInTimeline !== void 0 ? showInTimeline : true }));
 };
 /**
  * @description With this component, you can add audio to your video. All audio formats which are supported by Chromium are supported by the component.

package/dist/cjs/audio/index.js

@@ -15,7 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Html5Audio = exports.Audio = void 0;
-const html5_audio_js_1 = require("./html5-audio.js");
+var html5_audio_js_1 = require("./html5-audio.js");
 Object.defineProperty(exports, "Audio", { enumerable: true, get: function () { return html5_audio_js_1.Audio; } });
 Object.defineProperty(exports, "Html5Audio", { enumerable: true, get: function () { return html5_audio_js_1.Html5Audio; } });
 __exportStar(require("./props.js"), exports);

package/dist/cjs/audio/shared-audio-tags.js

@@ -319,10 +319,7 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled,
         return {
             sampleRate,
             audioContext: (_a = ctxAndGain === null || ctxAndGain === void 0 ? void 0 : ctxAndGain.audioContext) !== null && _a !== void 0 ? _a : null,
-            getAudioContextState: () => {
-                var _a;
-                return (_a = ctxAndGain === null || ctxAndGain === void 0 ? void 0 : ctxAndGain.getState()) !== null && _a !== void 0 ? _a : null;
-            },
+            getAudioContextState: () => { var _a; return (_a = ctxAndGain === null || ctxAndGain === void 0 ? void 0 : ctxAndGain.getState()) !== null && _a !== void 0 ? _a : null; },
             gainNode: (_b = ctxAndGain === null || ctxAndGain === void 0 ? void 0 : ctxAndGain.gainNode) !== null && _b !== void 0 ? _b : null,
             audioSyncAnchor,
             audioSyncAnchorEmitter,
@@ -347,7 +344,7 @@ const SharedAudioContextProvider = ({ children, audioLatencyHint, audioEnabled,
         unscheduleAudioNode,
         _experimentalKeepAudioContextAlive,
     ]);
-    return (jsx_runtime_1.jsx(exports.SharedAudioContext.Provider, { value: audioContextValue, children: children }));
+    return ((0, jsx_runtime_1.jsx)(exports.SharedAudioContext.Provider, { value: audioContextValue, children: children }));
 };
 exports.SharedAudioContextProvider = SharedAudioContextProvider;
 const SharedAudioTagsContextProvider = ({ children, numberOfAudioTags }) => {
@@ -543,16 +540,17 @@ const SharedAudioTagsContextProvider = ({ children, numberOfAudioTags }) => {
     ]);
     const sharedAudioTagElements = (0, react_1.useMemo)(() => {
         return refs.map(({ id, ref }) => {
-            return (
-            // Without preload="metadata", iOS will seek the time internally
-            // but not actually with sound. Adding `preload="metadata"` helps here.
-            // https://discord.com/channels/809501355504959528/817306414069710848/1130519583367888906
-            jsx_runtime_1.jsx("audio", { ref: ref, preload: "metadata", src: EMPTY_AUDIO }, id));
+            return ((0, jsx_runtime_1.jsx)("audio", { ref: ref, preload: "metadata", src: EMPTY_AUDIO }, id));
         });
     }, [refs]);
-    return (jsx_runtime_1.jsxs(exports.SharedAudioTagsContext.Provider, { value: audioTagsValue, children: [sharedAudioTagElements, children] }));
+    return ((0, jsx_runtime_1.jsxs)(exports.SharedAudioTagsContext.Provider, { value: audioTagsValue, children: [sharedAudioTagElements, children] }));
 };
 exports.SharedAudioTagsContextProvider = SharedAudioTagsContextProvider;
+const unregisterSharedAudio = (tagsContext, id) => {
+    if (tagsContext && tagsContext.numberOfAudioTags > 0) {
+        tagsContext.unregisterAudio(id);
+    }
+};
 const useSharedAudio = ({ aud, audioId, premounting, postmounting, }) => {
     var _a;
     var _b, _c;
@@ -608,11 +606,7 @@ const useSharedAudio = ({ aud, audioId, premounting, postmounting, }) => {
             }
         }, [aud, tagsCtx, elem.id, audioId, premounting, postmounting]);
         effectToUse(() => {
-            return () => {
-                if (tagsCtx && tagsCtx.numberOfAudioTags > 0) {
-                    tagsCtx.unregisterAudio(elem.id);
-                }
-            };
+            return unregisterSharedAudio.bind(null, tagsCtx, elem.id);
         }, [tagsCtx, elem.id]);
     }
     return elem;

package/dist/cjs/audio/shared-element-source-node.d.ts

@@ -1,6 +1,6 @@
 export declare const makeSharedElementSourceNode: ({ audioContext, ref, }: {
     audioContext: AudioContext | null;
-    ref: import("react").RefObject<HTMLAudioElement | null>;
+    ref: React.RefObject<HTMLAudioElement | null>;
 }) => {
     setAudioContext: (newAudioContext: AudioContext | null) => void;
     attemptToConnect: () => void;

package/dist/cjs/audio/use-audio-context.d.ts

@@ -1,6 +1,7 @@
+import type { LogLevel } from '../log';
 export type RemotionAudioContextState = AudioContextState | 'running-to-suspended' | 'suspended-to-running';
 export declare const useSingletonAudioContext: ({ logLevel, latencyHint, audioEnabled, sampleRate, }: {
-    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    logLevel: LogLevel;
     latencyHint: AudioContextLatencyCategory;
     audioEnabled: boolean;
     sampleRate: number;

package/dist/cjs/audio/wait-until-actually-resumed.d.ts

@@ -1,2 +1,3 @@
+import { type LogLevel } from '../log.js';
 export type AudioContextResumeResult = 'resumed' | 'cancelled' | 'failed';
-export declare const waitUntilActuallyResumed: (audioContext: AudioContext, logLevel: "error" | "info" | "trace" | "verbose" | "warn", signal: AbortSignal, isAutoPlayAttempt: boolean) => Promise<AudioContextResumeResult>;
+export declare const waitUntilActuallyResumed: (audioContext: AudioContext, logLevel: LogLevel, signal: AbortSignal, isAutoPlayAttempt: boolean) => Promise<AudioContextResumeResult>;

package/dist/cjs/buffer-until-first-frame.d.ts

@@ -1,9 +1,10 @@
+import type { LogLevel } from './log';
 export declare const useBufferUntilFirstFrame: ({ mediaRef, mediaType, onVariableFpsVideoDetected, pauseWhenBuffering, logLevel, mountTime, }: {
-    mediaRef: import("react").RefObject<HTMLAudioElement | HTMLVideoElement | null>;
-    mediaType: "audio" | "video";
+    mediaRef: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;
+    mediaType: 'video' | 'audio';
     onVariableFpsVideoDetected: () => void;
     pauseWhenBuffering: boolean;
-    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    logLevel: LogLevel;
     mountTime: number | null;
 }) => {
     isBuffering: () => boolean;

package/dist/cjs/buffering.js

@@ -108,6 +108,6 @@ const BufferingProvider = ({ children }) => {
     const { logLevel, mountTime } = (0, react_1.useContext)(log_level_context_1.LogLevelContext);
     const { isBuffering, setBuffering } = (0, react_1.useContext)(TimelineContext_js_1.SetTimelineContext);
     const bufferManager = useBufferManager(logLevel !== null && logLevel !== void 0 ? logLevel : 'info', mountTime, setBuffering, isBuffering);
-    return (jsx_runtime_1.jsx(exports.BufferingContextReact.Provider, { value: bufferManager, children: children }));
+    return ((0, jsx_runtime_1.jsx)(exports.BufferingContextReact.Provider, { value: bufferManager, children: children }));
 };
 exports.BufferingProvider = BufferingProvider;

package/dist/cjs/cancel-render.js

@@ -58,6 +58,9 @@ function cancelRenderInternal(scope, err) {
         error = Error('Rendering was cancelled');
     }
     if (scope) {
+        // Server rendering reads the stack across Puppeteer. Browser rendering can
+        // keep the original Error in this realm, including its cause chain.
+        scope.remotion_cancelledErrorObject = error;
         scope.remotion_cancelledError = (0, exports.getErrorStackWithMessage)(error);
     }
     throw error;