remotion 3.0.0-processing.8 → 3.0.0-rc.0

package/dist/timeout.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupPuppeteerTimeout = exports.DEFAULT_PUPPETEER_TIMEOUT = void 0;
+exports.DEFAULT_PUPPETEER_TIMEOUT = 30000;
+const getPuppeteerTimeout = () => {
+    const param = window.remotion_puppeteerTimeout;
+    return param ? Number(param) : exports.DEFAULT_PUPPETEER_TIMEOUT;
+};
+const setupPuppeteerTimeout = () => {
+    window.remotion_puppeteerTimeout = getPuppeteerTimeout();
+};
+exports.setupPuppeteerTimeout = setupPuppeteerTimeout;
+//# sourceMappingURL=timeout.js.map

package/dist/timeout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeout.js","sourceRoot":"","sources":["../src/timeout.ts"],"names":[],"mappings":";;;AAAa,QAAA,yBAAyB,GAAG,KAAK,CAAC;AAE/C,MAAM,mBAAmB,GAAG,GAAW,EAAE;IACxC,MAAM,KAAK,GAAG,MAAM,CAAC,yBAAyB,CAAC;IAC/C,OAAO,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,iCAAyB,CAAC;AAC1D,CAAC,CAAC;AAEK,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACzC,MAAM,CAAC,yBAAyB,GAAG,mBAAmB,EAAE,CAAC;AAC1D,CAAC,CAAC;AAFW,QAAA,qBAAqB,yBAEhC"}

package/dist/use-frame.d.ts

@@ -1,3 +1,8 @@
 export declare const useAbsoluteCurrentFrame: () => number;
+/**
+ * Get the current frame of the video.
+ * Frames are 0-indexed, meaning the first frame is 0, the last frame is the duration of the composition in frames minus one.
+ * @link https://www.remotion.dev/docs/use-current-frame
+ */
 export declare const useCurrentFrame: () => number;
 //# sourceMappingURL=use-frame.d.ts.map

