remotion 4.0.178 → 4.0.180

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/CanUseRemotionHooks.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 export declare const CanUseRemotionHooks: React.Context<boolean>;
 export declare const CanUseRemotionHooksProvider: React.FC<{
-    readonly children: React.ReactNode;
+    children: React.ReactNode;
 }>;

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/Composition.js

@@ -4,15 +4,15 @@ import { createPortal } from 'react-dom';
 import { AbsoluteFill } from './AbsoluteFill.js';
 import { CanUseRemotionHooks, CanUseRemotionHooksProvider, } from './CanUseRemotionHooks.js';
 import { CompositionManager } from './CompositionManagerContext.js';
-import { FolderContext } from './Folder.js';
-import { NativeLayersContext } from './NativeLayers.js';
-import { useResolvedVideoConfig } from './ResolveCompositionConfig.js';
 import { continueRender, delayRender } from './delay-render.js';
+import { FolderContext } from './Folder.js';
 import { getRemotionEnvironment } from './get-remotion-environment.js';
 import { useIsPlayer } from './is-player.js';
 import { Loading } from './loading-indicator.js';
+import { NativeLayersContext } from './NativeLayers.js';
 import { useNonce } from './nonce.js';
 import { portalNode } from './portal-node.js';
+import { useResolvedVideoConfig } from './ResolveCompositionConfig.js';
 import { useLazyComponent } from './use-lazy-component.js';
 import { useVideo } from './use-video.js';
 import { validateCompositionId } from './validation/validate-composition-id.js';

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/CompositionManager.d.ts

@@ -54,7 +54,6 @@ export type TSequence = {
     nonce: number;
     loopDisplay: LoopDisplay | undefined;
     stack: string | null;
-    premountDisplay: number | null;
 } & EnhancedTSequenceData;
 export type TRenderAsset = {
     type: 'audio' | 'video';
@@ -66,13 +65,12 @@ export type TRenderAsset = {
     playbackRate: number;
     allowAmplificationDuringRender: boolean;
     toneFrequency: number | null;
-    audioStartFrame: number;
 };
 export declare const compositionsRef: React.RefObject<{
     getCompositions: () => TCompMetadataWithCalcFunction<AnyZodObject, Record<string, unknown>>[];
 }>;
 export declare const CompositionManagerProvider: React.FC<{
-    readonly children: React.ReactNode;
-    readonly numberOfAudioTags: number;
+    children: React.ReactNode;
+    numberOfAudioTags: number;
 }>;
 export {};

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/CompositionManager.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useCallback, useImperativeHandle, useMemo, useRef, useState, } from 'react';
+import { SharedAudioContextProvider } from './audio/shared-audio-tags.js';
 import { CompositionManager } from './CompositionManagerContext.js';
 import { RenderAssetManagerProvider } from './RenderAssetManager.js';
 import { ResolveCompositionConfig } from './ResolveCompositionConfig.js';
 import { SequenceManagerProvider } from './SequenceManager.js';
