remotion 3.0.29 → 3.1.0

package/dist/internals.js

@@ -25,6 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Internals = void 0;
 const shared_audio_tags_1 = require("./audio/shared-audio-tags");
+const CanUseRemotionHooks_1 = require("./CanUseRemotionHooks");
 const CompositionManager_1 = require("./CompositionManager");
 const AssetCompression = __importStar(require("./compress-assets"));
 const browser_1 = require("./config/browser");
@@ -34,12 +35,14 @@ const codec_1 = require("./config/codec");
 const concurrency_1 = require("./config/concurrency");
 const crf_1 = require("./config/crf");
 const env_file_1 = require("./config/env-file");
+const every_nth_frame_1 = require("./config/every-nth-frame");
 const ffmpeg_executable_1 = require("./config/ffmpeg-executable");
 const frame_range_1 = require("./config/frame-range");
 const image_format_1 = require("./config/image-format");
 const image_sequence_1 = require("./config/image-sequence");
 const Logging = __importStar(require("./config/log"));
 const max_timeline_tracks_1 = require("./config/max-timeline-tracks");
+const number_of_gif_loops_1 = require("./config/number-of-gif-loops");
 const override_webpack_1 = require("./config/override-webpack");
 const overwrite_1 = require("./config/overwrite");
 const pixel_format_1 = require("./config/pixel-format");
@@ -102,6 +105,8 @@ exports.Internals = {
     getOutputCodecOrUndefined: codec_1.getOutputCodecOrUndefined,
     getWebpackOverrideFn: override_webpack_1.getWebpackOverrideFn,
     getQuality: quality_1.getQuality,
+    getAndValidateEveryNthFrame: every_nth_frame_1.getAndValidateEveryNthFrame,
+    getAndValidateNumberOfGifLoops: number_of_gif_loops_1.getAndValidateNumberOfGifLoops,
     getScale: scale_1.getScale,
     getShouldOutputImageSequence: image_sequence_1.getShouldOutputImageSequence,
     validateSelectedCrfAndCodecCombination: crf_1.validateSelectedCrfAndCodecCombination,
@@ -173,4 +178,6 @@ exports.Internals = {
     portalNode: portal_node_1.portalNode,
     waitForRoot: register_root_1.waitForRoot,
     validateOffthreadVideoImageFormat: validate_offthreadvideo_image_format_1.validateOffthreadVideoImageFormat,
+    CanUseRemotionHooksProvider: CanUseRemotionHooks_1.CanUseRemotionHooksProvider,
+    CanUseRemotionHooks: CanUseRemotionHooks_1.CanUseRemotionHooks,
 };

package/dist/preload.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type PreloadProps = {
+    for: number;
+    children: React.ReactNode;
+};
+export declare const Preload: React.FC<PreloadProps>;
+export {};

package/dist/preload.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Preload = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Sequence_1 = require("./Sequence");
+const timeline_position_state_1 = require("./timeline-position-state");
+const Preload = ({ for: preloadFor, children, }) => {
+    const sequenceContext = (0, react_1.useContext)(Sequence_1.SequenceContext);
+    if (typeof preloadFor === 'undefined') {
+        throw new Error(`The <Preload /> component requires a 'for' prop, but none was passed.`);
+    }
+    if (typeof preloadFor !== 'number') {
+        throw new Error(`The 'for' prop of <Preload /> must be a number, but is of type ${typeof preloadFor}`);
+    }
+    if (Number.isNaN(preloadFor)) {
+        throw new Error(`The 'for' prop of <Preload /> must be a real number, but it is NaN.`);
+    }
+    if (!Number.isFinite(preloadFor)) {
+        throw new Error(`The 'for' prop of <Preload /> must be a finite number, but it is ${preloadFor}.`);
+    }
+    const context = (0, react_1.useContext)(timeline_position_state_1.TimelineContext);
+    const value = (0, react_1.useMemo)(() => {
+        const contextOffset = sequenceContext
+            ? sequenceContext.cumulatedFrom + sequenceContext.relativeFrom
+            : 0;
+        const currentFrame = context.frame - contextOffset;
+        return {
+            ...context,
+            playing: currentFrame < preloadFor ? false : context.playing,
+            imperativePlaying: {
+                current: currentFrame < preloadFor ? false : context.imperativePlaying.current,
+            },
+            frame: Math.max(0, currentFrame - preloadFor) + contextOffset,
+        };
+    }, [context, preloadFor, sequenceContext]);
+    return ((0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: value, children: children }));
+};
+exports.Preload = Preload;

