remotion 4.0.354 → 4.0.356

package/dist/cjs/CompositionManager.d.ts

@@ -66,7 +66,7 @@ export type AudioOrVideoAsset = {
     volume: number;
     mediaFrame: number;
     playbackRate: number;
-    toneFrequency: number | null;
+    toneFrequency: number;
     audioStartFrame: number;
     audioStreamIndex: number;
 };

package/dist/cjs/Sequence.js

@@ -72,6 +72,8 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Inf
             width: (_c = width !== null && width !== void 0 ? width : parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.width) !== null && _c !== void 0 ? _c : null,
             premounting,
             postmounting,
+            premountDisplay: premountDisplay !== null && premountDisplay !== void 0 ? premountDisplay : null,
+            postmountDisplay: postmountDisplay !== null && postmountDisplay !== void 0 ? postmountDisplay : null,
         };
     }, [
         cumulatedFrom,
@@ -83,6 +85,8 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Inf
         width,
         premounting,
         postmounting,
+        premountDisplay,
+        postmountDisplay,
     ]);
     const timelineClipName = (0, react_1.useMemo)(() => {
         return name !== null && name !== void 0 ? name : '';

package/dist/cjs/SequenceContext.d.ts

@@ -9,4 +9,6 @@ export type SequenceContextType = {
     height: number | null;
     premounting: boolean;
     postmounting: boolean;
+    premountDisplay: number | null;
+    postmountDisplay: number | null;
 };

package/dist/cjs/audio/Audio.js

@@ -67,17 +67,17 @@ const AudioRefForwardingFunction = (props, ref) => {
         }
         const duration = durationFetched * fps;
         return ((0, jsx_runtime_1.jsx)(index_js_1.Loop, { layout: "none", durationInFrames: (0, calculate_loop_js_1.calculateLoopDuration)({
-                endAt: trimAfterValue !== null && trimAfterValue !== void 0 ? trimAfterValue : endAt,
+                endAt: trimAfterValue,
                 mediaDuration: duration,
                 playbackRate: (_b = props.playbackRate) !== null && _b !== void 0 ? _b : 1,
-                startFrom: trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : startFrom,
+                startFrom: trimBeforeValue,
             }), children: (0, jsx_runtime_1.jsx)(exports.Audio, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }) }));
     }
     if (typeof trimBeforeValue !== 'undefined' ||
         typeof trimAfterValue !== 'undefined') {
         return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: 0 - (trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : 0), showInTimeline: false, durationInFrames: trimAfterValue, name: name, children: (0, jsx_runtime_1.jsx)(exports.Audio, { _remotionInternalNeedsDurationCalculation: Boolean(loop), pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, ...otherProps, ref: ref }) }));
     }
-    (0, validate_media_props_js_1.validateMediaProps)(props, 'Audio');
+    (0, validate_media_props_js_1.validateMediaProps)({ playbackRate: props.playbackRate, volume: props.volume }, 'Audio');
     if (environment.isRendering) {
         return ((0, jsx_runtime_1.jsx)(AudioForRendering_js_1.AudioForRendering, { onDuration: onDuration, ...props, ref: ref, onNativeError: onError, _remotionInternalNeedsDurationCalculation: Boolean(loop) }));
     }

package/dist/cjs/audio/AudioForPreview.js