-import { SharedAudioContextProvider } from './audio/shared-audio-tags.js';
 export const compositionsRef = React.createRef();
 export const CompositionManagerProvider = ({ children, numberOfAudioTags }) => {
     var _a;

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/IFrame.d.ts

@@ -3,7 +3,4 @@ import React from 'react';
  * @description The <IFrame /> can be used like a regular <iframe> HTML tag.
  * @see [Documentation](https://www.remotion.dev/docs/iframe)
  */
-export declare const IFrame: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLIFrameElement> & React.IframeHTMLAttributes<HTMLIFrameElement> & {
-    readonly delayRenderRetries?: number | undefined;
-    readonly delayRenderTimeoutInMilliseconds?: number | undefined;
-}, "ref"> & React.RefAttributes<HTMLIFrameElement>>;
+export declare const IFrame: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, "ref"> & React.RefAttributes<HTMLIFrameElement>>;

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/IFrame.js

@@ -1,11 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useCallback, useState } from 'react';
 import { continueRender, delayRender } from './delay-render.js';
-const IFrameRefForwarding = ({ onLoad, onError, delayRenderRetries, delayRenderTimeoutInMilliseconds, ...props }, ref) => {
-    const [handle] = useState(() => delayRender(`Loading <IFrame> with source ${props.src}`, {
-        retries: delayRenderRetries !== null && delayRenderRetries !== void 0 ? delayRenderRetries : undefined,
-        timeoutInMilliseconds: delayRenderTimeoutInMilliseconds !== null && delayRenderTimeoutInMilliseconds !== void 0 ? delayRenderTimeoutInMilliseconds : undefined,
-    }));
+const IFrameRefForwarding = ({ onLoad, onError, ...props }, ref) => {
+    const [handle] = useState(() => delayRender(`Loading <IFrame> with source ${props.src}`));
     const didLoad = useCallback((e) => {
         continueRender(handle);
         onLoad === null || onLoad === void 0 ? void 0 : onLoad(e);

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/Img.d.ts

@@ -1,10 +1,8 @@
 import React from 'react';
 export type ImgProps = Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'src'> & {
-    readonly maxRetries?: number;
-    readonly pauseWhenLoading?: boolean;
-    readonly delayRenderRetries?: number;
-    readonly delayRenderTimeoutInMilliseconds?: number;
-    readonly src: string;
+    maxRetries?: number;
+    pauseWhenLoading?: boolean;
+    src: string;
 };
 /**
  * @description Works just like a regular HTML img tag. When you use the <Img> tag, Remotion will ensure that the image is loaded before rendering the frame.

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/Img.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useCallback, useContext, useImperativeHandle, useLayoutEffect, useRef, } from 'react';
-import { SequenceContext } from './SequenceContext.js';
+import { forwardRef, useCallback, useImperativeHandle, useLayoutEffect, useRef, } from 'react';
 import { cancelRender } from './cancel-render.js';
 import { continueRender, delayRender } from './delay-render.js';
 import { usePreload } from './prefetch.js';
@@ -8,11 +7,10 @@ import { useBufferState } from './use-buffer-state.js';
 function exponentialBackoff(errorCount) {
     return 1000 * 2 ** (errorCount - 1);
 }
-const ImgRefForwarding = ({ onError, maxRetries = 2, src, pauseWhenLoading, delayRenderRetries, delayRenderTimeoutInMilliseconds, ...props }, ref) => {
+const ImgRefForwarding = ({ onError, maxRetries = 2, src, pauseWhenLoading, ...props }, ref) => {
     const imageRef = useRef(null);
     const errors = useRef({});
     const { delayPlayback } = useBufferState();
-    const sequenceContext = useContext(SequenceContext);
     if (!src) {
         throw new Error('No "src" prop was passed to <Img>.');
     }
@@ -62,17 +60,13 @@ const ImgRefForwarding = ({ onError, maxRetries = 2, src, pauseWhenLoading, dela
         cancelRender('Error loading image with src: ' + ((_l = imageRef.current) === null || _l === void 0 ? void 0 : _l.src));
     }, [maxRetries, onError, retryIn]);
     if (typeof window !== 'undefined') {
-        const isPremounting = Boolean(sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.premounting);
         // eslint-disable-next-line react-hooks/rules-of-hooks
         useLayoutEffect(() => {
             if (process.env.NODE_ENV === 'test') {
                 return;
             }
-            const newHandle = delayRender('Loading <Img> with src=' + actualSrc, {
-                retries: delayRenderRetries !== null && delayRenderRetries !== void 0 ? delayRenderRetries : undefined,
-                timeoutInMilliseconds: delayRenderTimeoutInMilliseconds !== null && delayRenderTimeoutInMilliseconds !== void 0 ? delayRenderTimeoutInMilliseconds : undefined,
-            });
-            const unblock = pauseWhenLoading && !isPremounting
+            const newHandle = delayRender('Loading <Img> with src=' + actualSrc);
+            const unblock = pauseWhenLoading
                 ? delayPlayback().unblock
                 : () => undefined;
             const { current } = imageRef;
@@ -101,14 +95,7 @@ const ImgRefForwarding = ({ onError, maxRetries = 2, src, pauseWhenLoading, dela
                 unblock();
                 continueRender(newHandle);
             };
-        }, [
-            actualSrc,
-            delayPlayback,
-            delayRenderRetries,
-            delayRenderTimeoutInMilliseconds,
-            pauseWhenLoading,
-            isPremounting,
-        ]);
+        }, [actualSrc, delayPlayback, pauseWhenLoading]);
     }
     return (_jsx("img", { ...props, ref: imageRef, src: actualSrc, onError: didGetError }));
 };

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/RemotionRoot.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 export declare const RemotionRoot: React.FC<{
-    readonly children: React.ReactNode;
-    readonly numberOfAudioTags: number;
+    children: React.ReactNode;
+    numberOfAudioTags: number;
 }>;

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/RemotionRoot.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useMemo, useRef, useState, } from 'react';
+import { BufferingProvider } from './buffering.js';
 import { CompositionManagerProvider } from './CompositionManager.js';
+import { continueRender, delayRender } from './delay-render.js';
 import { EditorPropsProvider } from './EditorProps.js';
 import { NativeLayersProvider } from './NativeLayers.js';
-import { BufferingProvider } from './buffering.js';
-import { continueRender, delayRender } from './delay-render.js';
 import { NonceContext } from './nonce.js';
 import { PrefetchProvider } from './prefetch-state.js';
 import { random } from './random.js';
-import { SetTimelineContext, TimelineContext, getInitialFrameState, } from './timeline-position-state.js';
+import { getInitialFrameState, SetTimelineContext, TimelineContext, } from './timeline-position-state.js';
 import { DurationsContextProvider } from './video/duration-state.js';
 export const RemotionRoot = ({ children, numberOfAudioTags }) => {
     const [remotionRootId] = useState(() => String(random(null)));
@@ -21,8 +21,7 @@ export const RemotionRoot = ({ children, numberOfAudioTags }) => {
     if (typeof window !== 'undefined') {
         // eslint-disable-next-line react-hooks/rules-of-hooks
         useLayoutEffect(() => {
-            window.remotion_setFrame = (f, composition, attempt) => {
-                window.remotion_attempt = attempt;
+            window.remotion_setFrame = (f, composition) => {
                 const id = delayRender(`Setting the current frame to ${f}`);
                 setFrame((s) => ({
                     ...s,

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/ResolveCompositionConfig.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, createRef, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useState, } from 'react';
 import { CompositionManager } from './CompositionManagerContext.js';
-import { EditorPropsContext } from './EditorProps.js';
 import { getInputProps } from './config/input-props.js';
+import { EditorPropsContext } from './EditorProps.js';
 import { getRemotionEnvironment } from './get-remotion-environment.js';
 import { resolveVideoConfig } from './resolve-video-config.js';
 import { validateDimension } from './validation/validate-dimensions.js';

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/Sequence.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import type { LoopDisplay } from './CompositionManager.js';
 export type LayoutAndStyle = {
     layout?: 'absolute-fill';
-    premountFor?: number;
     style?: React.CSSProperties;
     className?: string;
 } | {
@@ -18,19 +17,11 @@ export type SequencePropsWithoutDuration = {
     /**
      * @deprecated For internal use only.
      */
-    _remotionInternalLoopDisplay?: LoopDisplay;
+    loopDisplay?: LoopDisplay;
     /**
      * @deprecated For internal use only.
      */
-    _remotionInternalPremountDisplay?: number | null;
-    /**
-     * @deprecated For internal use only.
-     */
-    _remotionInternalStack?: string;
-    /**
-     * @deprecated For internal use only.
-     */
-    _remotionInternalIsPremounting?: boolean;
+    stack?: string;
 } & LayoutAndStyle;
 export type SequenceProps = {
     durationInFrames?: number;

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/Sequence.js

@@ -1,16 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-use-before-define */
 import { forwardRef, useContext, useEffect, useMemo, useState, } from 'react';
 import { AbsoluteFill } from './AbsoluteFill.js';
-import { SequenceContext } from './SequenceContext.js';
-import { SequenceManager, SequenceVisibilityToggleContext, } from './SequenceManager.js';
 import { getRemotionEnvironment } from './get-remotion-environment.js';
 import { useNonce } from './nonce.js';
+import { SequenceContext } from './SequenceContext.js';
+import { SequenceManager, SequenceVisibilityToggleContext, } from './SequenceManager.js';
 import { TimelineContext, useTimelinePosition, } from './timeline-position-state.js';
 import { useVideoConfig } from './use-video-config.js';
-import { Freeze } from './freeze.js';
-import { useCurrentFrame } from './use-current-frame';
-const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Infinity, children, name, height, width, showInTimeline = true, _remotionInternalLoopDisplay: loopDisplay, _remotionInternalStack: stack, _remotionInternalPremountDisplay: premountDisplay, ...other }, ref) => {
+const SequenceRefForwardingFunction = ({ from = 0, durationInFrames = Infinity, children, name, height, width, showInTimeline = true, loopDisplay, stack, ...other }, ref) => {
     var _a;
     const { layout = 'absolute-fill' } = other;
     const [id] = useState(() => String(Math.random()));
@@ -47,10 +44,6 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Inf
     const actualDurationInFrames = Math.max(0, Math.min(videoConfig.durationInFrames - from, parentSequenceDuration));
     const { registerSequence, unregisterSequence } = useContext(SequenceManager);
     const { hidden } = useContext(SequenceVisibilityToggleContext);
-    const premounting = useMemo(() => {
-        var _a;
-        return ((_a = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.premounting) !== null && _a !== void 0 ? _a : Boolean(other._remotionInternalIsPremounting));
-    }, [other._remotionInternalIsPremounting, parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.premounting]);
     const contextValue = useMemo(() => {
         var _a, _b, _c;
         return {
@@ -61,7 +54,6 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Inf
             id,
             height: (_b = height !== null && height !== void 0 ? height : parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.height) !== null && _b !== void 0 ? _b : null,
             width: (_c = width !== null && width !== void 0 ? width : parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.width) !== null && _c !== void 0 ? _c : null,
-            premounting,
         };
     }, [
         cumulatedFrom,
@@ -71,7 +63,6 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Inf
         id,
         height,
         width,
-        premounting,
     ]);
     const timelineClipName = useMemo(() => {
         return name !== null && name !== void 0 ? name : '';
@@ -93,7 +84,6 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Inf
             nonce,
             loopDisplay,
             stack: stack !== null && stack !== void 0 ? stack : null,
-            premountDisplay: premountDisplay !== null && premountDisplay !== void 0 ? premountDisplay : null,
         });
         return () => {
             unregisterSequence(id);
@@ -113,7 +103,6 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Inf
         nonce,
         loopDisplay,
         stack,
-        premountDisplay,
     ]);
     // Ceil to support floats
     // https://github.com/remotion-dev/remotion/issues/2958
@@ -141,35 +130,6 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Inf
     }
     return (_jsx(SequenceContext.Provider, { value: contextValue, children: content === null ? null : other.layout === 'none' ? (content) : (_jsx(AbsoluteFill, { ref: ref, style: defaultStyle, className: other.className, children: content })) }));
 };
-const RegularSequence = forwardRef(RegularSequenceRefForwardingFunction);
-const PremountedSequenceRefForwardingFunction = (props, ref) => {
-    const frame = useCurrentFrame();
-    if (props.layout === 'none') {
-        throw new Error('`<Sequence>` with `premountFor` prop does not support layout="none"');
-    }
-    const { style: passedStyle, from = 0, premountFor = 0, name, ...otherProps } = props;
-    const premountingActive = frame < from && frame >= from - premountFor;
-    const style = useMemo(() => {
-        var _a;
-        return {
-            ...passedStyle,
-            opacity: premountingActive ? 0 : 1,
-            pointerEvents: premountingActive
-                ? 'none'
-                : (_a = passedStyle === null || passedStyle === void 0 ? void 0 : passedStyle.pointerEvents) !== null && _a !== void 0 ? _a : undefined,
-        };
-    }, [premountingActive, passedStyle]);
-    return (_jsx(Freeze, { frame: from, active: premountingActive, children: _jsx(Sequence, { ref: ref, from: from, style: style, _remotionInternalPremountDisplay: premountFor, _remotionInternalIsPremounting: premountingActive, ...otherProps }) }));
-};
-const PremountedSequence = forwardRef(PremountedSequenceRefForwardingFunction);
-const SequenceRefForwardingFunction = (props, ref) => {
-    if (props.layout !== 'none' &&
-        props.premountFor &&
-        !getRemotionEnvironment().isRendering) {
-        return _jsx(PremountedSequence, { ...props, ref: ref });
-    }
-    return _jsx(RegularSequence, { ...props, ref: ref });
-};
 /**
  * @description A component that time-shifts its children and wraps them in an absolutely positioned <div>.
  * @see [Documentation](https://www.remotion.dev/docs/sequence)

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/SequenceContext.d.ts

@@ -8,5 +8,4 @@ export type SequenceContextType = {
     id: string;
     width: number | null;
     height: number | null;
-    premounting: boolean;
 };

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/audio/Audio.d.ts

@@ -15,12 +15,9 @@ export declare const Audio: React.ForwardRefExoticComponent<Omit<Omit<React.Deta
     toneFrequency?: number | undefined;
     pauseWhenBuffering?: boolean | undefined;
     showInTimeline?: boolean | undefined;
-    delayRenderTimeoutInMilliseconds?: number | undefined;
-    delayRenderRetries?: number | undefined;
-    loopVolumeCurveBehavior?: import("./use-audio-frame.js").LoopVolumeCurveBehavior | undefined;
 } & RemotionMainAudioProps & {
     /**
      * @deprecated For internal use only
      */
-    readonly stack?: string | undefined;
+    stack?: string | undefined;
 }, "ref"> & React.RefAttributes<HTMLAudioElement>>;

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/audio/Audio.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable @typescript-eslint/no-use-before-define */
 import { forwardRef, useCallback, useContext } from 'react';
-import { Sequence } from '../Sequence.js';
 import { getAbsoluteSrc } from '../absolute-src.js';
 import { calculateLoopDuration } from '../calculate-loop.js';
 import { cancelRender } from '../cancel-render.js';
@@ -9,6 +8,7 @@ import { addSequenceStackTraces } from '../enable-sequence-stack-traces.js';
 import { getRemotionEnvironment } from '../get-remotion-environment.js';
 import { Loop } from '../loop/index.js';
 import { usePreload } from '../prefetch.js';
+import { Sequence } from '../Sequence.js';
 import { useVideoConfig } from '../use-video-config.js';
 import { validateMediaProps } from '../validate-media-props.js';
 import { validateStartFromProps } from '../validate-start-from-props.js';

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/audio/AudioForPreview.d.ts

@@ -1,13 +1,12 @@
 import React from 'react';
 import type { RemotionAudioProps } from './props.js';
 type AudioForPreviewProps = RemotionAudioProps & {
-    readonly shouldPreMountAudioTags: boolean;
-    readonly onDuration: (src: string, durationInSeconds: number) => void;
-    readonly pauseWhenBuffering: boolean;
-    readonly _remotionInternalNativeLoopPassed: boolean;
-    readonly _remotionInternalStack: string | null;
-    readonly showInTimeline: boolean;
-    readonly stack?: string | undefined;
+    shouldPreMountAudioTags: boolean;
+    onDuration: (src: string, durationInSeconds: number) => void;
+    pauseWhenBuffering: boolean;
+    _remotionInternalNativeLoopPassed: boolean;
+    _remotionInternalStack: string | null;
+    showInTimeline: boolean;
 };
 export declare const AudioForPreview: React.ForwardRefExoticComponent<Omit<AudioForPreviewProps, "ref"> & React.RefAttributes<HTMLAudioElement>>;
 export {};

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/audio/AudioForPreview.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
-import { SequenceContext } from '../SequenceContext.js';
-import { SequenceVisibilityToggleContext } from '../SequenceManager.js';
 import { usePreload } from '../prefetch.js';
 import { random } from '../random.js';
+import { SequenceContext } from '../SequenceContext.js';
+import { SequenceVisibilityToggleContext } from '../SequenceManager.js';
 import { useMediaBuffering } from '../use-media-buffering.js';
 import { useMediaInTimeline } from '../use-media-in-timeline.js';
 import { DEFAULT_ACCEPTABLE_TIMESHIFT, useMediaPlayback, } from '../use-media-playback.js';
@@ -18,10 +18,10 @@ const AudioForDevelopmentForwardRefFunction = (props, ref) => {
     if (props.shouldPreMountAudioTags !== initialShouldPreMountAudioElements) {
         throw new Error('Cannot change the behavior for pre-mounting audio tags dynamically.');
     }
-    const { volume, muted, playbackRate, shouldPreMountAudioTags, src, onDuration, acceptableTimeShiftInSeconds, _remotionInternalNeedsDurationCalculation, _remotionInternalNativeLoopPassed, _remotionInternalStack, allowAmplificationDuringRender, name, pauseWhenBuffering, showInTimeline, loopVolumeCurveBehavior, stack, ...nativeProps } = props;
     const [mediaVolume] = useMediaVolumeState();
     const [mediaMuted] = useMediaMutedState();
-    const volumePropFrame = useFrameForVolumeProp(loopVolumeCurveBehavior !== null && loopVolumeCurveBehavior !== void 0 ? loopVolumeCurveBehavior : 'repeat');
+    const volumePropFrame = useFrameForVolumeProp();
+    const { volume, muted, playbackRate, shouldPreMountAudioTags, src, onDuration, acceptableTimeShiftInSeconds, _remotionInternalNeedsDurationCalculation, _remotionInternalNativeLoopPassed, _remotionInternalStack, allowAmplificationDuringRender, name, pauseWhenBuffering, showInTimeline, ...nativeProps } = props;
     const { hidden } = useContext(SequenceVisibilityToggleContext);
     if (!src) {
         throw new TypeError("No 'src' was passed to <Audio>.");
@@ -75,7 +75,6 @@ const AudioForDevelopmentForwardRefFunction = (props, ref) => {
         id: timelineId,
         stack: _remotionInternalStack,
         showInTimeline,
-        premountDisplay: null,
     });
     useMediaPlayback({
         mediaRef: audioRef,
@@ -85,11 +84,7 @@ const AudioForDevelopmentForwardRefFunction = (props, ref) => {
         onlyWarnForMediaSeekingError: false,
         acceptableTimeshift: acceptableTimeShiftInSeconds !== null && acceptableTimeShiftInSeconds !== void 0 ? acceptableTimeShiftInSeconds : DEFAULT_ACCEPTABLE_TIMESHIFT,
     });
-    useMediaBuffering({
-        element: audioRef,
-        shouldBuffer: pauseWhenBuffering,
-        isPremounting: Boolean(sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.premounting),
-    });
+    useMediaBuffering(audioRef, pauseWhenBuffering);
     useImperativeHandle(ref, () => {
         return audioRef.current;
     }, [audioRef]);

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/audio/AudioForRendering.d.ts

@@ -11,9 +11,6 @@ export declare const AudioForRendering: ForwardRefExoticComponent<Omit<React.Det
     toneFrequency?: number | undefined;
     pauseWhenBuffering?: boolean | undefined;
     showInTimeline?: boolean | undefined;
-    delayRenderTimeoutInMilliseconds?: number | undefined;
-    delayRenderRetries?: number | undefined;
-    loopVolumeCurveBehavior?: import("./use-audio-frame.js").LoopVolumeCurveBehavior | undefined;
 } & {
-    readonly onDuration: (src: string, durationInSeconds: number) => void;
+    onDuration: (src: string, durationInSeconds: number) => void;
 } & RefAttributes<HTMLAudioElement>>;

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/audio/AudioForRendering.js

@@ -1,19 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, } from 'react';
-import { RenderAssetManager } from '../RenderAssetManager.js';
-import { SequenceContext } from '../SequenceContext.js';
 import { getAbsoluteSrc } from '../absolute-src.js';
 import { continueRender, delayRender } from '../delay-render.js';
 import { random } from '../random.js';
+import { RenderAssetManager } from '../RenderAssetManager.js';
+import { SequenceContext } from '../SequenceContext.js';
 import { useTimelinePosition } from '../timeline-position-state.js';
 import { useCurrentFrame } from '../use-current-frame.js';
 import { evaluateVolume } from '../volume-prop.js';
 import { useFrameForVolumeProp } from './use-audio-frame.js';
 const AudioForRenderingRefForwardingFunction = (props, ref) => {
     const audioRef = useRef(null);
-    const { volume: volumeProp, playbackRate, allowAmplificationDuringRender, onDuration, toneFrequency, _remotionInternalNeedsDurationCalculation, _remotionInternalNativeLoopPassed, acceptableTimeShiftInSeconds, name, onError, delayRenderRetries, delayRenderTimeoutInMilliseconds, loopVolumeCurveBehavior, ...nativeProps } = props;
     const absoluteFrame = useTimelinePosition();
-    const volumePropFrame = useFrameForVolumeProp(loopVolumeCurveBehavior !== null && loopVolumeCurveBehavior !== void 0 ? loopVolumeCurveBehavior : 'repeat');
+    const volumePropFrame = useFrameForVolumeProp();
     const frame = useCurrentFrame();
     const sequenceContext = useContext(SequenceContext);
     const { registerRenderAsset, unregisterRenderAsset } = useContext(RenderAssetManager);
@@ -28,6 +27,7 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
         sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.cumulatedFrom,
         sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.durationInFrames,
     ]);
