remotion 4.0.71 → 4.0.73

package/dist/cjs/audio/Audio.d.ts

@@ -11,5 +11,6 @@ export declare const Audio: React.ForwardRefExoticComponent<Pick<Omit<React.Deta
     acceptableTimeShiftInSeconds?: number | undefined;
     allowAmplificationDuringRender?: boolean | undefined;
     _remotionInternalNeedsDurationCalculation?: boolean | undefined;
+    _remotionInternalNativeLoopPassed?: boolean | undefined;
     toneFrequency?: number | undefined;
-} & RemotionMainAudioProps, "id" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "volume" | "allowAmplificationDuringRender" | "controlsList" | "crossOrigin" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "name" | "playbackRate" | "acceptableTimeShiftInSeconds" | "_remotionInternalNeedsDurationCalculation" | "toneFrequency" | keyof RemotionMainAudioProps> & React.RefAttributes<HTMLAudioElement>>;
+} & RemotionMainAudioProps, "id" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "volume" | "allowAmplificationDuringRender" | "controlsList" | "crossOrigin" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "name" | "playbackRate" | "acceptableTimeShiftInSeconds" | "_remotionInternalNeedsDurationCalculation" | "_remotionInternalNativeLoopPassed" | "toneFrequency" | keyof RemotionMainAudioProps> & React.RefAttributes<HTMLAudioElement>>;

package/dist/cjs/audio/Audio.js