@@ -18,7 +18,7 @@ const volume_safeguard_js_1 = require("../volume-safeguard.js");
 const shared_audio_tags_js_1 = require("./shared-audio-tags.js");
 const use_audio_frame_js_1 = require("./use-audio-frame.js");
 const AudioForDevelopmentForwardRefFunction = (props, ref) => {
-    var _a;
+    var _a, _b, _c;
     const [initialShouldPreMountAudioElements] = (0, react_1.useState)(props.shouldPreMountAudioTags);
     if (props.shouldPreMountAudioTags !== initialShouldPreMountAudioElements) {
         throw new Error('Cannot change the behavior for pre-mounting audio tags dynamically.');
@@ -100,8 +100,8 @@ const AudioForDevelopmentForwardRefFunction = (props, ref) => {
         id: timelineId,
         stack: _remotionInternalStack,
         showInTimeline,
-        premountDisplay: null,
-        postmountDisplay: null,
+        premountDisplay: (_b = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.premountDisplay) !== null && _b !== void 0 ? _b : null,
+        postmountDisplay: (_c = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.postmountDisplay) !== null && _c !== void 0 ? _c : null,
         onAutoPlayError: null,
         isPremounting: Boolean(sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.premounting),
         isPostmounting: Boolean(sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.postmounting),

package/dist/cjs/audio/AudioForRendering.js

@@ -64,7 +64,7 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
             volume,
             mediaFrame: frame,
             playbackRate: (_a = props.playbackRate) !== null && _a !== void 0 ? _a : 1,
-            toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : null,
+            toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : 1,
             audioStartFrame: Math.max(0, -((_b = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom) !== null && _b !== void 0 ? _b : 0)),
             audioStreamIndex: audioStreamIndex !== null && audioStreamIndex !== void 0 ? audioStreamIndex : 0,
         });

package/dist/cjs/internals.d.ts

@@ -28,7 +28,10 @@ export declare const Internals: {
         trimBefore: number | undefined;
         trimAfter: number | undefined;
     }) => void;