+    const { volume: volumeProp, playbackRate, allowAmplificationDuringRender, onDuration, toneFrequency, _remotionInternalNeedsDurationCalculation, _remotionInternalNativeLoopPassed, acceptableTimeShiftInSeconds, name, onError, ...nativeProps } = props;
     const volume = evaluateVolume({
         volume: volumeProp,
         frame: volumePropFrame,
@@ -38,7 +38,7 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
         return audioRef.current;
     }, []);
     useEffect(() => {
-        var _a, _b;
+        var _a;
         if (!props.src) {
             throw new Error('No src passed');
         }
@@ -61,7 +61,6 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
             playbackRate: (_a = props.playbackRate) !== null && _a !== void 0 ? _a : 1,
             allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
             toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : null,
-            audioStartFrame: -((_b = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom) !== null && _b !== void 0 ? _b : 0),
         });
         return () => unregisterRenderAsset(id);
     }, [
@@ -78,7 +77,6 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
         props.playbackRate,
         allowAmplificationDuringRender,
         toneFrequency,
-        sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom,
     ]);
     const { src } = props;
     // The <audio> tag is only rendered if the duration needs to be calculated for the `loop`
@@ -92,10 +90,7 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
         if (!needsToRenderAudioTag) {
             return;
         }
-        const newHandle = delayRender('Loading <Audio> duration with src=' + src, {
-            retries: delayRenderRetries !== null && delayRenderRetries !== void 0 ? delayRenderRetries : undefined,
-            timeoutInMilliseconds: delayRenderTimeoutInMilliseconds !== null && delayRenderTimeoutInMilliseconds !== void 0 ? delayRenderTimeoutInMilliseconds : undefined,
-        });
+        const newHandle = delayRender('Loading <Audio> duration with src=' + src);
         const { current } = audioRef;
         const didLoad = () => {
             if (current === null || current === void 0 ? void 0 : current.duration) {
@@ -115,13 +110,7 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
             current === null || current === void 0 ? void 0 : current.removeEventListener('loadedmetadata', didLoad);
             continueRender(newHandle);
         };
-    }, [
-        src,
-        onDuration,
-        needsToRenderAudioTag,
-        delayRenderRetries,
-        delayRenderTimeoutInMilliseconds,
-    ]);
+    }, [src, onDuration, needsToRenderAudioTag]);
     if (!needsToRenderAudioTag) {
         return null;
     }

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/audio/props.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import type { VolumeProp } from '../volume-prop.js';
-import type { LoopVolumeCurveBehavior } from './use-audio-frame.js';
 export type RemotionMainAudioProps = {
     startFrom?: number;
     endAt?: number;
@@ -16,7 +15,4 @@ export type RemotionAudioProps = Omit<React.DetailedHTMLProps<React.AudioHTMLAtt
     toneFrequency?: number;
     pauseWhenBuffering?: boolean;
     showInTimeline?: boolean;
-    delayRenderTimeoutInMilliseconds?: number;
-    delayRenderRetries?: number;
-    loopVolumeCurveBehavior?: LoopVolumeCurveBehavior;
 };

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/audio/use-audio-frame.d.ts