package/dist/spring/measure-spring.js

@@ -22,7 +22,7 @@ function measureSpring({ fps, config = {}, threshold = 0.005, from = 0, to = 1,
     if (threshold < 0) {
         throw new TypeError('Threshold is below 0');
     }
-    (0, validate_fps_1.validateFps)(fps, 'to the measureSpring() function');
+    (0, validate_fps_1.validateFps)(fps, 'to the measureSpring() function', null);
     const range = Math.abs(from - to);
     let frame = 0;
     let finishedFrame = 0;

package/dist/use-current-frame.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCurrentFrame = exports.useAbsoluteCurrentFrame = void 0;
 const react_1 = require("react");
+const CanUseRemotionHooks_1 = require("./CanUseRemotionHooks");
 const Sequence_1 = require("./Sequence");
 const timeline_position_state_1 = require("./timeline-position-state");
 const useAbsoluteCurrentFrame = () => {
@@ -15,6 +16,13 @@ exports.useAbsoluteCurrentFrame = useAbsoluteCurrentFrame;
  * @link https://www.remotion.dev/docs/use-current-frame
  */
 const useCurrentFrame = () => {
+    const canUseRemotionHooks = (0, react_1.useContext)(CanUseRemotionHooks_1.CanUseRemotionHooks);
+    if (!canUseRemotionHooks) {
+        if (typeof window !== 'undefined' && window.remotion_isPlayer) {
+            throw new Error(`useCurrentFrame can only be called inside a component that was passed to <Player>. See: https://www.remotion.dev/docs/player/examples`);
+        }
+        throw new Error(`useCurrentFrame() can only be called inside a component that was registered as a composition. See https://www.remotion.dev/docs/the-fundamentals#defining-compositions`);
+    }
     const frame = (0, exports.useAbsoluteCurrentFrame)();
     const context = (0, react_1.useContext)(Sequence_1.SequenceContext);
     const contextOffset = context

package/dist/use-media-playback.js

@@ -38,6 +38,7 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
             src,
             playbackRate: localPlaybackRate,
             startFrom: -mediaStartsAt,
+            mediaType,
         });
         const isTime = mediaRef.current.currentTime;
         const timeShift = Math.abs(shouldBeTime - isTime);

package/dist/use-video-config.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useVideoConfig = void 0;
+const react_1 = require("react");
+const CanUseRemotionHooks_1 = require("./CanUseRemotionHooks");
 const use_unsafe_video_config_1 = require("./use-unsafe-video-config");
 /**
  * Get some info about the context of the video that you are making.
@@ -9,12 +11,16 @@ const use_unsafe_video_config_1 = require("./use-unsafe-video-config");
  */
 const useVideoConfig = () => {
     const videoConfig = (0, use_unsafe_video_config_1.useUnsafeVideoConfig)();
+    const context = (0, react_1.useContext)(CanUseRemotionHooks_1.CanUseRemotionHooks);
     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.');
     }
+    if (!context) {
+        throw new Error('Called useVideoConfig() outside a Remotion composition.');
+    }
     return videoConfig;
 };
 exports.useVideoConfig = useVideoConfig;

package/dist/validation/validate-fps.d.ts

@@ -1 +1,2 @@
-export declare const validateFps: (fps: number, location: string) => void;
+import type { Codec } from '../config';
+export declare const validateFps: (fps: number, location: string, codec: Codec | null) => void;

package/dist/validation/validate-fps.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.validateFps = void 0;
-const validateFps = (fps, location) => {
+const validateFps = (fps, location, codec) => {
     if (typeof fps !== 'number') {
         throw new Error(`"fps" must be a number, but you passed a value of type ${typeof fps} ${location}`);
     }
@@ -14,5 +14,8 @@ const validateFps = (fps, location) => {
     if (fps <= 0) {
         throw new TypeError(`"fps" must be positive, but got ${fps} ${location}`);
     }
+    if (codec === 'gif' && fps > 50) {
+        throw new TypeError(`The FPS for a GIF canot be higher than 50. Use the --skip-n-frames option to lower the FPS: https://remotion.dev/docs/render-as-gif`);
+    }
 };
 exports.validateFps = validateFps;

package/dist/video/Video.d.ts

@@ -3,4 +3,4 @@ import type { RemotionMainVideoProps } from './props';
 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, "key" | "height" | "playsInline" | "poster" | "width" | "disablePictureInPicture" | "disableRemotePlayback" | "controlsList" | "crossOrigin" | "mediaGroup" | "muted" | "preload" | "src" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "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" | "playbackRate" | keyof RemotionMainVideoProps> & React.RefAttributes<HTMLVideoElement>>;
+} & RemotionMainVideoProps, "id" | "height" | "width" | "children" | "src" | "volume" | "playbackRate" | "slot" | "style" | "title" | "property" | "key" | "is" | "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" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "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>>;

package/dist/video/VideoForDevelopment.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-export declare const VideoForDevelopment: React.ForwardRefExoticComponent<Pick<Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "onEnded" | "autoPlay" | "controls" | "loop"> & {
+export declare const VideoForDevelopment: React.ForwardRefExoticComponent<Pick<Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "autoPlay" | "controls" | "loop" | "onEnded"> & {
     volume?: import("../volume-prop").VolumeProp | undefined;
     playbackRate?: number | undefined;
 } & {
     onlyWarnForMediaSeekingError: boolean;
-}, "style" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "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" | "height" | "width" | "key" | "controlsList" | "crossOrigin" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "volume" | "playbackRate" | "poster" | "disablePictureInPicture" | "disableRemotePlayback" | "onlyWarnForMediaSeekingError"> & React.RefAttributes<HTMLVideoElement>>;
+}, "id" | "height" | "width" | "children" | "src" | "volume" | "playbackRate" | "slot" | "style" | "title" | "property" | "key" | "is" | "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" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "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" | "onlyWarnForMediaSeekingError"> & React.RefAttributes<HTMLVideoElement>>;

package/dist/video/VideoForRendering.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import type { RemotionVideoProps } from './props';
-export declare const VideoForRendering: React.ForwardRefExoticComponent<Pick<RemotionVideoProps, "key" | "height" | "playsInline" | "poster" | "width" | "disablePictureInPicture" | "disableRemotePlayback" | "controlsList" | "crossOrigin" | "mediaGroup" | "muted" | "preload" | "src" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "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" | "playbackRate"> & React.RefAttributes<HTMLVideoElement>>;
+export declare const VideoForRendering: React.ForwardRefExoticComponent<Pick<RemotionVideoProps, "id" | "height" | "width" | "children" | "src" | "volume" | "playbackRate" | "slot" | "style" | "title" | "property" | "key" | "is" | "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" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "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"> & React.RefAttributes<HTMLVideoElement>>;

package/dist/video/VideoForRendering.js

@@ -86,6 +86,7 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, playbac
                 src: props.src,
                 playbackRate: playbackRate || 1,
                 startFrom: -mediaStartsAt,
+                mediaType: 'video',
             });
         })();
         const handle = (0, delay_render_1.delayRender)(`Rendering <Video /> with src="${props.src}"`);