-    readonly validateMediaProps: (props: import("./index.js").RemotionVideoProps | import("./index.js").RemotionAudioProps | import("./index.js").OffthreadVideoProps, component: "Video" | "Audio") => void;
+    readonly validateMediaProps: (props: {
+        volume: import("./volume-prop.js").VolumeProp | undefined;
+        playbackRate: number | undefined;
+    }, component: "Video" | "Audio") => void;
     readonly resolveTrimProps: ({ startFrom, endAt, trimBefore, trimAfter, }: {
         startFrom: number | undefined;
         endAt: number | undefined;
@@ -308,5 +311,6 @@ export declare const Internals: {
         readonly onNativeError: React.ReactEventHandler<HTMLAudioElement>;
     }, "ref"> & import("react").RefAttributes<HTMLAudioElement>>;
     readonly OBJECTFIT_CONTAIN_CLASS_NAME: "__remotion_objectfitcontain";
+    readonly InnerOffthreadVideo: import("react").FC<import("./video/props.js").AllOffthreadVideoProps>;
 };
 export type { CompositionManagerContext, CompProps, LoggingContextValue, MediaVolumeContextValue, RemotionEnvironment, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TCompMetadata, TComposition, TimelineContextValue, TRenderAsset, TSequence, WatchRemotionStaticFilesPayload, };

package/dist/cjs/internals.js

@@ -78,6 +78,7 @@ const validate_start_from_props_js_1 = require("./validate-start-from-props.js")
 const validate_artifact_js_1 = require("./validation/validate-artifact.js");
 const validate_composition_id_js_1 = require("./validation/validate-composition-id.js");
 const duration_state_js_1 = require("./video/duration-state.js");
+const OffthreadVideo_js_1 = require("./video/OffthreadVideo.js");
 const video_fragment_js_1 = require("./video/video-fragment.js");
 const VideoForPreview_js_1 = require("./video/VideoForPreview.js");
 const volume_position_state_js_1 = require("./volume-position-state.js");
@@ -169,4 +170,5 @@ exports.Internals = {
     warnAboutTooHighVolume: volume_safeguard_js_1.warnAboutTooHighVolume,
     AudioForPreview: AudioForPreview_js_1.AudioForPreview,
     OBJECTFIT_CONTAIN_CLASS_NAME: default_css_js_1.OBJECTFIT_CONTAIN_CLASS_NAME,
+    InnerOffthreadVideo: OffthreadVideo_js_1.InnerOffthreadVideo,
 };

package/dist/cjs/validate-media-props.d.ts

@@ -1,4 +1,5 @@
-import type { RemotionAudioProps } from './audio/index.js';
-import type { RemotionVideoProps } from './video/index.js';
-import type { RemotionOffthreadVideoProps } from './video/props.js';
-export declare const validateMediaProps: (props: RemotionVideoProps | RemotionAudioProps | RemotionOffthreadVideoProps, component: "Video" | "Audio") => void;
+import type { VolumeProp } from './volume-prop.js';
+export declare const validateMediaProps: (props: {
+    volume: VolumeProp | undefined;
+    playbackRate: number | undefined;
+}, component: "Video" | "Audio") => void;

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.354";
+export declare const VERSION = "4.0.356";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.354';
+exports.VERSION = '4.0.356';

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

@@ -1,3 +1,4 @@
 import React from 'react';
-import type { RemotionOffthreadVideoProps } from './props.js';
+import type { AllOffthreadVideoProps, RemotionOffthreadVideoProps } from './props.js';
+export declare const InnerOffthreadVideo: React.FC<AllOffthreadVideoProps>;
 export declare const OffthreadVideo: React.FC<RemotionOffthreadVideoProps>;

package/dist/cjs/video/OffthreadVideo.js

@@ -1,19 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.OffthreadVideo = void 0;
+exports.OffthreadVideo = exports.InnerOffthreadVideo = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const Sequence_js_1 = require("../Sequence.js");
+const enable_sequence_stack_traces_js_1 = require("../enable-sequence-stack-traces.js");
 const use_remotion_environment_js_1 = require("../use-remotion-environment.js");
 const validate_media_props_js_1 = require("../validate-media-props.js");
 const validate_start_from_props_js_1 = require("../validate-start-from-props.js");
 const OffthreadVideoForRendering_js_1 = require("./OffthreadVideoForRendering.js");
 const VideoForPreview_js_1 = require("./VideoForPreview.js");
-/*
- * @description This method imports and displays a video, similar to <Video />. During rendering, it extracts the exact frame from the video and displays it in an <img> tag
- * @see [Documentation](https://www.remotion.dev/docs/offthreadvideo)
- */
-const OffthreadVideo = (props) => {
+const InnerOffthreadVideo = (props) => {
     // Should only destruct `startFrom` and `endAt` from props,
     // rest gets drilled down
     const { startFrom, endAt, trimBefore, trimAfter, name, pauseWhenBuffering, stack, showInTimeline, ...otherProps } = props;
@@ -22,9 +19,6 @@ const OffthreadVideo = (props) => {
     if (typeof props.src !== 'string') {
         throw new TypeError(`The \`<OffthreadVideo>\` tag requires a string for \`src\`, but got ${JSON.stringify(props.src)} instead.`);
     }
-    if (props.imageFormat) {
-        throw new TypeError(`The \`<OffthreadVideo>\` tag does no longer accept \`imageFormat\`. Use the \`transparent\` prop if you want to render a transparent video.`);
-    }
     (0, validate_start_from_props_js_1.validateMediaTrimProps)({ startFrom, endAt, trimBefore, trimAfter });
     const { trimBeforeValue, trimAfterValue } = (0, validate_start_from_props_js_1.resolveTrimProps)({
         startFrom,
@@ -34,13 +28,25 @@ const OffthreadVideo = (props) => {
     });
     if (typeof trimBeforeValue !== 'undefined' ||
         typeof trimAfterValue !== 'undefined') {
-        return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: 0 - (trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : 0), showInTimeline: false, durationInFrames: trimAfterValue, name: name, children: (0, jsx_runtime_1.jsx)(exports.OffthreadVideo, { pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, ...otherProps }) }));
+        return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: 0 - (trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : 0), showInTimeline: false, durationInFrames: trimAfterValue, name: name, children: (0, jsx_runtime_1.jsx)(exports.InnerOffthreadVideo, { pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, ...otherProps, trimAfter: undefined, name: undefined, showInTimeline: showInTimeline, trimBefore: undefined, stack: undefined, startFrom: undefined, endAt: undefined }) }));
     }
     (0, validate_media_props_js_1.validateMediaProps)(props, 'Video');
     if (environment.isRendering) {
-        return (0, jsx_runtime_1.jsx)(OffthreadVideoForRendering_js_1.OffthreadVideoForRendering, { ...otherProps });
+        return ((0, jsx_runtime_1.jsx)(OffthreadVideoForRendering_js_1.OffthreadVideoForRendering, { pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, ...otherProps, trimAfter: undefined, name: undefined, showInTimeline: showInTimeline, trimBefore: undefined, stack: undefined, startFrom: undefined, endAt: undefined }));
     }
     const { transparent, toneMapped, onAutoPlayError, onVideoFrame, crossOrigin, delayRenderRetries, delayRenderTimeoutInMilliseconds, ...propsForPreview } = otherProps;