@@ -19,7 +19,7 @@ const AudioForDevelopment_js_1 = require("./AudioForDevelopment.js");
 const AudioForRendering_js_1 = require("./AudioForRendering.js");
 const shared_audio_tags_js_1 = require("./shared-audio-tags.js");
 const AudioRefForwardingFunction = (props, ref) => {
-    var _a;
+    var _a, _b;
     const audioContext = (0, react_1.useContext)(shared_audio_tags_js_1.SharedAudioContext);
     const { startFrom, endAt, name, ...otherProps } = props;
     const { loop, ...propsOtherThanLoop } = props;
@@ -52,7 +52,7 @@ const AudioRefForwardingFunction = (props, ref) => {
                 mediaDuration: duration,
                 playbackRate: (_a = props.playbackRate) !== null && _a !== void 0 ? _a : 1,
                 startFrom,
-            }), children: (0, jsx_runtime_1.jsx)(exports.Audio, { ...propsOtherThanLoop, ref: ref }) }));
+            }), children: (0, jsx_runtime_1.jsx)(exports.Audio, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }) }));
     }
     if (typeof startFrom !== 'undefined' || typeof endAt !== 'undefined') {
         (0, validate_start_from_props_js_1.validateStartFromProps)(startFrom, endAt);
@@ -64,7 +64,7 @@ const AudioRefForwardingFunction = (props, ref) => {
     if (environment.isRendering) {
         return ((0, jsx_runtime_1.jsx)(AudioForRendering_js_1.AudioForRendering, { onDuration: onDuration, ...props, ref: ref, onError: onError, _remotionInternalNeedsDurationCalculation: Boolean(loop) }));
     }
-    return ((0, jsx_runtime_1.jsx)(AudioForDevelopment_js_1.AudioForDevelopment, { shouldPreMountAudioTags: audioContext !== null && audioContext.numberOfAudioTags > 0, ...props, ref: ref, onError: onError, onDuration: onDuration, _remotionInternalNeedsDurationCalculation: Boolean(loop) }));
+    return ((0, jsx_runtime_1.jsx)(AudioForDevelopment_js_1.AudioForDevelopment, { _remotionInternalNativeLoopPassed: (_b = props._remotionInternalNativeLoopPassed) !== null && _b !== void 0 ? _b : false, shouldPreMountAudioTags: audioContext !== null && audioContext.numberOfAudioTags > 0, ...props, ref: ref, onError: onError, onDuration: onDuration, _remotionInternalNeedsDurationCalculation: Boolean(loop) }));
 };
 /**
  * @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/AudioForDevelopment.d.ts

@@ -7,8 +7,10 @@ export declare const AudioForDevelopment: ForwardRefExoticComponent<Omit<React.D
     acceptableTimeShiftInSeconds?: number | undefined;
     allowAmplificationDuringRender?: boolean | undefined;
     _remotionInternalNeedsDurationCalculation?: boolean | undefined;
+    _remotionInternalNativeLoopPassed?: boolean | undefined;
     toneFrequency?: number | undefined;
 } & {
     shouldPreMountAudioTags: boolean;
     onDuration: (src: string, durationInSeconds: number) => void;
+    _remotionInternalNativeLoopPassed: boolean;
 } & RefAttributes<HTMLAudioElement>>;

package/dist/cjs/audio/AudioForDevelopment.js

@@ -21,7 +21,7 @@ const AudioForDevelopmentForwardRefFunction = (props, ref) => {
     const [mediaVolume] = (0, volume_position_state_js_1.useMediaVolumeState)();
     const [mediaMuted] = (0, volume_position_state_js_1.useMediaMutedState)();
     const volumePropFrame = (0, use_audio_frame_js_1.useFrameForVolumeProp)();
-    const { volume, muted, playbackRate, shouldPreMountAudioTags, src, onDuration, acceptableTimeShiftInSeconds, _remotionInternalNeedsDurationCalculation, allowAmplificationDuringRender, name, ...nativeProps } = props;
+    const { volume, muted, playbackRate, shouldPreMountAudioTags, src, onDuration, acceptableTimeShiftInSeconds, _remotionInternalNeedsDurationCalculation, _remotionInternalNativeLoopPassed, allowAmplificationDuringRender, name, ...nativeProps } = props;
     if (!src) {
         throw new TypeError("No 'src' was passed to <Audio>.");
     }
@@ -30,9 +30,16 @@ const AudioForDevelopmentForwardRefFunction = (props, ref) => {
         return {
             muted: muted || mediaMuted,
             src: preloadedSrc,
+            loop: _remotionInternalNativeLoopPassed,
             ...nativeProps,
         };
-    }, [mediaMuted, muted, nativeProps, preloadedSrc]);
+    }, [
+        _remotionInternalNativeLoopPassed,
+        mediaMuted,
+        muted,
+        nativeProps,
+        preloadedSrc,
+    ]);
     const sequenceContext = (0, react_1.useContext)(SequenceContext_js_1.SequenceContext);
     // Generate a string that's as unique as possible for this asset
     // but at the same time deterministic. We use it to combat strict mode issues.

package/dist/cjs/audio/AudioForRendering.d.ts

@@ -7,6 +7,7 @@ export declare const AudioForRendering: ForwardRefExoticComponent<Omit<React.Det
     acceptableTimeShiftInSeconds?: number | undefined;
     allowAmplificationDuringRender?: boolean | undefined;
     _remotionInternalNeedsDurationCalculation?: boolean | undefined;
+    _remotionInternalNativeLoopPassed?: boolean | undefined;
     toneFrequency?: number | undefined;
 } & {
     onDuration: (src: string, durationInSeconds: number) => void;

package/dist/cjs/audio/AudioForRendering.js

@@ -30,7 +30,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, acceptableTimeShiftInSeconds, name, ...nativeProps } = props;
+    const { volume: volumeProp, playbackRate, allowAmplificationDuringRender, onDuration, toneFrequency, _remotionInternalNeedsDurationCalculation, _remotionInternalNativeLoopPassed, acceptableTimeShiftInSeconds, name, ...nativeProps } = props;
     const volume = (0, volume_prop_js_1.evaluateVolume)({
         volume: volumeProp,
         frame: volumePropFrame,

package/dist/cjs/audio/props.d.ts

@@ -11,5 +11,6 @@ export type RemotionAudioProps = Omit<React.DetailedHTMLProps<React.AudioHTMLAtt
     acceptableTimeShiftInSeconds?: number;
     allowAmplificationDuringRender?: boolean;
     _remotionInternalNeedsDurationCalculation?: boolean;
+    _remotionInternalNativeLoopPassed?: boolean;
     toneFrequency?: number;
 };

package/dist/cjs/index.d.ts

@@ -81,11 +81,10 @@ export * from './IFrame.js';
 export { Img, ImgProps } from './Img.js';
 export * from './internals.js';
 export { interpolateColors } from './interpolate-colors.js';
-export { EasingFunction, ExtrapolateType, interpolate, InterpolateOptions, } from './interpolate.js';
 export { Loop } from './loop/index.js';
 export { ClipRegion } from './NativeLayers.js';
+export { EasingFunction, ExtrapolateType, interpolate, InterpolateOptions, random, RandomSeed, } from './no-react';
 export { prefetch } from './prefetch.js';
-export { random, RandomSeed } from './random.js';
 export { registerRoot } from './register-root.js';
 export { LayoutAndStyle, Sequence, SequenceProps, SequencePropsWithoutDuration, } from './Sequence.js';
 export { Series } from './series/index.js';

package/dist/cjs/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Config = exports.Experimental = exports.watchStaticFile = exports.useCurrentFrame = exports.staticFile = exports.Series = exports.Sequence = exports.registerRoot = exports.random = exports.prefetch = exports.Loop = exports.interpolate = exports.interpolateColors = exports.Img = exports.getStaticFiles = exports.getRemotionEnvironment = exports.delayRender = exports.continueRender = exports.getInputProps = exports.Composition = exports.cancelRender = void 0;
+exports.Config = exports.Experimental = exports.watchStaticFile = exports.useCurrentFrame = exports.staticFile = exports.Series = exports.Sequence = exports.registerRoot = exports.prefetch = exports.random = exports.interpolate = exports.Loop = exports.interpolateColors = exports.Img = exports.getStaticFiles = exports.getRemotionEnvironment = exports.delayRender = exports.continueRender = exports.getInputProps = exports.Composition = exports.cancelRender = void 0;
 require("./asset-types.js");
 const Clipper_js_1 = require("./Clipper.js");
 const is_player_js_1 = require("./is-player.js");
@@ -45,14 +45,13 @@ Object.defineProperty(exports, "Img", { enumerable: true, get: function () { ret
 __exportStar(require("./internals.js"), exports);
 var interpolate_colors_js_1 = require("./interpolate-colors.js");
 Object.defineProperty(exports, "interpolateColors", { enumerable: true, get: function () { return interpolate_colors_js_1.interpolateColors; } });
-var interpolate_js_1 = require("./interpolate.js");
-Object.defineProperty(exports, "interpolate", { enumerable: true, get: function () { return interpolate_js_1.interpolate; } });
 var index_js_1 = require("./loop/index.js");
 Object.defineProperty(exports, "Loop", { enumerable: true, get: function () { return index_js_1.Loop; } });
+var no_react_1 = require("./no-react");
+Object.defineProperty(exports, "interpolate", { enumerable: true, get: function () { return no_react_1.interpolate; } });
+Object.defineProperty(exports, "random", { enumerable: true, get: function () { return no_react_1.random; } });
 var prefetch_js_1 = require("./prefetch.js");
 Object.defineProperty(exports, "prefetch", { enumerable: true, get: function () { return prefetch_js_1.prefetch; } });
-var random_js_1 = require("./random.js");
-Object.defineProperty(exports, "random", { enumerable: true, get: function () { return random_js_1.random; } });
 var register_root_js_1 = require("./register-root.js");
 Object.defineProperty(exports, "registerRoot", { enumerable: true, get: function () { return register_root_js_1.registerRoot; } });
 var Sequence_js_1 = require("./Sequence.js");

package/dist/cjs/internals.d.ts

@@ -5,13 +5,9 @@ import type { CompositionManagerContext } from './CompositionManagerContext.js';
 import * as CSSUtils from './default-css.js';
 import type { RemotionEnvironment } from './get-remotion-environment.js';
 import type { SerializedJSONWithCustomFields } from './input-props-serialization.js';
-import { processColor } from './interpolate-colors.js';
 import type { SetTimelineContextValue, TimelineContextValue } from './timeline-position-state.js';
 import * as TimelinePosition from './timeline-position-state.js';
 import { truthy } from './truthy.js';
-import { validateDimension } from './validation/validate-dimensions.js';
-import { validateDurationInFrames } from './validation/validate-duration-in-frames.js';
-import { validateFps } from './validation/validate-fps.js';
 import type { MediaVolumeContextValue, SetMediaVolumeContextValue } from './volume-position-state.js';
 import type { WatchRemotionStaticFilesPayload } from './watch-static-file.js';
 import { useRemotionContexts } from './wrap-remotion-context.js';
@@ -41,10 +37,6 @@ export declare const Internals: {
     readonly setupEnvVariables: () => void;
     readonly MediaVolumeContext: import("react").Context<MediaVolumeContextValue>;
     readonly SetMediaVolumeContext: import("react").Context<SetMediaVolumeContextValue>;
-    readonly validateDurationInFrames: typeof validateDurationInFrames;
-    readonly validateFps: typeof validateFps;
-    readonly validateDefaultAndInputProps: (defaultProps: unknown, name: "defaultProps" | "inputProps", compositionId: string | null) => void;
-    readonly validateDimension: typeof validateDimension;
     readonly getRemotionEnvironment: () => RemotionEnvironment;
     readonly SharedAudioContext: import("react").Context<{
         registerAudio: (aud: import("./index.js").RemotionAudioProps, audioId: string) => {
@@ -73,7 +65,6 @@ export declare const Internals: {
     readonly compositionsRef: import("react").RefObject<{
         getCompositions: () => import("./CompositionManager.js").TCompMetadataWithCalcFunction<import("zod").AnyZodObject, Record<string, unknown>>[];
     }>;
-    readonly DELAY_RENDER_CALLSTACK_TOKEN: "The delayRender was called:";
     readonly portalNode: () => HTMLElement;
     readonly waitForRoot: (fn: (comp: import("react").FC<{}>) => void) => () => void;
     readonly CanUseRemotionHooksProvider: import("react").FC<{
@@ -90,17 +81,11 @@ export declare const Internals: {
         children?: import("react").ReactNode;
     }>;
     readonly useIsPlayer: () => boolean;
-    readonly validateFrame: ({ allowFloats, durationInFrames, frame, }: {
-        frame: number;
-        durationInFrames: number;
-        allowFloats: boolean;
-    }) => void;
     readonly EditorPropsProvider: import("react").FC<{
         children: import("react").ReactNode;
     }>;
     readonly EditorPropsContext: import("react").Context<import("./EditorProps.js").EditorPropsContextType>;
     readonly usePreload: (src: string) => string;
-    readonly processColor: typeof processColor;
     readonly NonceContext: import("react").Context<import("./nonce.js").TNonceContext>;
     readonly resolveVideoConfig: ({ composition, editorProps: editorPropsOrUndefined, signal, inputProps, }: {
         composition: import("./CompositionManager.js").TCompMetadataWithCalcFunction<import("zod").AnyZodObject, Record<string, unknown>>;
@@ -126,16 +111,8 @@ export declare const Internals: {
     }>>;
     readonly REMOTION_STUDIO_CONTAINER_ELEMENT: "__remotion-studio-container";
     readonly RenderAssetManager: import("react").Context<import("./RenderAssetManager.js").RenderAssetManagerContext>;
-    readonly bundleName: "bundle.js";
-    readonly bundleMapName: "bundle.js.map";
     readonly persistCurrentFrame: (frame: number, composition: string) => void;
     readonly useTimelineSetFrame: () => (u: import("react").SetStateAction<Record<string, number>>) => void;
-    readonly serializeJSONWithDate: ({ data, indent, staticBase, }: {
-        data: Record<string, unknown>;
-        indent: number | undefined;
-        staticBase: string | null;
-    }) => SerializedJSONWithCustomFields;
-    readonly deserializeJSONWithCustomFields: (data: string) => Record<string, unknown>;
     readonly FILE_TOKEN: "remotion-file:";
     readonly DATE_TOKEN: "remotion-date:";
     readonly NativeLayersProvider: import("react").FC<{

package/dist/cjs/internals.js

@@ -30,12 +30,10 @@ const Composition_js_1 = require("./Composition.js");
 const CompositionManager_js_1 = require("./CompositionManager.js");
 const CompositionManagerContext_js_1 = require("./CompositionManagerContext.js");
 const CSSUtils = __importStar(require("./default-css.js"));
-const delay_render_js_1 = require("./delay-render.js");
 const EditorProps_js_1 = require("./EditorProps.js");
 const get_preview_dom_element_js_1 = require("./get-preview-dom-element.js");
 const get_remotion_environment_js_1 = require("./get-remotion-environment.js");
 const input_props_serialization_js_1 = require("./input-props-serialization.js");
-const interpolate_colors_js_1 = require("./interpolate-colors.js");
 const is_player_js_1 = require("./is-player.js");
 const NativeLayers_js_1 = require("./NativeLayers.js");
 const nonce_js_1 = require("./nonce.js");
@@ -56,12 +54,7 @@ const truthy_js_1 = require("./truthy.js");
 const use_lazy_component_js_1 = require("./use-lazy-component.js");
 const use_unsafe_video_config_js_1 = require("./use-unsafe-video-config.js");
 const use_video_js_1 = require("./use-video.js");
-const validate_frame_js_1 = require("./validate-frame.js");
 const validate_composition_id_js_1 = require("./validation/validate-composition-id.js");
-const validate_default_props_js_1 = require("./validation/validate-default-props.js");
-const validate_dimensions_js_1 = require("./validation/validate-dimensions.js");
-const validate_duration_in_frames_js_1 = require("./validation/validate-duration-in-frames.js");
-const validate_fps_js_1 = require("./validation/validate-fps.js");
 const duration_state_js_1 = require("./video/duration-state.js");
 const video_fragment_js_1 = require("./video/video-fragment.js");
 const volume_position_state_js_1 = require("./volume-position-state.js");
@@ -88,10 +81,6 @@ exports.Internals = {
     setupEnvVariables: setup_env_variables_js_1.setupEnvVariables,
     MediaVolumeContext: volume_position_state_js_1.MediaVolumeContext,
     SetMediaVolumeContext: volume_position_state_js_1.SetMediaVolumeContext,
-    validateDurationInFrames: validate_duration_in_frames_js_1.validateDurationInFrames,
-    validateFps: validate_fps_js_1.validateFps,
-    validateDefaultAndInputProps: validate_default_props_js_1.validateDefaultAndInputProps,
-    validateDimension: validate_dimensions_js_1.validateDimension,
     getRemotionEnvironment: get_remotion_environment_js_1.getRemotionEnvironment,
     SharedAudioContext: shared_audio_tags_js_1.SharedAudioContext,
     SharedAudioContextProvider: shared_audio_tags_js_1.SharedAudioContextProvider,
@@ -99,7 +88,6 @@ exports.Internals = {
     isCompositionIdValid: validate_composition_id_js_1.isCompositionIdValid,
     getPreviewDomElement: get_preview_dom_element_js_1.getPreviewDomElement,
     compositionsRef: CompositionManager_js_1.compositionsRef,
-    DELAY_RENDER_CALLSTACK_TOKEN: delay_render_js_1.DELAY_RENDER_CALLSTACK_TOKEN,
     portalNode: portal_node_js_1.portalNode,
     waitForRoot: register_root_js_1.waitForRoot,
     CanUseRemotionHooksProvider: CanUseRemotionHooks_js_1.CanUseRemotionHooksProvider,
@@ -108,11 +96,9 @@ exports.Internals = {
     DurationsContextProvider: duration_state_js_1.DurationsContextProvider,
     IsPlayerContextProvider: is_player_js_1.IsPlayerContextProvider,
     useIsPlayer: is_player_js_1.useIsPlayer,
-    validateFrame: validate_frame_js_1.validateFrame,
     EditorPropsProvider: EditorProps_js_1.EditorPropsProvider,
     EditorPropsContext: EditorProps_js_1.EditorPropsContext,
     usePreload: prefetch_js_1.usePreload,
-    processColor: interpolate_colors_js_1.processColor,
     NonceContext: nonce_js_1.NonceContext,
     resolveVideoConfig: resolve_video_config_js_1.resolveVideoConfig,
     useResolvedVideoConfig: ResolveCompositionConfig_js_1.useResolvedVideoConfig,
@@ -120,12 +106,8 @@ exports.Internals = {
     ResolveCompositionConfig: ResolveCompositionConfig_js_1.ResolveCompositionConfig,
     REMOTION_STUDIO_CONTAINER_ELEMENT: get_preview_dom_element_js_1.REMOTION_STUDIO_CONTAINER_ELEMENT,
     RenderAssetManager: RenderAssetManager_js_1.RenderAssetManager,
-    bundleName: 'bundle.js',
-    bundleMapName: 'bundle.js.map',
     persistCurrentFrame: timeline_position_state_js_1.persistCurrentFrame,
     useTimelineSetFrame: timeline_position_state_js_1.useTimelineSetFrame,
-    serializeJSONWithDate: input_props_serialization_js_1.serializeJSONWithDate,
-    deserializeJSONWithCustomFields: input_props_serialization_js_1.deserializeJSONWithCustomFields,
     FILE_TOKEN: input_props_serialization_js_1.FILE_TOKEN,
     DATE_TOKEN: input_props_serialization_js_1.DATE_TOKEN,
     NativeLayersProvider: NativeLayers_js_1.NativeLayersProvider,

package/dist/cjs/no-react.d.ts

@@ -0,0 +1,32 @@
+export type { TRenderAsset } from './CompositionManager';
+export { EasingFunction, ExtrapolateType, interpolate, InterpolateOptions, } from './interpolate';
+export type { ClipRegion } from './NativeLayers';
+export { random, RandomSeed } from './random.js';
+export type { VideoConfig } from './video-config';
+import { processColor } from './interpolate-colors';
+import { truthy } from './truthy';
+import { validateDimension } from './validation/validate-dimensions';
+import { validateDurationInFrames } from './validation/validate-duration-in-frames';
+import { validateFps } from './validation/validate-fps';
+export declare const NoReactInternals: {
+    processColor: typeof processColor;
+    truthy: typeof truthy;
+    validateFps: typeof validateFps;
+    validateDimension: typeof validateDimension;
+    validateDurationInFrames: typeof validateDurationInFrames;
+    validateDefaultAndInputProps: (defaultProps: unknown, name: "defaultProps" | "inputProps", compositionId: string | null) => void;
+    validateFrame: ({ allowFloats, durationInFrames, frame, }: {
+        frame: number;
+        durationInFrames: number;
+        allowFloats: boolean;
+    }) => void;
+    serializeJSONWithDate: ({ data, indent, staticBase, }: {
+        data: Record<string, unknown>;
+        indent: number | undefined;
+        staticBase: string | null;
+    }) => import("./input-props-serialization").SerializedJSONWithCustomFields;
+    bundleName: string;
+    bundleMapName: string;
+    deserializeJSONWithCustomFields: (data: string) => Record<string, unknown>;
+    DELAY_RENDER_CALLSTACK_TOKEN: string;
+};

package/dist/cjs/no-react.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoReactInternals = exports.random = exports.interpolate = void 0;
+var interpolate_1 = require("./interpolate");
+Object.defineProperty(exports, "interpolate", { enumerable: true, get: function () { return interpolate_1.interpolate; } });
+var random_js_1 = require("./random.js");
+Object.defineProperty(exports, "random", { enumerable: true, get: function () { return random_js_1.random; } });
+const delay_render_1 = require("./delay-render");
+const input_props_serialization_1 = require("./input-props-serialization");
+const interpolate_colors_1 = require("./interpolate-colors");
+const truthy_1 = require("./truthy");
+const validate_frame_1 = require("./validate-frame");
+const validate_default_props_1 = require("./validation/validate-default-props");
+const validate_dimensions_1 = require("./validation/validate-dimensions");
+const validate_duration_in_frames_1 = require("./validation/validate-duration-in-frames");
+const validate_fps_1 = require("./validation/validate-fps");
+exports.NoReactInternals = {
+    processColor: interpolate_colors_1.processColor,
+    truthy: truthy_1.truthy,
+    validateFps: validate_fps_1.validateFps,
+    validateDimension: validate_dimensions_1.validateDimension,
+    validateDurationInFrames: validate_duration_in_frames_1.validateDurationInFrames,
+    validateDefaultAndInputProps: validate_default_props_1.validateDefaultAndInputProps,
+    validateFrame: validate_frame_1.validateFrame,
+    serializeJSONWithDate: input_props_serialization_1.serializeJSONWithDate,
+    bundleName: 'bundle.js',
+    bundleMapName: 'bundle.js.map',
+    deserializeJSONWithCustomFields: input_props_serialization_1.deserializeJSONWithCustomFields,
+    DELAY_RENDER_CALLSTACK_TOKEN: delay_render_1.DELAY_RENDER_CALLSTACK_TOKEN,
+};

package/dist/cjs/use-media-playback.js

@@ -30,6 +30,14 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
     const { fps } = (0, use_video_config_js_1.useVideoConfig)();
     const mediaStartsAt = (0, use_audio_frame_js_1.useMediaStartsAt)();
     const playbackRate = localPlaybackRate * globalPlaybackRate;
+    // For short audio, a lower acceptable time shift is used
+    const acceptableTimeShiftButLessThanDuration = (() => {
+        var _a;
+        if ((_a = mediaRef.current) === null || _a === void 0 ? void 0 : _a.duration) {
+            return Math.min(mediaRef.current.duration, acceptableTimeshift !== null && acceptableTimeshift !== void 0 ? acceptableTimeshift : exports.DEFAULT_ACCEPTABLE_TIMESHIFT);
+        }
+        return acceptableTimeshift;
+    })();
     (0, react_1.useEffect)(() => {
         var _a;
         if (!playing) {
@@ -62,7 +70,7 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
             : desiredUnclampedTime;
         const isTime = mediaRef.current.currentTime;
         const timeShift = Math.abs(shouldBeTime - isTime);
-        if (timeShift > acceptableTimeshift) {
+        if (timeShift > acceptableTimeShiftButLessThanDuration) {
             // If scrubbing around, adjust timing
             // or if time shift is bigger than 0.45sec
             seek(mediaRef, shouldBeTime);
@@ -101,6 +109,7 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
         localPlaybackRate,
         onlyWarnForMediaSeekingError,
         acceptableTimeshift,
+        acceptableTimeShiftButLessThanDuration,
     ]);
 };
 exports.useMediaPlayback = useMediaPlayback;

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.0.71";
+export declare const VERSION = "4.0.73";

package/dist/cjs/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 // Automatically generated on publish
-exports.VERSION = '4.0.71';
+exports.VERSION = '4.0.73';

package/dist/cjs/video/OffthreadVideo.js

@@ -36,6 +36,6 @@ const OffthreadVideo = (props) => {
         return (0, jsx_runtime_1.jsx)(OffthreadVideoForRendering_js_1.OffthreadVideoForRendering, { ...otherProps });
     }
     const { transparent, ...withoutTransparent } = otherProps;
-    return ((0, jsx_runtime_1.jsx)(VideoForDevelopment_js_1.VideoForDevelopment, { onDuration: onDuration, onlyWarnForMediaSeekingError: true, ...withoutTransparent }));
+    return ((0, jsx_runtime_1.jsx)(VideoForDevelopment_js_1.VideoForDevelopment, { _remotionInternalNativeLoopPassed: false, onDuration: onDuration, onlyWarnForMediaSeekingError: true, ...withoutTransparent }));
 };
 exports.OffthreadVideo = OffthreadVideo;

package/dist/cjs/video/Video.js

@@ -18,7 +18,7 @@ const VideoForDevelopment_js_1 = require("./VideoForDevelopment.js");
 const VideoForRendering_js_1 = require("./VideoForRendering.js");
 const VideoForwardingFunction = (props, ref) => {
     var _a;
-    const { startFrom, endAt, name, ...otherProps } = props;
+    const { startFrom, endAt, name, _remotionInternalNativeLoopPassed, ...otherProps } = props;
     const { loop, ...propsOtherThanLoop } = props;
     const { fps } = (0, use_video_config_js_1.useVideoConfig)();
     const environment = (0, get_remotion_environment_js_1.getRemotionEnvironment)();
@@ -40,7 +40,7 @@ const VideoForwardingFunction = (props, ref) => {
                 mediaDuration,
                 playbackRate: (_a = props.playbackRate) !== null && _a !== void 0 ? _a : 1,
                 startFrom,
-            }), layout: "none", name: name, children: (0, jsx_runtime_1.jsx)(exports.Video, { ...propsOtherThanLoop, ref: ref }) }));
+            }), layout: "none", name: name, children: (0, jsx_runtime_1.jsx)(exports.Video, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }) }));
     }
     if (typeof startFrom !== 'undefined' || typeof endAt !== 'undefined') {
         (0, validate_start_from_props_js_1.validateStartFromProps)(startFrom, endAt);
@@ -52,7 +52,7 @@ const VideoForwardingFunction = (props, ref) => {
     if (environment.isRendering) {
         return ((0, jsx_runtime_1.jsx)(VideoForRendering_js_1.VideoForRendering, { onDuration: onDuration, ...otherProps, ref: ref }));
     }
-    return ((0, jsx_runtime_1.jsx)(VideoForDevelopment_js_1.VideoForDevelopment, { onlyWarnForMediaSeekingError: false, ...otherProps, ref: ref, onDuration: onDuration }));
+    return ((0, jsx_runtime_1.jsx)(VideoForDevelopment_js_1.VideoForDevelopment, { onlyWarnForMediaSeekingError: false, ...otherProps, ref: ref, onDuration: onDuration, _remotionInternalNativeLoopPassed: _remotionInternalNativeLoopPassed !== null && _remotionInternalNativeLoopPassed !== void 0 ? _remotionInternalNativeLoopPassed : false }));
 };
 const forward = react_1.forwardRef;
 /**

package/dist/cjs/video/VideoForDevelopment.d.ts

@@ -10,4 +10,5 @@ export declare const VideoForDevelopment: ForwardRefExoticComponent<Omit<React.D
 } & {
     onlyWarnForMediaSeekingError: boolean;
     onDuration: (src: string, durationInSeconds: number) => void;
+    _remotionInternalNativeLoopPassed: boolean;
 } & RefAttributes<HTMLVideoElement>>;

package/dist/cjs/video/VideoForDevelopment.js

@@ -21,7 +21,7 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
     const parentSequence = (0, react_1.useContext)(SequenceContext_js_1.SequenceContext);
     const { volume, muted, playbackRate, onlyWarnForMediaSeekingError, src, onDuration, 
     // @ts-expect-error
-    acceptableTimeShift, acceptableTimeShiftInSeconds, toneFrequency, name, ...nativeProps } = props;
+    acceptableTimeShift, acceptableTimeShiftInSeconds, toneFrequency, name, _remotionInternalNativeLoopPassed, ...nativeProps } = props;
     if (typeof acceptableTimeShift !== 'undefined') {
         throw new Error('acceptableTimeShift has been removed. Use acceptableTimeShiftInSeconds instead.');
     }
@@ -129,7 +129,7 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
             current.preload = 'auto';
         }
     }, []);
-    return ((0, jsx_runtime_1.jsx)("video", { ref: videoRef, muted: muted || mediaMuted, playsInline: true, src: actualSrc, ...nativeProps }));
+    return ((0, jsx_runtime_1.jsx)("video", { ref: videoRef, muted: muted || mediaMuted, playsInline: true, src: actualSrc, loop: _remotionInternalNativeLoopPassed, ...nativeProps }));
 };
 // Copy types from forwardRef but not necessary to remove ref
 exports.VideoForDevelopment = (0, react_1.forwardRef)(VideoForDevelopmentRefForwardingFunction);

package/dist/cjs/video/VideoForRendering.js

@@ -17,7 +17,7 @@ const use_unsafe_video_config_js_1 = require("../use-unsafe-video-config.js");
 const volume_prop_js_1 = require("../volume-prop.js");
 const warn_about_non_seekable_media_js_1 = require("../warn-about-non-seekable-media.js");
 const get_current_time_js_1 = require("./get-current-time.js");
-const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAmplificationDuringRender, playbackRate, onDuration, toneFrequency, name, ...props }, ref) => {
+const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAmplificationDuringRender, playbackRate, onDuration, toneFrequency, name, acceptableTimeShiftInSeconds, ...props }, ref) => {
     const absoluteFrame = (0, timeline_position_state_js_1.useTimelinePosition)();
     const frame = (0, use_current_frame_js_1.useCurrentFrame)();
     const volumePropsFrame = (0, use_audio_frame_js_1.useFrameForVolumeProp)();

package/dist/cjs/video/props.d.ts

@@ -3,6 +3,10 @@ import type { VolumeProp } from '../volume-prop.js';
 export type RemotionMainVideoProps = {
     startFrom?: number;
     endAt?: number;
+    /**
+     * @deprecated Only for internal `transparent` use
+     */
+    _remotionInternalNativeLoopPassed?: boolean;
 };
 export type RemotionVideoProps = Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, 'autoPlay' | 'controls' | 'onEnded' | 'nonce'> & {
     name?: string;