package/dist/video/get-current-time.d.ts

@@ -3,10 +3,11 @@ export declare const getExpectedMediaFrameUncorrected: ({ frame, playbackRate, s
     playbackRate: number;
     startFrom: number;
 }) => number;
-export declare const getMediaTime: ({ fps, frame, src, playbackRate, startFrom, }: {
+export declare const getMediaTime: ({ fps, frame, src, playbackRate, startFrom, mediaType, }: {
     fps: number;
     frame: number;
     src: string;
     playbackRate: number;
     startFrom: number;
+    mediaType: 'video' | 'audio';
 }) => number;

package/dist/video/get-current-time.js

@@ -7,24 +7,24 @@ const getExpectedMediaFrameUncorrected = ({ frame, playbackRate, startFrom, }) =
     return (0, interpolate_1.interpolate)(frame, [-1, startFrom, startFrom + 1], [-1, startFrom, startFrom + playbackRate]);
 };
 exports.getExpectedMediaFrameUncorrected = getExpectedMediaFrameUncorrected;
-const getMediaTime = ({ fps, frame, src, playbackRate, startFrom, }) => {
+const getMediaTime = ({ fps, frame, src, playbackRate, startFrom, mediaType, }) => {
     const expectedFrame = (0, exports.getExpectedMediaFrameUncorrected)({
         frame,
         playbackRate,
         startFrom,
     });
-    if (src.endsWith('mp4')) {
-        // In Chrome, for MP4s, if 30fps, the first frame is still displayed at 0.033333
-        // even though after that it increases by 0.033333333 each.
-        // So frame = 0 in Remotion is like frame = 1 for the browser
-        return (expectedFrame + 1) / fps;
-    }
     if (src.endsWith('webm')) {
         // For WebM videos, we need to add a little bit of shift to get the right frame.
         const msPerFrame = 1000 / fps;
         const msShift = msPerFrame / 2;
         return (expectedFrame * msPerFrame + msShift) / 1000;
     }
+    if (mediaType === 'video') {
+        // In Chrome, for MP4s, if 30fps, the first frame is still displayed at 0.033333
+        // even though after that it increases by 0.033333333 each.
+        // So frame = 0 in Remotion is like frame = 1 for the browser
+        return (expectedFrame + 1) / fps;
+    }
     // For audio, we don't do any shift correction
     return expectedFrame / fps;
 };

package/dist/wrap-remotion-context.d.ts

@@ -5,6 +5,7 @@ export declare function useRemotionContexts(): {
     setTimelineContext: import("./timeline-position-state").SetTimelineContextValue;
     sequenceContext: import("./Sequence").SequenceContextType | null;
     nonceContext: import("./nonce").TNonceContext;
+    canUseRemotionHooksContext: boolean;
 };
 export interface RemotionContextProviderProps {
     contexts: ReturnType<typeof useRemotionContexts>;

package/dist/wrap-remotion-context.js

@@ -29,6 +29,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 // such as in React Three Fiber. All the contexts need to be passed again
 // for them to be useable
 const react_1 = __importStar(require("react"));
+const CanUseRemotionHooks_1 = require("./CanUseRemotionHooks");
 const CompositionManager_1 = require("./CompositionManager");
 const nonce_1 = require("./nonce");
 const Sequence_1 = require("./Sequence");
@@ -39,23 +40,26 @@ function useRemotionContexts() {
     const setTimelineContext = react_1.default.useContext(timeline_position_state_1.SetTimelineContext);
     const sequenceContext = react_1.default.useContext(Sequence_1.SequenceContext);
     const nonceContext = react_1.default.useContext(nonce_1.NonceContext);
+    const canUseRemotionHooksContext = react_1.default.useContext(CanUseRemotionHooks_1.CanUseRemotionHooks);
     return (0, react_1.useMemo)(() => ({
         compositionManagerCtx,
         timelineContext,
         setTimelineContext,
         sequenceContext,
         nonceContext,
+        canUseRemotionHooksContext,
     }), [
         compositionManagerCtx,
         nonceContext,
         sequenceContext,
         setTimelineContext,
         timelineContext,
+        canUseRemotionHooksContext,
     ]);
 }
 exports.useRemotionContexts = useRemotionContexts;
 const RemotionContextProvider = (props) => {
     const { children, contexts } = props;
-    return ((0, jsx_runtime_1.jsx)(nonce_1.NonceContext.Provider, { value: contexts.nonceContext, children: (0, jsx_runtime_1.jsx)(CompositionManager_1.CompositionManager.Provider, { value: contexts.compositionManagerCtx, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: contexts.timelineContext, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.SetTimelineContext.Provider, { value: contexts.setTimelineContext, children: (0, jsx_runtime_1.jsx)(Sequence_1.SequenceContext.Provider, { value: contexts.sequenceContext, children: children }) }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(CanUseRemotionHooks_1.CanUseRemotionHooks.Provider, { value: contexts.canUseRemotionHooksContext, children: (0, jsx_runtime_1.jsx)(nonce_1.NonceContext.Provider, { value: contexts.nonceContext, children: (0, jsx_runtime_1.jsx)(CompositionManager_1.CompositionManager.Provider, { value: contexts.compositionManagerCtx, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.TimelineContext.Provider, { value: contexts.timelineContext, children: (0, jsx_runtime_1.jsx)(timeline_position_state_1.SetTimelineContext.Provider, { value: contexts.setTimelineContext, children: (0, jsx_runtime_1.jsx)(Sequence_1.SequenceContext.Provider, { value: contexts.sequenceContext, children: children }) }) }) }) }) }));
 };
 exports.RemotionContextProvider = RemotionContextProvider;

package/package.json

@@ -1,13 +1,13 @@
 {
 	"name": "remotion",
-	"version": "3.0.29",
+	"version": "3.1.0",
 	"description": "Render videos in React",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"sideEffects": false,
 	"scripts": {
 		"lint": "eslint src --ext ts,tsx",
-		"test": "jest --coverage && node generate-badges.js",
+		"test": "vitest --run",
 		"build": "tsc -d",
 		"watch": "tsc -w",
 		"prerelease": "cp ../../README.md ."
@@ -26,22 +26,21 @@
 	},
 	"devDependencies": {
 		"@jonny/eslint-config": "3.0.266",
-		"@testing-library/react": "13.1.1",
-		"@types/jest": "^27.4.0",
+		"@testing-library/react": "13.3.0",
 		"@types/node": "^16.7.5",
 		"@types/react": "18.0.1",
 		"@types/react-dom": "18.0.0",
 		"@types/webpack-env": "^1.16.0",
+		"@vitejs/plugin-react": "^2.0.0",
 		"eslint": "8.13.0",
-		"jest": "^27.2.4",
 		"prettier": "^2.0.5",
 		"prettier-plugin-organize-imports": "^2.3.4",
 		"react": "^18.0.0",
 		"react-dom": "^18.0.0",
 		"react-test-renderer": "^18.0.0",
 		"rimraf": "^3.0.2",
-		"ts-jest": "^27.0.5",
 		"typescript": "^4.7.0",
+		"vitest": "^0.18.0",
 		"webpack": "5.72.0"
 	},
 	"keywords": [
@@ -55,5 +54,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "da2e8a33766bf01b21dfd3c2d0c944356d156722"
+	"gitHead": "482c66127662171577aa427f10fe265fa1bc933b"
 }

package/.turbo/turbo-lint.log

@@ -1,11 +0,0 @@
-remotion:lint: cache hit, replaying output 83f1866e0041ca52
-remotion:lint: 
-remotion:lint: > remotion@3.0.22 lint /Users/jonathanburger/remotion/packages/core
-remotion:lint: > eslint src --ext ts,tsx "--fix"
-remotion:lint: 
-remotion:lint: 
-remotion:lint: /Users/jonathanburger/remotion/packages/core/src/use-lazy-component.ts
-remotion:lint:   10:50  warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any
-remotion:lint: 
-remotion:lint: ✖ 1 problem (0 errors, 1 warning)
-remotion:lint: 

package/dist/AbsoluteFill.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AbsoluteFill.d.ts","sourceRoot":"","sources":["../src/AbsoluteFill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,cAAc,EAAU,MAAM,OAAO,CAAC;AAErD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,CAoBjE,CAAC"}

package/dist/AbsoluteFill.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AbsoluteFill.js","sourceRoot":"","sources":["../src/AbsoluteFill.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqD;AAE9C,MAAM,YAAY,GAA6C,CACrE,KAAK,EACJ,EAAE;IACH,MAAM,EAAC,KAAK,EAAE,GAAG,KAAK,EAAC,GAAG,KAAK,CAAC;IAChC,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAwB,EAAE;QACrD,OAAO;YACN,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,KAAK;SACR,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,gCAAK,KAAK,EAAE,WAAW,KAAM,KAAK,WAAI,CAAC;AAC/C,CAAC,CAAC;AApBW,QAAA,YAAY,gBAoBvB"}

package/dist/AssetRoot.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { TAsset } from './CompositionManager';
-export declare type AssetRootContext = {
-    registerAsset: (asset: TAsset) => void;
-    unregisterAsset: (id: string) => void;
-};
-export declare const AssetManager: React.Context<AssetRootContext>;
-export declare const AssetRoot: React.FC<{
-    children: React.ReactNode;
-    pageIndex: number;
-}>;

package/dist/AssetRoot.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AssetRoot = exports.AssetManager = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-exports.AssetManager = (0, react_1.createContext)({
-    registerAsset: () => undefined,
-    unregisterAsset: () => undefined,
-});
-const AssetRoot = ({ children, pageIndex }) => {
-    const [assets, setAssets] = (0, react_1.useState)([]);
-    const registerAsset = (0, react_1.useCallback)((asset) => {
-        setAssets((assts) => {
-            return [...assts, asset];
-        });
-    }, []);
-    const unregisterAsset = (0, react_1.useCallback)((id) => {
-        setAssets((assts) => {
-            return assts.filter((a) => a.id !== id);
-        });
-    }, []);
-    const context = (0, react_1.useMemo)(() => {
-        return { assets, registerAsset, unregisterAsset };
-    }, [assets, registerAsset, unregisterAsset]);
-    (0, react_1.useLayoutEffect)(() => {
-        if (typeof window !== 'undefined') {
-            if (window.remotion_collectAssets === undefined) {
-                window.remotion_collectAssets = [];
-            }
-            window.remotion_collectAssets[pageIndex] = () => {
-                setAssets([]); // clear assets at next render
-                return assets;
-            };
-        }
-    }, [assets, pageIndex]);
-    return ((0, jsx_runtime_1.jsx)(exports.AssetManager.Provider, { value: context, children: children }));
-};
-exports.AssetRoot = AssetRoot;

package/dist/Composition.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Composition.d.ts","sourceRoot":"","sources":["../src/Composition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,aAAa,EAEb,EAAE,EAIF,MAAM,OAAO,CAAC;AAqBf,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,CAgChE,CAAC;AAEF,aAAK,kBAAkB,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;AAEhF,oBAAY,SAAS,CAAC,CAAC,IACpB;IACA,aAAa,EAAE,MAAM,OAAO,CAAC;QAAC,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,CAAC;CAC9D,GACD;IACA,SAAS,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;CAChC,CAAC;AAEL,oBAAY,UAAU,CAAC,CAAC,IAAI;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,CAAC,EAAE,CAAC,CAAC;CACjB,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAEjB,aAAK,gBAAgB,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,GAAG;IAC1C,GAAG,EAAE,MAAM,CAAC;IACZ,gBAAgB,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,WAAW,4GAgEvB,CAAC"}

package/dist/Composition.js.map

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

package/dist/CompositionManager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompositionManager.d.ts","sourceRoot":"","sources":["../src/CompositionManager.tsx"],"names":[],"mappings":"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"}

package/dist/CompositionManager.js.map

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

package/dist/IFrame.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IFrame.d.ts","sourceRoot":"","sources":["../src/IFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAyC/D,eAAO,MAAM,MAAM,wOAAkC,CAAC"}

package/dist/IFrame.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IFrame.js","sourceRoot":"","sources":["../src/IFrame.tsx"],"names":[],"mappings":";;;;AAAA,iCAA+D;AAC/D,iDAA2D;AAE3D,MAAM,mBAAmB,GAMrB,CAAC,EAAC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IACxC,MAAM,CAAC,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAC9B,IAAA,0BAAW,EAAC,gCAAgC,KAAK,CAAC,GAAG,EAAE,CAAC,CACxD,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,mBAAW,EAC1B,CAAC,CAAiD,EAAE,EAAE;QACrD,IAAA,6BAAc,EAAC,MAAM,CAAC,CAAC;QACvB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAC;IACb,CAAC,EACD,CAAC,MAAM,EAAE,MAAM,CAAC,CAChB,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAiD,EAAE,EAAE;QACrD,IAAA,6BAAc,EAAC,MAAM,CAAC,CAAC;QACvB,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;SACX;aAAM;YACN,OAAO,CAAC,KAAK,CACZ,uBAAuB,EACvB,CAAC,EACD,2EAA2E,CAC3E,CAAC;SACF;IACF,CAAC,EACD,CAAC,MAAM,EAAE,OAAO,CAAC,CACjB,CAAC;IAEF,OAAO,sCAAY,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,WAAI,CAAC;AAC/E,CAAC,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,kBAAU,EAAC,mBAAmB,CAAC,CAAC"}

package/dist/Img.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Img.d.ts","sourceRoot":"","sources":["../src/Img.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAC;AAkD1E,eAAO,MAAM,GAAG,8NAA+B,CAAC"}

package/dist/Img.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Img.js","sourceRoot":"","sources":["../src/Img.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0E;AAC1E,iDAA2D;AAE3D,MAAM,gBAAgB,GAMlB,CAAC,EAAC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IACxC,MAAM,CAAC,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAC9B,IAAA,0BAAW,EAAC,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,CAClD,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IACC,GAAG;YACF,GAAgD,CAAC,OAAO,CAAC,QAAQ,EACjE;YACD,IAAA,6BAAc,EAAC,MAAM,CAAC,CAAC;SACvB;IACF,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC;IAElB,MAAM,OAAO,GAAG,IAAA,mBAAW,EAC1B,CAAC,CAAgD,EAAE,EAAE;QACpD,IAAA,6BAAc,EAAC,MAAM,CAAC,CAAC;QACvB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAC;IACb,CAAC,EACD,CAAC,MAAM,EAAE,MAAM,CAAC,CAChB,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAgD,EAAE,EAAE;QACpD,IAAA,6BAAc,EAAC,MAAM,CAAC,CAAC;QACvB,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;SACX;aAAM;YACN,OAAO,CAAC,KAAK,CACZ,sBAAsB,EACtB,CAAC,EACD,2EAA2E,CAC3E,CAAC;SACF;IACF,CAAC,EACD,CAAC,MAAM,EAAE,OAAO,CAAC,CACjB,CAAC;IAEF,OAAO,mCAAS,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,WAAI,CAAC;AAC5E,CAAC,CAAC;AAEW,QAAA,GAAG,GAAG,IAAA,kBAAU,EAAC,gBAAgB,CAAC,CAAC"}

package/dist/RemotionRoot.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RemotionRoot.d.ts","sourceRoot":"","sources":["../src/RemotionRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAcf,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CA0EA,CAAC"}

package/dist/RemotionRoot.js.map

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

package/dist/Still.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Still.d.ts","sourceRoot":"","sources":["../src/Still.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,UAAU,EAAC,MAAM,eAAe,CAAC;AAEtD,eAAO,MAAM,KAAK,0CAEjB,CAAC"}

package/dist/Still.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Still.js","sourceRoot":"","sources":["../src/Still.tsx"],"names":[],"mappings":";;;;AAAA,+CAAsD;AAE/C,MAAM,KAAK,GAAG,CAAK,KAAoB,EAAE,EAAE;IACjD,OAAO,uBAAC,yBAAW,IAAC,GAAG,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC,KAAM,KAAK,WAAI,CAAC;AAChE,CAAC,CAAC;AAFW,QAAA,KAAK,SAEhB"}

package/dist/TimelineRoot.d.ts

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