-    return ((0, jsx_runtime_1.jsx)(VideoForPreview_js_1.VideoForPreview, { _remotionInternalStack: stack !== null && stack !== void 0 ? stack : null, _remotionInternalNativeLoopPassed: false, onDuration: onDuration, onlyWarnForMediaSeekingError: true, pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, showInTimeline: showInTimeline !== null && showInTimeline !== void 0 ? showInTimeline : true, onAutoPlayError: onAutoPlayError !== null && onAutoPlayError !== void 0 ? onAutoPlayError : undefined, onVideoFrame: onVideoFrame !== null && onVideoFrame !== void 0 ? onVideoFrame : null, crossOrigin: crossOrigin, ...propsForPreview }));
+    return ((0, jsx_runtime_1.jsx)(VideoForPreview_js_1.VideoForPreview, { _remotionInternalStack: stack !== null && stack !== void 0 ? stack : null, onDuration: onDuration, onlyWarnForMediaSeekingError: true, pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, showInTimeline: showInTimeline !== null && showInTimeline !== void 0 ? showInTimeline : true, onAutoPlayError: onAutoPlayError !== null && onAutoPlayError !== void 0 ? onAutoPlayError : undefined, onVideoFrame: onVideoFrame !== null && onVideoFrame !== void 0 ? onVideoFrame : null, crossOrigin: crossOrigin, ...propsForPreview, _remotionInternalNativeLoopPassed: false }));
+};
+exports.InnerOffthreadVideo = InnerOffthreadVideo;
+/*
+ * @description This method imports and displays a video, similar to <Video />. During rendering, it extracts the exact frame from the video and displays it in an <img> tag
+ * @see [Documentation](https://www.remotion.dev/docs/offthreadvideo)
+ */
+const OffthreadVideo = ({ src, acceptableTimeShiftInSeconds, allowAmplificationDuringRender, audioStreamIndex, className, crossOrigin, delayRenderRetries, delayRenderTimeoutInMilliseconds, id, loopVolumeCurveBehavior, muted, name, onAutoPlayError, onError, onVideoFrame, pauseWhenBuffering, playbackRate, showInTimeline, style, toneFrequency, toneMapped, transparent, trimAfter, trimBefore, useWebAudioApi, volume, _remotionInternalNativeLoopPassed, endAt, stack, startFrom, imageFormat, }) => {
+    if (imageFormat) {
+        throw new TypeError(`The \`<OffthreadVideo>\` tag does no longer accept \`imageFormat\`. Use the \`transparent\` prop if you want to render a transparent video.`);
+    }
+    return ((0, jsx_runtime_1.jsx)(exports.InnerOffthreadVideo, { acceptableTimeShiftInSeconds: acceptableTimeShiftInSeconds, allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : true, audioStreamIndex: audioStreamIndex !== null && audioStreamIndex !== void 0 ? audioStreamIndex : 0, className: className, crossOrigin: crossOrigin, delayRenderRetries: delayRenderRetries, delayRenderTimeoutInMilliseconds: delayRenderTimeoutInMilliseconds, id: id, loopVolumeCurveBehavior: loopVolumeCurveBehavior !== null && loopVolumeCurveBehavior !== void 0 ? loopVolumeCurveBehavior : 'repeat', muted: muted !== null && muted !== void 0 ? muted : false, name: name, onAutoPlayError: onAutoPlayError !== null && onAutoPlayError !== void 0 ? onAutoPlayError : null, onError: onError, onVideoFrame: onVideoFrame, pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : true, playbackRate: playbackRate !== null && playbackRate !== void 0 ? playbackRate : 1, toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : 1, showInTimeline: showInTimeline !== null && showInTimeline !== void 0 ? showInTimeline : true, src: src, stack: stack, startFrom: startFrom, _remotionInternalNativeLoopPassed: _remotionInternalNativeLoopPassed !== null && _remotionInternalNativeLoopPassed !== void 0 ? _remotionInternalNativeLoopPassed : false, endAt: endAt, style: style, toneMapped: toneMapped !== null && toneMapped !== void 0 ? toneMapped : true, transparent: transparent !== null && transparent !== void 0 ? transparent : false, trimAfter: trimAfter, trimBefore: trimBefore, useWebAudioApi: useWebAudioApi !== null && useWebAudioApi !== void 0 ? useWebAudioApi : false, volume: volume }));
 };
 exports.OffthreadVideo = OffthreadVideo;