package/dist/use-frame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-frame.d.ts","sourceRoot":"","sources":["../src/use-frame.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,uBAAuB,QAAO,MAI1C,CAAC;AAEF,eAAO,MAAM,eAAe,QAAO,MASlC,CAAC"}
+{"version":3,"file":"use-frame.d.ts","sourceRoot":"","sources":["../src/use-frame.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,uBAAuB,QAAO,MAI1C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,QAAO,MASlC,CAAC"}

package/dist/use-frame.js

@@ -9,6 +9,11 @@ const useAbsoluteCurrentFrame = () => {
     return timelinePosition;
 };
 exports.useAbsoluteCurrentFrame = useAbsoluteCurrentFrame;
+/**
+ * Get the current frame of the video.
+ * Frames are 0-indexed, meaning the first frame is 0, the last frame is the duration of the composition in frames minus one.
+ * @link https://www.remotion.dev/docs/use-current-frame
+ */
 const useCurrentFrame = () => {
     const frame = (0, exports.useAbsoluteCurrentFrame)();
     const context = (0, react_1.useContext)(sequencing_1.SequenceContext);

package/dist/use-frame.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-frame.js","sourceRoot":"","sources":["../src/use-frame.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AACjC,6CAA6C;AAC7C,uEAA8D;AAEvD,MAAM,uBAAuB,GAAG,GAAW,EAAE;IACnD,MAAM,gBAAgB,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE/C,OAAO,gBAAgB,CAAC;AACzB,CAAC,CAAC;AAJW,QAAA,uBAAuB,2BAIlC;AAEK,MAAM,eAAe,GAAG,GAAW,EAAE;IAC3C,MAAM,KAAK,GAAG,IAAA,+BAAuB,GAAE,CAAC;IACxC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,4BAAe,CAAC,CAAC;IAE5C,MAAM,aAAa,GAAG,OAAO;QAC5B,CAAC,CAAC,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC,YAAY;QAC9C,CAAC,CAAC,CAAC,CAAC;IAEL,OAAO,KAAK,GAAG,aAAa,CAAC;AAC9B,CAAC,CAAC;AATW,QAAA,eAAe,mBAS1B"}
+{"version":3,"file":"use-frame.js","sourceRoot":"","sources":["../src/use-frame.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AACjC,6CAA6C;AAC7C,uEAA8D;AAEvD,MAAM,uBAAuB,GAAG,GAAW,EAAE;IACnD,MAAM,gBAAgB,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE/C,OAAO,gBAAgB,CAAC;AACzB,CAAC,CAAC;AAJW,QAAA,uBAAuB,2BAIlC;AAEF;;;;GAIG;AACI,MAAM,eAAe,GAAG,GAAW,EAAE;IAC3C,MAAM,KAAK,GAAG,IAAA,+BAAuB,GAAE,CAAC;IACxC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,4BAAe,CAAC,CAAC;IAE5C,MAAM,aAAa,GAAG,OAAO;QAC5B,CAAC,CAAC,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC,YAAY;QAC9C,CAAC,CAAC,CAAC,CAAC;IAEL,OAAO,KAAK,GAAG,aAAa,CAAC;AAC9B,CAAC,CAAC;AATW,QAAA,eAAe,mBAS1B"}

package/dist/use-lazy-component.d.ts

@@ -1,5 +1,8 @@
-import React from 'react';
-import { LooseAnyComponent } from './any-component';
+import React, { ComponentPropsWithRef, ComponentType, ExoticComponent } from 'react';
 import { CompProps } from './internals';
-export declare const useLazyComponent: <T>(compProps: CompProps<T>) => React.LazyExoticComponent<LooseAnyComponent<T>>;
+declare type LazyExoticComponent<T extends ComponentType<any>> = ExoticComponent<ComponentPropsWithRef<T>> & {
+    readonly _result: T;
+};
+export declare const useLazyComponent: <T>(compProps: CompProps<T>) => LazyExoticComponent<React.ComponentType<T>>;
+export {};
 //# sourceMappingURL=use-lazy-component.d.ts.map

package/dist/use-lazy-component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-lazy-component.d.ts","sourceRoot":"","sources":["../src/use-lazy-component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,iBAAiB,EAAC,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAGtC,eAAO,MAAM,gBAAgB,iFAkC5B,CAAC"}
+{"version":3,"file":"use-lazy-component.d.ts","sourceRoot":"","sources":["../src/use-lazy-component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,qBAAqB,EACrB,aAAa,EACb,eAAe,EAEf,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,aAAK,mBAAmB,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,IAAI,eAAe,CACvE,qBAAqB,CAAC,CAAC,CAAC,CACxB,GAAG;IACH,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;CACpB,CAAC;AAGF,eAAO,MAAM,gBAAgB,6EAkC5B,CAAC"}

package/dist/use-lazy-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-lazy-component.js","sourceRoot":"","sources":["../src/use-lazy-component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqC;AAIrC,0CAA0C;AACnC,MAAM,gBAAgB,GAAG,CAC/B,SAAuB,EAC2B,EAAE;IACpD,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,IAAI,eAAe,IAAI,SAAS,EAAE;YACjC,OAAO,eAAK,CAAC,IAAI,CAChB,SAAS,CAAC,aAER,CACF,CAAC;SACF;QAED,IAAI,WAAW,IAAI,SAAS,EAAE;YAC7B,kEAAkE;YAClE,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;gBACpC,OAAQ,SAAS,CAAC,SAEjB,CAAC;aACF;YAED,OAAO,eAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CACtB,OAAO,CAAC,OAAO,CAAC,EAAC,OAAO,EAAE,SAAS,CAAC,SAAiC,EAAC,CAAC,CACvE,CAAC;SACF;QAED,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;QAEvE,mEAAmE;QACnE,0CAA0C;QAE1C,mBAAmB;QACnB,uDAAuD;IACxD,CAAC,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;IACnD,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAlCW,QAAA,gBAAgB,oBAkC3B"}
+{"version":3,"file":"use-lazy-component.js","sourceRoot":"","sources":["../src/use-lazy-component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAKe;AASf,0CAA0C;AACnC,MAAM,gBAAgB,GAAG,CAC/B,SAAuB,EACiB,EAAE;IAC1C,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,IAAI,eAAe,IAAI,SAAS,EAAE;YACjC,OAAO,eAAK,CAAC,IAAI,CAChB,SAAS,CAAC,aAER,CACF,CAAC;SACF;QAED,IAAI,WAAW,IAAI,SAAS,EAAE;YAC7B,kEAAkE;YAClE,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;gBACpC,OAAO,SAAS,CAAC,SAEhB,CAAC;aACF;YAED,OAAO,eAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CACtB,OAAO,CAAC,OAAO,CAAC,EAAC,OAAO,EAAE,SAAS,CAAC,SAA6B,EAAC,CAAC,CACnE,CAAC;SACF;QAED,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;QAEvE,mEAAmE;QACnE,0CAA0C;QAE1C,mBAAmB;QACnB,uDAAuD;IACxD,CAAC,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;IACnD,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AAlCW,QAAA,gBAAgB,oBAkC3B"}

package/dist/use-media-in-timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-media-in-timeline.d.ts","sourceRoot":"","sources":["../src/use-media-in-timeline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAA2C,MAAM,OAAO,CAAC;AAQ1E,OAAO,EAAiB,UAAU,EAAC,MAAM,eAAe,CAAC;AAazD,eAAO,MAAM,kBAAkB;YAOtB,UAAU,GAAG,SAAS;iBACjB,MAAM;cACT,UAAU,gBAAgB,GAAG,gBAAgB,CAAC;SACnD,MAAM,GAAG,SAAS;eACZ,OAAO,GAAG,OAAO;UA8F5B,CAAC"}
+{"version":3,"file":"use-media-in-timeline.d.ts","sourceRoot":"","sources":["../src/use-media-in-timeline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAA2C,MAAM,OAAO,CAAC;AAa1E,OAAO,EAAiB,UAAU,EAAC,MAAM,eAAe,CAAC;AAazD,eAAO,MAAM,kBAAkB;YAOtB,UAAU,GAAG,SAAS;iBACjB,MAAM;cACT,UAAU,gBAAgB,GAAG,gBAAgB,CAAC;SACnD,MAAM,GAAG,SAAS;eACZ,OAAO,GAAG,OAAO;UAmH5B,CAAC"}

package/dist/use-media-in-timeline.js

@@ -6,6 +6,7 @@ const use_audio_frame_1 = require("./audio/use-audio-frame");
 const CompositionManager_1 = require("./CompositionManager");
 const get_asset_file_name_1 = require("./get-asset-file-name");
 const nonce_1 = require("./nonce");
+const play_and_handle_not_allowed_error_1 = require("./play-and-handle-not-allowed-error");
 const sequencing_1 = require("./sequencing");
 const timeline_position_state_1 = require("./timeline-position-state");
 const use_video_config_1 = require("./use-video-config");
@@ -20,11 +21,12 @@ const warnOnce = (message) => {
 };
 const useMediaInTimeline = ({ volume, mediaVolume, mediaRef, src, mediaType, }) => {
     const videoConfig = (0, use_video_config_1.useVideoConfig)();
-    const { rootId } = (0, react_1.useContext)(timeline_position_state_1.TimelineContext);
+    const { rootId, audioAndVideoTags } = (0, react_1.useContext)(timeline_position_state_1.TimelineContext);
     const parentSequence = (0, react_1.useContext)(sequencing_1.SequenceContext);
     const actualFrom = parentSequence
         ? parentSequence.relativeFrom + parentSequence.cumulatedFrom
         : 0;
+    const [playing] = (0, timeline_position_state_1.usePlayingState)();
     const startsAt = (0, use_audio_frame_1.useMediaStartsAt)();
     const { registerSequence, unregisterSequence } = (0, react_1.useContext)(CompositionManager_1.CompositionManager);
     const [id] = (0, react_1.useState)(() => String(Math.random()));
@@ -68,11 +70,10 @@ const useMediaInTimeline = ({ volume, mediaVolume, mediaRef, src, mediaType, })
             type: mediaType,
             src,
             id,
-            // TODO: Cap to media duration
             duration,
             from: 0,
             parent: (_a = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.id) !== null && _a !== void 0 ? _a : null,
-            displayName: (0, get_asset_file_name_1.getAssetFileName)(src),
+            displayName: (0, get_asset_file_name_1.getAssetDisplayName)(src),
             rootId,
             volume: volumes,
             showInTimeline: true,
@@ -101,6 +102,22 @@ const useMediaInTimeline = ({ volume, mediaVolume, mediaRef, src, mediaType, })
         mediaType,
         startsAt,
     ]);
+    (0, react_1.useEffect)(() => {
+        const tag = {
+            id,
+            play: () => {
+                if (!playing) {
+                    // Don't play if for example in a <Freeze> state.
+                    return;
+                }
+                return (0, play_and_handle_not_allowed_error_1.playAndHandleNotAllowedError)(mediaRef, mediaType);
+            },
+        };
+        audioAndVideoTags.current.push(tag);
+        return () => {
+            audioAndVideoTags.current = audioAndVideoTags.current.filter((a) => a.id !== id);
+        };
+    }, [audioAndVideoTags, id, mediaRef, mediaType, playing]);
 };
 exports.useMediaInTimeline = useMediaInTimeline;
 //# sourceMappingURL=use-media-in-timeline.js.map

package/dist/use-media-in-timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-media-in-timeline.js","sourceRoot":"","sources":["../src/use-media-in-timeline.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-media-in-timeline.js","sourceRoot":"","sources":["../src/use-media-in-timeline.ts"],"names":[],"mappings":"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"}

package/dist/use-media-playback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-media-playback.d.ts","sourceRoot":"","sources":["../src/use-media-playback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAwB,MAAM,OAAO,CAAC;AAkCvD,eAAO,MAAM,gBAAgB;cAMlB,UAAU,gBAAgB,GAAG,gBAAgB,CAAC;SACnD,MAAM,GAAG,SAAS;eACZ,OAAO,GAAG,OAAO;kBACd,MAAM;UAwEpB,CAAC"}
+{"version":3,"file":"use-media-playback.d.ts","sourceRoot":"","sources":["../src/use-media-playback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAwB,MAAM,OAAO,CAAC;AASvD,eAAO,MAAM,gBAAgB;cAMlB,UAAU,gBAAgB,GAAG,gBAAgB,CAAC;SACnD,MAAM,GAAG,SAAS;eACZ,OAAO,GAAG,OAAO;kBACd,MAAM;UA2EpB,CAAC"}

package/dist/use-media-playback.js

@@ -3,31 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMediaPlayback = void 0;
 const react_1 = require("react");
 const use_audio_frame_1 = require("./audio/use-audio-frame");
+const play_and_handle_not_allowed_error_1 = require("./play-and-handle-not-allowed-error");
 const timeline_position_state_1 = require("./timeline-position-state");
 const use_frame_1 = require("./use-frame");
 const use_video_config_1 = require("./use-video-config");
 const get_current_time_1 = require("./video/get-current-time");
 const warn_about_non_seekable_media_1 = require("./warn-about-non-seekable-media");
-const playAndHandleNotAllowedError = (mediaRef, mediaType) => {
-    const { current } = mediaRef;
-    const prom = current === null || current === void 0 ? void 0 : current.play();
-    if (prom === null || prom === void 0 ? void 0 : prom.catch) {
-        prom === null || prom === void 0 ? void 0 : prom.catch((err) => {
-            if (!current) {
-                return;
-            }
-            if (err.message.includes('request was interrupted by a call to pause')) {
-                return;
-            }
-            console.log(`Could not play ${mediaType} due to following error: `, err);
-            if (!current.muted) {
-                console.log(`The video will be muted and we'll retry playing it.`, err);
-                current.muted = true;
-                current.play();
-            }
-        });
-    }
-};
 const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybackRate, }) => {
     const { playbackRate: globalPlaybackRate } = (0, react_1.useContext)(timeline_position_state_1.TimelineContext);
     const frame = (0, use_frame_1.useCurrentFrame)();
@@ -37,12 +18,9 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
     const mediaStartsAt = (0, use_audio_frame_1.useMediaStartsAt)();
     const playbackRate = localPlaybackRate * globalPlaybackRate;
     (0, react_1.useEffect)(() => {
-        var _a, _b;
-        if (playing && !((_a = mediaRef.current) === null || _a === void 0 ? void 0 : _a.ended)) {
-            playAndHandleNotAllowedError(mediaRef, mediaType);
-        }
-        else {
-            (_b = mediaRef.current) === null || _b === void 0 ? void 0 : _b.pause();
+        var _a;
+        if (!playing) {
+            (_a = mediaRef.current) === null || _a === void 0 ? void 0 : _a.pause();
         }
     }, [mediaRef, mediaType, playing]);
     (0, react_1.useEffect)(() => {
@@ -64,7 +42,7 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
         const isTime = mediaRef.current.currentTime;
         const timeShift = Math.abs(shouldBeTime - isTime);
         if (timeShift > 0.45 && !mediaRef.current.ended) {
-            console.log('Time has shifted by', timeShift, 'sec. Fixing...');
+            console.log('Time has shifted by', timeShift, 'sec. Fixing...', `(isTime=${isTime},shouldBeTime=${shouldBeTime})`);
             // If scrubbing around, adjust timing
             // or if time shift is bigger than 0.2sec
             mediaRef.current.currentTime = shouldBeTime;
@@ -76,7 +54,7 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
         if (mediaRef.current.paused && !mediaRef.current.ended && playing) {
             const { current } = mediaRef;
             current.currentTime = shouldBeTime;
-            playAndHandleNotAllowedError(mediaRef, mediaType);
+            (0, play_and_handle_not_allowed_error_1.playAndHandleNotAllowedError)(mediaRef, mediaType);
         }
     }, [
         absoluteFrame,

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

@@ -1 +1 @@
-{"version":3,"file":"use-media-playback.js","sourceRoot":"","sources":["../src/use-media-playback.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-media-playback.js","sourceRoot":"","sources":["../src/use-media-playback.ts"],"names":[],"mappings":"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"}

package/dist/use-unsafe-video-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-unsafe-video-config.d.ts","sourceRoot":"","sources":["../src/use-unsafe-video-config.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAE3C,eAAO,MAAM,oBAAoB,QAAO,WAAW,GAAG,IAmBrD,CAAC"}
+{"version":3,"file":"use-unsafe-video-config.d.ts","sourceRoot":"","sources":["../src/use-unsafe-video-config.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAE3C,eAAO,MAAM,oBAAoB,QAAO,WAAW,GAAG,IAqBrD,CAAC"}

package/dist/use-unsafe-video-config.js

@@ -13,12 +13,14 @@ const useUnsafeVideoConfig = () => {
         if (!video) {
             return null;
         }
-        const { durationInFrames, fps, height, width } = video;
+        const { id, durationInFrames, fps, height, width, defaultProps } = video;
         return {
+            id,
             width,
             height,
             fps,
             durationInFrames: ctxDuration !== null && ctxDuration !== void 0 ? ctxDuration : durationInFrames,
+            defaultProps,
         };
     }, [ctxDuration, video]);
 };

package/dist/use-unsafe-video-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-unsafe-video-config.js","sourceRoot":"","sources":["../src/use-unsafe-video-config.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,6CAA6C;AAC7C,2CAAqC;AAG9B,MAAM,oBAAoB,GAAG,GAAuB,EAAE;;IAC5D,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,4BAAe,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,mCAAI,IAAI,CAAC;IACtD,MAAM,KAAK,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAEzB,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QACnB,IAAI,CAAC,KAAK,EAAE;YACX,OAAO,IAAI,CAAC;SACZ;QAED,MAAM,EAAC,gBAAgB,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC;QAErD,OAAO;YACN,KAAK;YACL,MAAM;YACN,GAAG;YACH,gBAAgB,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,gBAAgB;SACjD,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;AAC1B,CAAC,CAAC;AAnBW,QAAA,oBAAoB,wBAmB/B"}
+{"version":3,"file":"use-unsafe-video-config.js","sourceRoot":"","sources":["../src/use-unsafe-video-config.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,6CAA6C;AAC7C,2CAAqC;AAG9B,MAAM,oBAAoB,GAAG,GAAuB,EAAE;;IAC5D,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,4BAAe,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,mCAAI,IAAI,CAAC;IACtD,MAAM,KAAK,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAEzB,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QACnB,IAAI,CAAC,KAAK,EAAE;YACX,OAAO,IAAI,CAAC;SACZ;QAED,MAAM,EAAC,EAAE,EAAE,gBAAgB,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAC,GAAG,KAAK,CAAC;QAEvE,OAAO;YACN,EAAE;YACF,KAAK;YACL,MAAM;YACN,GAAG;YACH,gBAAgB,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,gBAAgB;YACjD,YAAY;SACZ,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;AAC1B,CAAC,CAAC;AArBW,QAAA,oBAAoB,wBAqB/B"}

package/dist/use-video-config.d.ts

@@ -1,3 +1,8 @@
 import { VideoConfig } from './video-config';
+/**
+ * Get some info about the context of the video that you are making.
+ * Returns an object containing `fps`, `width`, `height` and `durationInFrames`, all of type `number`.
+ * @link https://www.remotion.dev/docs/use-video-config
+ */
 export declare const useVideoConfig: () => VideoConfig;
 //# sourceMappingURL=use-video-config.d.ts.map

package/dist/use-video-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-video-config.d.ts","sourceRoot":"","sources":["../src/use-video-config.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAE3C,eAAO,MAAM,cAAc,QAAO,WAUjC,CAAC"}
+{"version":3,"file":"use-video-config.d.ts","sourceRoot":"","sources":["../src/use-video-config.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAE3C;;;;GAIG;AACH,eAAO,MAAM,cAAc,QAAO,WAiBjC,CAAC"}

package/dist/use-video-config.js

@@ -2,9 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useVideoConfig = void 0;
 const use_unsafe_video_config_1 = require("./use-unsafe-video-config");
+/**
+ * Get some info about the context of the video that you are making.
+ * Returns an object containing `fps`, `width`, `height` and `durationInFrames`, all of type `number`.
+ * @link https://www.remotion.dev/docs/use-video-config
+ */
 const useVideoConfig = () => {
     const videoConfig = (0, use_unsafe_video_config_1.useUnsafeVideoConfig)();
     if (!videoConfig) {
+        if (typeof window !== 'undefined' && window.remotion_isPlayer) {
+            throw new Error('No video config found. You are probably calling useVideoConfig() from outside the component passed to <Player />. See https://www.remotion.dev/docs/player/examples for how to set up the Player correctly.');
+        }
         throw new Error('No video config found. You are probably calling useVideoConfig() from a component which has not been registered as a <Composition />. See https://www.remotion.dev/docs/the-fundamentals#defining-compositions for more information.');
     }
     return videoConfig;

package/dist/use-video-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-video-config.js","sourceRoot":"","sources":["../src/use-video-config.ts"],"names":[],"mappings":";;;AAAA,uEAA+D;AAGxD,MAAM,cAAc,GAAG,GAAgB,EAAE;IAC/C,MAAM,WAAW,GAAG,IAAA,8CAAoB,GAAE,CAAC;IAE3C,IAAI,CAAC,WAAW,EAAE;QACjB,MAAM,IAAI,KAAK,CACd,sOAAsO,CACtO,CAAC;KACF;IAED,OAAO,WAAW,CAAC;AACpB,CAAC,CAAC;AAVW,QAAA,cAAc,kBAUzB"}
+{"version":3,"file":"use-video-config.js","sourceRoot":"","sources":["../src/use-video-config.ts"],"names":[],"mappings":";;;AAAA,uEAA+D;AAG/D;;;;GAIG;AACI,MAAM,cAAc,GAAG,GAAgB,EAAE;IAC/C,MAAM,WAAW,GAAG,IAAA,8CAAoB,GAAE,CAAC;IAG3C,IAAI,CAAC,WAAW,EAAE;QACjB,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,iBAAiB,EAAE;YAC9D,MAAM,IAAI,KAAK,CACd,6MAA6M,CAC7M,CAAC;SACF;QAED,MAAM,IAAI,KAAK,CACd,sOAAsO,CACtO,CAAC;KACF;IAED,OAAO,WAAW,CAAC;AACpB,CAAC,CAAC;AAjBW,QAAA,cAAc,kBAiBzB"}

package/dist/use-video.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-video.d.ts","sourceRoot":"","sources":["../src/use-video.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,mEAOpB,CAAC"}
+{"version":3,"file":"use-video.d.ts","sourceRoot":"","sources":["../src/use-video.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,mEASpB,CAAC"}

package/dist/use-video.js

@@ -4,11 +4,13 @@ exports.useVideo = void 0;
 const react_1 = require("react");
 const CompositionManager_1 = require("./CompositionManager");
 const useVideo = () => {
-    var _a;
     const context = (0, react_1.useContext)(CompositionManager_1.CompositionManager);
-    return ((_a = context.compositions.find((c) => {
-        return c.id === context.currentComposition;
-    })) !== null && _a !== void 0 ? _a : null);
+    return (0, react_1.useMemo)(() => {
+        var _a;
+        return (_a = context.compositions.find((c) => {
+            return c.id === context.currentComposition;
+        })) !== null && _a !== void 0 ? _a : null;
+    }, [context.compositions, context.currentComposition]);
 };
 exports.useVideo = useVideo;
 //# sourceMappingURL=use-video.js.map

package/dist/use-video.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-video.js","sourceRoot":"","sources":["../src/use-video.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AACjC,6DAAwD;AAEjD,MAAM,QAAQ,GAAG,GAAG,EAAE;;IAC5B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,uCAAkB,CAAC,CAAC;IAC/C,OAAO,CACN,MAAA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;QAC/B,OAAO,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,kBAAkB,CAAC;IAC5C,CAAC,CAAC,mCAAI,IAAI,CACV,CAAC;AACH,CAAC,CAAC;AAPW,QAAA,QAAQ,YAOnB"}
+{"version":3,"file":"use-video.js","sourceRoot":"","sources":["../src/use-video.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,6DAAwD;AAEjD,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,uCAAkB,CAAC,CAAC;IAC/C,OAAO,IAAA,eAAO,EACb,GAAG,EAAE;;QACJ,OAAA,MAAA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YAC/B,OAAO,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,kBAAkB,CAAC;QAC5C,CAAC,CAAC,mCAAI,IAAI,CAAA;KAAA,EACX,CAAC,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAClD,CAAC;AACH,CAAC,CAAC;AATW,QAAA,QAAQ,YASnB"}

package/dist/validation/validate-opengl-renderer.d.ts

@@ -0,0 +1,5 @@
+declare const validRenderers: readonly ["angle", "egl", "swiftshader"];
+export declare type OpenGlRenderer = typeof validRenderers[number];
+export declare const validateOpenGlRenderer: (option: OpenGlRenderer | null) => OpenGlRenderer | null;
+export {};
+//# sourceMappingURL=validate-opengl-renderer.d.ts.map

package/dist/validation/validate-opengl-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-opengl-renderer.d.ts","sourceRoot":"","sources":["../../src/validation/validate-opengl-renderer.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,cAAc,0CAA2C,CAAC;AAEhE,oBAAY,cAAc,GAAG,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;AAE3D,eAAO,MAAM,sBAAsB,WAC1B,cAAc,GAAG,IAAI,KAC3B,cAAc,GAAG,IAcnB,CAAC"}

package/dist/validation/validate-opengl-renderer.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateOpenGlRenderer = void 0;
+const validRenderers = ['angle', 'egl', 'swiftshader'];
+const validateOpenGlRenderer = (option) => {
+    if (option === null) {
+        return null;
+    }
+    if (!validRenderers.includes(option)) {
+        throw new TypeError(`${option} is not a valid GL backend. Accepted values: ${validRenderers.join(', ')}`);
+    }
+    return option;
+};
+exports.validateOpenGlRenderer = validateOpenGlRenderer;
+//# sourceMappingURL=validate-opengl-renderer.js.map

package/dist/validation/validate-opengl-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-opengl-renderer.js","sourceRoot":"","sources":["../../src/validation/validate-opengl-renderer.ts"],"names":[],"mappings":";;;AAAA,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,aAAa,CAAU,CAAC;AAIzD,MAAM,sBAAsB,GAAG,CACrC,MAA6B,EACL,EAAE;IAC1B,IAAI,MAAM,KAAK,IAAI,EAAE;QACpB,OAAO,IAAI,CAAC;KACZ;IAED,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QACrC,MAAM,IAAI,SAAS,CAClB,GAAG,MAAM,gDAAgD,cAAc,CAAC,IAAI,CAC3E,IAAI,CACJ,EAAE,CACH,CAAC;KACF;IAED,OAAO,MAAM,CAAC;AACf,CAAC,CAAC;AAhBW,QAAA,sBAAsB,0BAgBjC"}

package/dist/video/Video.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { RemotionMainVideoProps } from './props';
-export declare const Video: React.ForwardRefExoticComponent<Pick<Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "autoPlay" | "controls" | "loop"> & {
+export declare const Video: React.ForwardRefExoticComponent<Pick<Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "autoPlay" | "controls" | "loop" | "onEnded"> & {
     volume?: import("../volume-prop").VolumeProp | undefined;
     playbackRate?: number | undefined;
-} & RemotionMainVideoProps, "id" | "height" | "width" | "children" | "src" | "volume" | "playbackRate" | "slot" | "style" | "title" | "key" | "controlsList" | "crossOrigin" | "mediaGroup" | "muted" | "playsInline" | "preload" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "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" | "onEnded" | "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" | "poster" | "disablePictureInPicture" | "disableRemotePlayback" | keyof RemotionMainVideoProps> & React.RefAttributes<HTMLVideoElement>>;
+} & RemotionMainVideoProps, "id" | "height" | "width" | "children" | "src" | "volume" | "playbackRate" | "slot" | "style" | "title" | "key" | "controlsList" | "crossOrigin" | "mediaGroup" | "muted" | "playsInline" | "preload" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "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" | "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" | "poster" | "disablePictureInPicture" | "disableRemotePlayback" | keyof RemotionMainVideoProps> & React.RefAttributes<HTMLVideoElement>>;
 //# sourceMappingURL=Video.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../src/video/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAC,sBAAsB,EAAqB,MAAM,SAAS,CAAC;AAwCnE,eAAO,MAAM,KAAK;;;yyJAAsC,CAAC"}
+{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../src/video/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAC,sBAAsB,EAAqB,MAAM,SAAS,CAAC;AAwCnE,eAAO,MAAM,KAAK;;;6xJAAsC,CAAC"}

package/dist/video/Video.js

@@ -18,13 +18,13 @@ const VideoForwardingFunction = (props, ref) => {
         (0, validate_start_from_props_1.validateStartFromProps)(startFrom, endAt);
         const startFromFrameNo = startFrom !== null && startFrom !== void 0 ? startFrom : 0;
         const endAtFrameNo = endAt !== null && endAt !== void 0 ? endAt : Infinity;
-        return ((0, jsx_runtime_1.jsx)(sequencing_1.Sequence, Object.assign({ layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo }, { children: (0, jsx_runtime_1.jsx)(exports.Video, Object.assign({}, otherProps, { ref: ref }), void 0) }), void 0));
+        return ((0, jsx_runtime_1.jsx)(sequencing_1.Sequence, { layout: "none", from: 0 - startFromFrameNo, showInTimeline: false, durationInFrames: endAtFrameNo, children: (0, jsx_runtime_1.jsx)(exports.Video, { ...otherProps, ref: ref }, void 0) }, void 0));
     }
     (0, validate_media_props_1.validateMediaProps)(props, 'Video');
     if ((0, get_environment_1.getRemotionEnvironment)() === 'rendering') {
-        return (0, jsx_runtime_1.jsx)(VideoForRendering_1.VideoForRendering, Object.assign({}, otherProps, { ref: ref }), void 0);
+        return (0, jsx_runtime_1.jsx)(VideoForRendering_1.VideoForRendering, { ...otherProps, ref: ref }, void 0);
     }
-    return (0, jsx_runtime_1.jsx)(VideoForDevelopment_1.VideoForDevelopment, Object.assign({}, otherProps, { ref: ref }), void 0);
+    return (0, jsx_runtime_1.jsx)(VideoForDevelopment_1.VideoForDevelopment, { ...otherProps, ref: ref }, void 0);
 };
 exports.Video = (0, react_1.forwardRef)(VideoForwardingFunction);
 //# sourceMappingURL=Video.js.map