remotion 4.0.140 → 4.0.142

package/dist/cjs/CompositionManager.d.ts

@@ -66,12 +66,13 @@ 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<{
-    children: React.ReactNode;
-    numberOfAudioTags: number;
+    readonly children: React.ReactNode;
+    readonly numberOfAudioTags: number;
 }>;
 export {};

package/dist/cjs/audio/AudioForRendering.js

@@ -41,7 +41,7 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
         return audioRef.current;
     }, []);
     (0, react_1.useEffect)(() => {
-        var _a;
+        var _a, _b;
         if (!props.src) {
             throw new Error('No src passed');
         }
@@ -64,6 +64,7 @@ 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);
     }, [
@@ -80,6 +81,7 @@ 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`

package/dist/cjs/index.d.ts

@@ -48,7 +48,7 @@ declare global {
         remotion_isStudio: boolean;
         remotion_isBuilding: undefined | (() => void);
         remotion_finishedBuilding: undefined | (() => void);
-        siteVersion: '10';
+        siteVersion: '11';
         remotion_version: string;
         remotion_imported: string | boolean;
         remotion_unsavedProps: boolean | undefined;

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

@@ -42,4 +42,7 @@ export declare const NoReactInternals: {
         playbackRate: number;
         startFrom: number;
     }) => number;
+    ENABLE_V5_BREAKING_CHANGES: false;
+    MIN_NODE_VERSION: number;
+    MIN_BUN_VERSION: string;
 };

package/dist/cjs/no-react.js

@@ -9,6 +9,7 @@ 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 v5_flag_1 = require("./v5-flag");
 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");
@@ -33,4 +34,7 @@ exports.NoReactInternals = {
     DELAY_RENDER_ATTEMPT_TOKEN: delay_render_1.DELAY_RENDER_RETRIES_LEFT,
     getOffthreadVideoSource: offthread_video_source_1.getOffthreadVideoSource,
     getExpectedMediaFrameUncorrected: get_current_time_1.getExpectedMediaFrameUncorrected,
+    ENABLE_V5_BREAKING_CHANGES: v5_flag_1.ENABLE_V5_BREAKING_CHANGES,
+    MIN_NODE_VERSION: v5_flag_1.ENABLE_V5_BREAKING_CHANGES ? 18 : 16,
+    MIN_BUN_VERSION: v5_flag_1.ENABLE_V5_BREAKING_CHANGES ? '1.1.3' : '1.0.3',
 };

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

@@ -22,11 +22,18 @@ const useMediaBuffering = ({ element, shouldBuffer, isPremounting, }) => {
             const onCanPlay = () => {
                 unblock();
             };
+            const onError = () => {
+                unblock();
+            };
             current.addEventListener('canplay', onCanPlay, {
                 once: true,
             });
+            current.addEventListener('error', onError, {
+                once: true,
+            });
             cleanup = () => {
                 current.removeEventListener('canplay', onCanPlay);
+                current.removeEventListener('error', onError);
                 unblock();
                 return undefined;
             };

package/dist/cjs/v5-flag.d.ts

@@ -0,0 +1 @@
+export declare const ENABLE_V5_BREAKING_CHANGES: false;

package/dist/cjs/v5-flag.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ENABLE_V5_BREAKING_CHANGES = void 0;
+exports.ENABLE_V5_BREAKING_CHANGES = false;

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.0.140";
+export declare const VERSION = "4.0.142";

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.140';
+exports.VERSION = '4.0.142';

package/dist/cjs/video/OffthreadVideoForRendering.js

@@ -47,6 +47,7 @@ const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate,
         allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
     });
     (0, react_1.useEffect)(() => {
+        var _a;
         if (!src) {
             throw new Error('No src passed');
         }
@@ -69,6 +70,7 @@ const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate,
             playbackRate: playbackRate !== null && playbackRate !== void 0 ? playbackRate : 1,
             allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
             toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : null,
+            audioStartFrame: -((_a = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom) !== null && _a !== void 0 ? _a : 0),
         });
         return () => unregisterRenderAsset(id);
     }, [
@@ -83,6 +85,7 @@ const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate,
         playbackRate,
         allowAmplificationDuringRender,
         toneFrequency,
+        sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom,
     ]);
     const currentTime = (0, react_1.useMemo)(() => {
         return ((0, get_current_time_js_1.getExpectedMediaFrameUncorrected)({

package/dist/cjs/video/VideoForRendering.js

@@ -48,6 +48,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
         allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
     });
     (0, react_1.useEffect)(() => {
+        var _a;
         if (!props.src) {
             throw new Error('No src passed');
         }
@@ -70,6 +71,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
             playbackRate: playbackRate !== null && playbackRate !== void 0 ? playbackRate : 1,
             allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
             toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : null,
+            audioStartFrame: -((_a = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom) !== null && _a !== void 0 ? _a : 0),
         });
         return () => unregisterRenderAsset(id);
     }, [
@@ -84,6 +86,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
         playbackRate,
         allowAmplificationDuringRender,
         toneFrequency,
+        sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom,
     ]);
     (0, react_1.useImperativeHandle)(ref, () => {
         return videoRef.current;

package/dist/esm/index.mjs

@@ -105,7 +105,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '4.0.140';
+const VERSION = '4.0.142';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -1660,11 +1660,18 @@ const useMediaBuffering = ({ element, shouldBuffer, isPremounting, }) => {
             const onCanPlay = () => {
                 unblock();
             };
+            const onError = () => {
+                unblock();
+            };
             current.addEventListener('canplay', onCanPlay, {
                 once: true,
             });
+            current.addEventListener('error', onError, {
+                once: true,
+            });
             cleanup = () => {
                 current.removeEventListener('canplay', onCanPlay);
+                current.removeEventListener('error', onError);
                 unblock();
                 return undefined;
             };
@@ -2782,7 +2789,7 @@ const AudioForRenderingRefForwardingFunction = (props, ref) => {
         return audioRef.current;
     }, []);
     useEffect(() => {
-        var _a;
+        var _a, _b;
         if (!props.src) {
             throw new Error('No src passed');
         }
@@ -2805,6 +2812,7 @@ 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);
     }, [
@@ -2821,6 +2829,7 @@ 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`
@@ -4810,6 +4819,7 @@ const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate,
         allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
     });
     useEffect(() => {
+        var _a;
         if (!src) {
             throw new Error('No src passed');
         }
@@ -4832,6 +4842,7 @@ const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate,
             playbackRate: playbackRate !== null && playbackRate !== void 0 ? playbackRate : 1,
             allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
             toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : null,
+            audioStartFrame: -((_a = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom) !== null && _a !== void 0 ? _a : 0),
         });
         return () => unregisterRenderAsset(id);
     }, [
@@ -4846,6 +4857,7 @@ const OffthreadVideoForRendering = ({ onError, volume: volumeProp, playbackRate,
         playbackRate,
         allowAmplificationDuringRender,
         toneFrequency,
+        sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom,
     ]);
     const currentTime = useMemo(() => {
         return (getExpectedMediaFrameUncorrected({
@@ -5168,6 +5180,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
         allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
     });
     useEffect(() => {
+        var _a;
         if (!props.src) {
             throw new Error('No src passed');
         }
@@ -5190,6 +5203,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
             playbackRate: playbackRate !== null && playbackRate !== void 0 ? playbackRate : 1,
             allowAmplificationDuringRender: allowAmplificationDuringRender !== null && allowAmplificationDuringRender !== void 0 ? allowAmplificationDuringRender : false,
             toneFrequency: toneFrequency !== null && toneFrequency !== void 0 ? toneFrequency : null,
+            audioStartFrame: -((_a = sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom) !== null && _a !== void 0 ? _a : 0),
         });
         return () => unregisterRenderAsset(id);
     }, [
@@ -5204,6 +5218,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, allowAm
         playbackRate,
         allowAmplificationDuringRender,
         toneFrequency,
+        sequenceContext === null || sequenceContext === void 0 ? void 0 : sequenceContext.relativeFrom,
     ]);
     useImperativeHandle(ref, () => {
         return videoRef.current;

package/dist/esm/no-react.mjs

@@ -655,6 +655,8 @@ function processColor(color) {
     return ((normalizedColor << 24) | (normalizedColor >>> 8)) >>> 0; // argb
 }
 
+const ENABLE_V5_BREAKING_CHANGES = false;
+
 const validateFrame = ({ allowFloats, durationInFrames, frame, }) => {
     if (typeof frame === 'undefined') {
         throw new TypeError(`Argument missing for parameter "frame"`);
@@ -776,6 +778,9 @@ const NoReactInternals = {
     DELAY_RENDER_ATTEMPT_TOKEN: DELAY_RENDER_RETRIES_LEFT,
     getOffthreadVideoSource,
     getExpectedMediaFrameUncorrected,
+    ENABLE_V5_BREAKING_CHANGES,
+    MIN_NODE_VERSION: 16,
+    MIN_BUN_VERSION: '1.0.3',
 };
 
 export { NoReactInternals, interpolate, random };

package/dist/esm/version.mjs

@@ -1,4 +1,4 @@
 // Automatically generated on publish
-const VERSION = '4.0.140';
+const VERSION = '4.0.142';
 
 export { VERSION };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion",
-  "version": "4.0.140",
+  "version": "4.0.142",
   "description": "Render videos in React",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",