+(0, enable_sequence_stack_traces_js_1.addSequenceStackTraces)(exports.OffthreadVideo);

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

@@ -1,3 +1,3 @@
 import React from 'react';
-import type { RemotionOffthreadVideoProps } from './props.js';
-export declare const OffthreadVideoForRendering: React.FC<RemotionOffthreadVideoProps>;
+import type { AllOffthreadVideoProps } from './props.js';
+export declare const OffthreadVideoForRendering: React.FC<AllOffthreadVideoProps>;

package/dist/cjs/video/OffthreadVideoForRendering.js

@@ -20,13 +20,13 @@ const volume_prop_js_1 = require("../volume-prop.js");
 const volume_safeguard_js_1 = require("../volume-safeguard.js");
 const get_current_time_js_1 = require("./get-current-time.js");
 const offthread_video_source_js_1 = require("./offthread-video-source.js");
-const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate, src, muted, allowAmplificationDuringRender, transparent = false, toneMapped = true, toneFrequency, name, loopVolumeCurveBehavior, delayRenderRetries, delayRenderTimeoutInMilliseconds, onVideoFrame, 
+const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate, src, muted, allowAmplificationDuringRender, transparent, toneMapped, toneFrequency, name, loopVolumeCurveBehavior, delayRenderRetries, delayRenderTimeoutInMilliseconds, onVideoFrame, 
 // Remove crossOrigin prop during rendering
 // https://discord.com/channels/809501355504959528/844143007183667220/1311639632496033813
 crossOrigin, audioStreamIndex, ...props }) => {
     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)(loopVolumeCurveBehavior !== null && loopVolumeCurveBehavior !== void 0 ? loopVolumeCurveBehavior : 'repeat');
+    const volumePropsFrame = (0, use_audio_frame_js_1.useFrameForVolumeProp)(loopVolumeCurveBehavior);
     const videoConfig = (0, use_unsafe_video_config_js_1.useUnsafeVideoConfig)();
     const sequenceContext = (0, react_1.useContext)(SequenceContext_js_1.SequenceContext);
     const mediaStartsAt = (0, use_audio_frame_js_1.useMediaStartsAt)();