@@ -1,7 +1,6 @@
 export declare const useMediaStartsAt: () => number;
-export type LoopVolumeCurveBehavior = 'repeat' | 'extend';
 /**
  * When passing a function as the prop for `volume`,
  * we calculate the way more intuitive value for currentFrame
  */
-export declare const useFrameForVolumeProp: (behavior: LoopVolumeCurveBehavior) => number;
+export declare const useFrameForVolumeProp: () => number;

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/audio/use-audio-frame.js

@@ -1,6 +1,5 @@
 import { useContext } from 'react';
 import { SequenceContext } from '../SequenceContext.js';
-import { Loop } from '../loop/index.js';
 import { useCurrentFrame } from '../use-current-frame.js';
 export const useMediaStartsAt = () => {
     var _a;
@@ -12,12 +11,8 @@ export const useMediaStartsAt = () => {
  * When passing a function as the prop for `volume`,
  * we calculate the way more intuitive value for currentFrame
  */
-export const useFrameForVolumeProp = (behavior) => {
-    const loop = Loop.useLoop();
+export const useFrameForVolumeProp = () => {
     const frame = useCurrentFrame();
     const startsAt = useMediaStartsAt();
-    if (behavior === 'repeat' || loop === null) {
-        return frame + startsAt;
-    }
-    return frame + startsAt + loop.durationInFrames * loop.iteration;
+    return frame + startsAt;
 };

package/.rollup.cache/Users/jonathanburger/remotion/packages/core/dist/esm/delay-render.d.ts

@@ -1,17 +1,11 @@
 export declare const DELAY_RENDER_CALLSTACK_TOKEN = "The delayRender was called:";
-export declare const DELAY_RENDER_RETRIES_LEFT = "Retries left: ";
-export declare const DELAY_RENDER_RETRY_TOKEN = "- Rendering the frame will be retried.";
-export type DelayRenderOptions = {
-    timeoutInMilliseconds?: number;
-    retries?: number;
-};
 /**
  * @description Call this function to tell Remotion to wait before capturing this frame until data has loaded. Use continueRender() to unblock the render.
  * @param label _optional_ A label to identify the call in case it does time out.
  * @returns {number} An identifier to be passed to continueRender().
  * @see [Documentation](https://www.remotion.dev/docs/delay-render)
  */
-export declare const delayRender: (label?: string, options?: DelayRenderOptions) => number;
+export declare const delayRender: (label?: string) => number;
 /**
  * @description Unblock a render that has been blocked by delayRender()
  * @param handle The return value of delayRender().