@@ -36,7 +36,7 @@ crossOrigin, audioStreamIndex, ...props }) => {
     }
     // Generate a string that's as unique as possible for this asset
     // but at the same time the same on all threads
-    const id = (0, react_1.useMemo)(() => `offthreadvideo-${(0, random_js_1.random)(src !== null && src !== void 0 ? src : '')}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.cumulatedFrom}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.durationInFrames}`, [
+    const id = (0, react_1.useMemo)(() => `offthreadvideo-${(0, random_js_1.random)(src)}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.cumulatedFrom}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom}-${sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.durationInFrames}`, [
         src,
         sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.cumulatedFrom,
         sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom,
@@ -72,10 +72,10 @@ crossOrigin, audioStreamIndex, ...props }) => {
             frame: absoluteFrame,
             volume,
             mediaFrame: frame,
-            playbackRate: playbackRate !== null && playbackRate !== void 0 ? playbackRate : 1,
-            toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : null,
+            playbackRate,
+            toneFrequency,
             audioStartFrame: Math.max(0, -((_a = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom) !== null && _a !== void 0 ? _a : 0)),
-            audioStreamIndex: audioStreamIndex !== null && audioStreamIndex !== void 0 ? audioStreamIndex : 0,
+            audioStreamIndex,
         });
         return () => unregisterRenderAsset(id);
     }, [
@@ -206,6 +206,6 @@ crossOrigin, audioStreamIndex, ...props }) => {
         return null;
     }
     continueRender(imageSrc.handle);
-    return ((0, jsx_runtime_1.jsx)(Img_js_1.Img, { src: imageSrc.src, className: className, delayRenderRetries: delayRenderRetries, delayRenderTimeoutInMilliseconds: delayRenderTimeoutInMilliseconds, onImageFrame: onImageFrame, ...props, onError: onErr }));
+    return ((0, jsx_runtime_1.jsx)(Img_js_1.Img, { src: imageSrc.src, delayRenderRetries: delayRenderRetries, delayRenderTimeoutInMilliseconds: delayRenderTimeoutInMilliseconds, onImageFrame: onImageFrame, ...props, onError: onErr, className: className }));
 };
 exports.OffthreadVideoForRendering = OffthreadVideoForRendering;

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import type { RemotionMainVideoProps } from './props';
 export declare const Video: React.ForwardRefExoticComponent<Omit<import("./props").NativeVideoProps & {
     name?: string;
     volume?: import("../volume-prop.js").VolumeProp;
@@ -16,7 +15,7 @@ export declare const Video: React.ForwardRefExoticComponent<Omit<import("./props
     onError?: (err: Error) => void;
     onAutoPlayError?: null | (() => void);
     audioStreamIndex?: number;
-} & RemotionMainVideoProps & {
+} & Partial<import("./props").CommonVideoProps> & {
     /**
      * @deprecated For internal use only
      */

package/dist/cjs/video/Video.js

@@ -49,17 +49,17 @@ const VideoForwardingFunction = (props, ref) => {
         }
         const mediaDuration = durationFetched * fps;
         return ((0, jsx_runtime_1.jsx)(index_js_1.Loop, { durationInFrames: (0, calculate_loop_js_1.calculateLoopDuration)({
-                endAt: trimAfterValue !== null && trimAfterValue !== void 0 ? trimAfterValue : undefined,
+                endAt: trimAfterValue,
                 mediaDuration,
                 playbackRate: (_b = props.playbackRate) !== null && _b !== void 0 ? _b : 1,
-                startFrom: trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : undefined,
+                startFrom: trimBeforeValue,
             }), layout: "none", name: name, children: (0, jsx_runtime_1.jsx)(exports.Video, { ...propsOtherThanLoop, ref: ref, _remotionInternalNativeLoopPassed: true }) }));
     }
     if (typeof trimBeforeValue !== 'undefined' ||
         typeof trimAfterValue !== 'undefined') {
         return ((0, jsx_runtime_1.jsx)(Sequence_js_1.Sequence, { layout: "none", from: 0 - (trimBeforeValue !== null && trimBeforeValue !== void 0 ? trimBeforeValue : 0), showInTimeline: false, durationInFrames: trimAfterValue, name: name, children: (0, jsx_runtime_1.jsx)(exports.Video, { pauseWhenBuffering: pauseWhenBuffering !== null && pauseWhenBuffering !== void 0 ? pauseWhenBuffering : false, ...otherProps, ref: ref }) }));
     }
-    (0, validate_media_props_js_1.validateMediaProps)(props, 'Video');
+    (0, validate_media_props_js_1.validateMediaProps)({ playbackRate: props.playbackRate, volume: props.volume }, 'Video');
     if (environment.isRendering) {
         return ((0, jsx_runtime_1.jsx)(VideoForRendering_js_1.VideoForRendering, { onDuration: onDuration, onVideoFrame: onVideoFrame !== null && onVideoFrame !== void 0 ? onVideoFrame : null, ...otherProps, ref: ref }));
     }

package/dist/cjs/video/VideoForPreview.js

@@ -23,7 +23,7 @@ const volume_safeguard_js_1 = require("../volume-safeguard.js");
 const emit_video_frame_js_1 = require("./emit-video-frame.js");
 const video_fragment_js_1 = require("./video-fragment.js");
 const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     const context = (0, react_1.useContext)(shared_audio_tags_js_1.SharedAudioContext);
     if (!context) {
         throw new Error('SharedAudioContext not found');
@@ -75,8 +75,8 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
         id: timelineId,
         stack: _remotionInternalStack,
         showInTimeline,
-        premountDisplay: null,
-        postmountDisplay: null,
+        premountDisplay: (_c = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.premountDisplay) !== null && _c !== void 0 ? _c : null,
+        postmountDisplay: (_d = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.postmountDisplay) !== null && _d !== void 0 ? _d : null,
         onAutoPlayError: onAutoPlayError !== null && onAutoPlayError !== void 0 ? onAutoPlayError : null,
         isPremounting: Boolean(parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.premounting),
         isPostmounting: Boolean(parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.postmounting),
@@ -87,7 +87,7 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
         mediaRef: videoRef,
         src,
         mediaType: 'video',
-        playbackRate: (_c = props.playbackRate) !== null && _c !== void 0 ? _c : 1,
+        playbackRate: (_e = props.playbackRate) !== null && _e !== void 0 ? _e : 1,
         onlyWarnForMediaSeekingError,
         acceptableTimeshift: acceptableTimeShiftInSeconds !== null && acceptableTimeShiftInSeconds !== void 0 ? acceptableTimeShiftInSeconds : null,
         isPremounting: Boolean(parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.premounting),

package/dist/cjs/video/VideoForRendering.js

@@ -74,7 +74,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
             volume,
             mediaFrame: frame,
             playbackRate: playbackRate !== null && playbackRate !== void 0 ? playbackRate : 1,
-            toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : null,
+            toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : 1,
             audioStartFrame: Math.max(0, -((_a = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom) !== null && _a !== void 0 ? _a : 0)),
             audioStreamIndex: audioStreamIndex !== null && audioStreamIndex !== void 0 ? audioStreamIndex : 0,
         });

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

@@ -1,28 +1,29 @@
 import type React from 'react';
 import type { LoopVolumeCurveBehavior } from '../audio/use-audio-frame.js';
 import type { VolumeProp } from '../volume-prop.js';
-export type RemotionMainVideoProps = {
+export type CommonVideoProps = {
     /**
      * @deprecated `startFrom` was renamed to `trimBefore`
      */
-    startFrom?: number;
+    startFrom: number | undefined;
     /**
      * @deprecated `endAt` was renamed to `trimAfter`
      */
-    endAt?: number;
+    endAt: number | undefined;
     /**
-     * Trim of th e video from the left (start) in frames.
+     * Trim of the video from the left (start) in frames.
      */
-    trimBefore?: number;
+    trimBefore: number | undefined;
     /**
      * Trim of the video from the right (end) in frames.
      */
-    trimAfter?: number;
+    trimAfter: number | undefined;
     /**
      * @deprecated Only for internal `transparent` use
      */
-    _remotionInternalNativeLoopPassed?: boolean;
+    _remotionInternalNativeLoopPassed: boolean;
 };
+export type RemotionMainVideoProps = Partial<CommonVideoProps>;
 export type NativeVideoProps = Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, 'autoPlay' | 'controls' | 'onEnded' | 'nonce' | 'onError' | 'disableRemotePlayback'>;
 export type RemotionVideoProps = NativeVideoProps & {
     name?: string;
@@ -45,37 +46,41 @@ type DeprecatedOffthreadVideoProps = {
     /**
      * @deprecated Use the `transparent` prop instead
      */
-    imageFormat?: never;
+    imageFormat: never;
 };
-export type RemotionOffthreadVideoProps = {
+type MandatoryOffthreadVideoProps = {
     src: string;
-    className?: string;
-    name?: string;
-    id?: string;
-    style?: React.CSSProperties;
-    volume?: VolumeProp;
-    playbackRate?: number;
-    muted?: boolean;
-    onError?: (err: Error) => void;
-    acceptableTimeShiftInSeconds?: number;
-    allowAmplificationDuringRender?: boolean;
-    toneFrequency?: number;
-    transparent?: boolean;
-    toneMapped?: boolean;
-    pauseWhenBuffering?: boolean;
-    loopVolumeCurveBehavior?: LoopVolumeCurveBehavior;
-    delayRenderTimeoutInMilliseconds?: number;
-    delayRenderRetries?: number;
-    useWebAudioApi?: boolean;
+};
+type OptionalOffthreadVideoProps = {
+    className: string | undefined;
+    name: string | undefined;
+    id: string | undefined;
+    style: React.CSSProperties | undefined;
+    volume: VolumeProp | undefined;
+    playbackRate: number;
+    muted: boolean;
+    onError: undefined | ((err: Error) => void);
+    acceptableTimeShiftInSeconds: undefined | number;
+    allowAmplificationDuringRender: boolean;
+    toneFrequency: number;
+    transparent: boolean;
+    toneMapped: boolean;
+    pauseWhenBuffering: boolean;
+    loopVolumeCurveBehavior: LoopVolumeCurveBehavior;
+    delayRenderTimeoutInMilliseconds: number | undefined;
+    delayRenderRetries: number | undefined;
+    useWebAudioApi: boolean;
     /**
      * @deprecated For internal use only
      */
-    stack?: string;
-    showInTimeline?: boolean;
-    onAutoPlayError?: null | (() => void);
-    onVideoFrame?: OnVideoFrame;
-    crossOrigin?: '' | 'anonymous' | 'use-credentials';
-    audioStreamIndex?: number;
-} & RemotionMainVideoProps & DeprecatedOffthreadVideoProps;
+    stack: string | undefined;
+    showInTimeline: boolean;
+    onAutoPlayError: null | (() => void);
+    onVideoFrame: OnVideoFrame | undefined;
+    crossOrigin: '' | 'anonymous' | 'use-credentials' | undefined;
+    audioStreamIndex: number;
+};
+export type AllOffthreadVideoProps = MandatoryOffthreadVideoProps & OptionalOffthreadVideoProps & CommonVideoProps;
+export type RemotionOffthreadVideoProps = MandatoryOffthreadVideoProps & Partial<OptionalOffthreadVideoProps> & Partial<CommonVideoProps> & Partial<DeprecatedOffthreadVideoProps>;
 export type OnVideoFrame = (frame: CanvasImageSource) => void;
 export {};