remotion 4.0.0-fastlambda.3 → 4.0.0-fastlambda.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +1 -1
- package/dist/Img.js +6 -0
- package/dist/config/chromium-flags.d.ts +1 -1
- package/dist/config/index.d.ts +5 -5
- package/dist/config/index.js +2 -2
- package/dist/internals.d.ts +9 -12
- package/dist/internals.js +0 -3
- package/dist/validation/validate-opengl-renderer.d.ts +1 -1
- package/dist/validation/validate-opengl-renderer.js +1 -1
- package/dist/video/Video.d.ts +1 -1
- package/dist/video/VideoForRendering.d.ts +1 -1
- package/dist/video/VideoForRendering.js +4 -0
- package/package.json +2 -2
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
[32mremotion:build: [0mcache hit, replaying output [
|
|
1
|
+
[32mremotion:build: [0mcache hit, replaying output [2m4747262c86874f85[0m
|
|
2
2
|
[32mremotion:build: [0m
|
|
3
3
|
[32mremotion:build: [0m> remotion@3.0.7 build /Users/jonathanburger/remotion/packages/core
|
|
4
4
|
[32mremotion:build: [0m> tsc -d
|
package/dist/Img.js
CHANGED
|
@@ -25,6 +25,12 @@ const ImgRefForwarding = ({ onLoad, onError, ...props }, ref) => {
|
|
|
25
25
|
console.error('Error loading image:', e, 'Handle the event using the onError() prop to make this message disappear.');
|
|
26
26
|
}
|
|
27
27
|
}, [handle, onError]);
|
|
28
|
+
// If tag gets unmounted, clear pending handles because image is not going to load
|
|
29
|
+
(0, react_1.useEffect)(() => {
|
|
30
|
+
return () => {
|
|
31
|
+
(0, delay_render_1.continueRender)(handle);
|
|
32
|
+
};
|
|
33
|
+
}, [handle]);
|
|
28
34
|
return (0, jsx_runtime_1.jsx)("img", { ...props, ref: ref, onLoad: didLoad, onError: didGetError }, void 0);
|
|
29
35
|
};
|
|
30
36
|
exports.Img = (0, react_1.forwardRef)(ImgRefForwarding);
|
|
@@ -4,7 +4,7 @@ export declare const getChromiumDisableWebSecurity: () => boolean;
|
|
|
4
4
|
export declare const setChromiumDisableWebSecurity: (should: boolean) => void;
|
|
5
5
|
export declare const getIgnoreCertificateErrors: () => boolean;
|
|
6
6
|
export declare const setChromiumIgnoreCertificateErrors: (should: boolean) => void;
|
|
7
|
-
export declare const getChromiumOpenGlRenderer: () => "angle" | "egl" | "swiftshader" | null;
|
|
7
|
+
export declare const getChromiumOpenGlRenderer: () => "swangle" | "angle" | "egl" | "swiftshader" | null;
|
|
8
8
|
export declare const setChromiumOpenGlRenderer: (renderer: OpenGlRenderer) => void;
|
|
9
9
|
export declare const getChromiumHeadlessMode: () => boolean;
|
|
10
10
|
export declare const setChromiumHeadlessMode: (should: boolean) => void;
|
package/dist/config/index.d.ts
CHANGED
|
@@ -73,10 +73,10 @@ export declare const Config: {
|
|
|
73
73
|
*/
|
|
74
74
|
readonly setChromiumHeadlessMode: (should: boolean) => void;
|
|
75
75
|
/**
|
|
76
|
-
* Set the OpenGL rendering backend for Chrome. Possible values: 'egl', 'angle' and '
|
|
77
|
-
* Default: '
|
|
76
|
+
* Set the OpenGL rendering backend for Chrome. Possible values: 'egl', 'angle', 'swiftshader' and 'swangle'.
|
|
77
|
+
* Default: 'swangle' in Lambda, null elsewhere.
|
|
78
78
|
*/
|
|
79
|
-
readonly setChromiumOpenGlRenderer: (renderer: "angle" | "egl" | "swiftshader") => void;
|
|
79
|
+
readonly setChromiumOpenGlRenderer: (renderer: "swangle" | "angle" | "egl" | "swiftshader") => void;
|
|
80
80
|
};
|
|
81
81
|
readonly Rendering: {
|
|
82
82
|
/**
|
|
@@ -99,7 +99,7 @@ export declare const Config: {
|
|
|
99
99
|
/** Decide in which image format to render. Can be either 'jpeg' or 'png'.
|
|
100
100
|
* PNG is slower, but supports transparency.
|
|
101
101
|
*/
|
|
102
|
-
readonly setImageFormat: (format: "
|
|
102
|
+
readonly setImageFormat: (format: "png" | "jpeg" | "none") => void;
|
|
103
103
|
/**
|
|
104
104
|
* Render only a subset of a video.
|
|
105
105
|
* Pass in a tuple [20, 30] to only render frames 20-30 into a video.
|
|
@@ -156,7 +156,7 @@ export declare const Config: {
|
|
|
156
156
|
* Possible values: 4444-xq, 4444, hq, standard, light, proxy. Default: 'hq'
|
|
157
157
|
* See https://avpres.net/FFmpeg/im_ProRes.html for meaning of possible values.
|
|
158
158
|
*/
|
|
159
|
-
readonly setProResProfile: (profile: "
|
|
159
|
+
readonly setProResProfile: (profile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined) => void;
|
|
160
160
|
};
|
|
161
161
|
};
|
|
162
162
|
export type { PixelFormat, Concurrency, WebpackConfiguration, WebpackOverrideFn, BrowserExecutable, FfmpegExecutable, ImageFormat, Codec, Browser, FrameRange, LogLevel, StillImageFormat, };
|
package/dist/config/index.js
CHANGED
|
@@ -87,8 +87,8 @@ exports.Config = {
|
|
|
87
87
|
*/
|
|
88
88
|
setChromiumHeadlessMode: chromium_flags_1.setChromiumHeadlessMode,
|
|
89
89
|
/**
|
|
90
|
-
* Set the OpenGL rendering backend for Chrome. Possible values: 'egl', 'angle' and '
|
|
91
|
-
* Default: '
|
|
90
|
+
* Set the OpenGL rendering backend for Chrome. Possible values: 'egl', 'angle', 'swiftshader' and 'swangle'.
|
|
91
|
+
* Default: 'swangle' in Lambda, null elsewhere.
|
|
92
92
|
*/
|
|
93
93
|
setChromiumOpenGlRenderer: chromium_flags_1.setChromiumOpenGlRenderer,
|
|
94
94
|
},
|
package/dist/internals.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { CompProps } from './Composition';
|
|
3
2
|
import { CompositionManagerContext, RenderAssetInfo, TAsset, TCompMetadata, TComposition, TSequence } from './CompositionManager';
|
|
4
3
|
import * as AssetCompression from './compress-assets';
|
|
@@ -76,11 +75,11 @@ export declare const Internals: {
|
|
|
76
75
|
getDefaultCrfForCodec: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv") => number;
|
|
77
76
|
getActualCrf: (codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv") => number;
|
|
78
77
|
setFrameRangeFromCli: (newFrameRange: string | number) => void;
|
|
79
|
-
getUserPreferredImageFormat: () => "
|
|
80
|
-
validateSelectedPixelFormatAndImageFormatCombination: (pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le", imageFormat: "
|
|
78
|
+
getUserPreferredImageFormat: () => "png" | "jpeg" | "none" | undefined;
|
|
79
|
+
validateSelectedPixelFormatAndImageFormatCombination: (pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le", imageFormat: "png" | "jpeg" | "none") => "none" | "valid";
|
|
81
80
|
validateSelectedPixelFormatAndCodecCombination: (pixelFormat: "yuv420p" | "yuva420p" | "yuv422p" | "yuv444p" | "yuv420p10le" | "yuv422p10le" | "yuv444p10le" | "yuva444p10le", codec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv") => void;
|
|
82
81
|
validateFrameRange: (frameRange: import("./config/frame-range").FrameRange | null) => void;
|
|
83
|
-
validateNonNullImageFormat: (imageFormat: "
|
|
82
|
+
validateNonNullImageFormat: (imageFormat: "png" | "jpeg" | "none") => void;
|
|
84
83
|
getWebpackCaching: () => boolean;
|
|
85
84
|
useLazyComponent: <T>(compProps: CompProps<T>) => import("react").ExoticComponent<(import("react").PropsWithoutRef<T> & import("react").RefAttributes<import("react").Component<T, any, any>>) | import("react").PropsWithRef<T>> & {
|
|
86
85
|
readonly _result: import("react").ComponentType<T>;
|
|
@@ -93,9 +92,7 @@ export declare const Internals: {
|
|
|
93
92
|
RemotionContextProvider: (props: import("./wrap-remotion-context").RemotionContextProviderProps) => JSX.Element;
|
|
94
93
|
CSSUtils: typeof CSSUtils;
|
|
95
94
|
setupEnvVariables: () => void;
|
|
96
|
-
setupInitialFrame: () => void;
|
|
97
95
|
ENV_VARIABLES_ENV_NAME: "ENV_VARIABLES";
|
|
98
|
-
INITIAL_FRAME_LOCAL_STORAGE_KEY: string;
|
|
99
96
|
getDotEnvLocation: () => string | null;
|
|
100
97
|
getServerPort: () => number | undefined;
|
|
101
98
|
MediaVolumeContext: import("react").Context<MediaVolumeContextValue>;
|
|
@@ -104,9 +101,9 @@ export declare const Internals: {
|
|
|
104
101
|
validateFps: (fps: number, location: string) => void;
|
|
105
102
|
validateDimension: (amount: number, nameOfProp: string, location: string) => void;
|
|
106
103
|
getRemotionEnvironment: () => RemotionEnvironment;
|
|
107
|
-
getProResProfile: () => "
|
|
108
|
-
setProResProfile: (profile: "
|
|
109
|
-
validateSelectedCodecAndProResCombination: (actualCodec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv", actualProResProfile: "
|
|
104
|
+
getProResProfile: () => "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined;
|
|
105
|
+
setProResProfile: (profile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined) => void;
|
|
106
|
+
validateSelectedCodecAndProResCombination: (actualCodec: "h264" | "h265" | "vp8" | "vp9" | "mp3" | "aac" | "wav" | "prores" | "h264-mkv", actualProResProfile: "4444-xq" | "4444" | "hq" | "standard" | "light" | "proxy" | undefined) => void;
|
|
110
107
|
getMaxTimelineTracks: () => number;
|
|
111
108
|
SharedAudioContext: import("react").Context<{
|
|
112
109
|
registerAudio: (aud: import("./audio").RemotionAudioProps) => {
|
|
@@ -138,10 +135,10 @@ export declare const Internals: {
|
|
|
138
135
|
getCurrentPuppeteerTimeout: () => number;
|
|
139
136
|
getChromiumDisableWebSecurity: () => boolean;
|
|
140
137
|
getIgnoreCertificateErrors: () => boolean;
|
|
141
|
-
validateOpenGlRenderer: (option: "angle" | "egl" | "swiftshader" | null) => "angle" | "egl" | "swiftshader" | null;
|
|
142
|
-
getChromiumOpenGlRenderer: () => "angle" | "egl" | "swiftshader" | null;
|
|
138
|
+
validateOpenGlRenderer: (option: "swangle" | "angle" | "egl" | "swiftshader" | null) => "swangle" | "angle" | "egl" | "swiftshader" | null;
|
|
139
|
+
getChromiumOpenGlRenderer: () => "swangle" | "angle" | "egl" | "swiftshader" | null;
|
|
143
140
|
getChromiumHeadlessMode: () => boolean;
|
|
144
|
-
DEFAULT_OPENGL_RENDERER: "angle" | "egl" | "swiftshader" | null;
|
|
141
|
+
DEFAULT_OPENGL_RENDERER: "swangle" | "angle" | "egl" | "swiftshader" | null;
|
|
145
142
|
getPreviewDomElement: () => HTMLElement | null;
|
|
146
143
|
compositionsRef: import("react").RefObject<{
|
|
147
144
|
getCompositions: () => TCompMetadata[];
|
package/dist/internals.js
CHANGED
|
@@ -51,7 +51,6 @@ const delay_render_1 = require("./delay-render");
|
|
|
51
51
|
const feature_flags_1 = require("./feature-flags");
|
|
52
52
|
const get_environment_1 = require("./get-environment");
|
|
53
53
|
const get_preview_dom_element_1 = require("./get-preview-dom-element");
|
|
54
|
-
const initial_frame_1 = require("./initial-frame");
|
|
55
54
|
const is_audio_codec_1 = require("./is-audio-codec");
|
|
56
55
|
const perf = __importStar(require("./perf"));
|
|
57
56
|
const register_root_1 = require("./register-root");
|
|
@@ -125,9 +124,7 @@ exports.Internals = {
|
|
|
125
124
|
RemotionContextProvider: wrap_remotion_context_1.RemotionContextProvider,
|
|
126
125
|
CSSUtils,
|
|
127
126
|
setupEnvVariables: setup_env_variables_1.setupEnvVariables,
|
|
128
|
-
setupInitialFrame: initial_frame_1.setupInitialFrame,
|
|
129
127
|
ENV_VARIABLES_ENV_NAME: setup_env_variables_1.ENV_VARIABLES_ENV_NAME,
|
|
130
|
-
INITIAL_FRAME_LOCAL_STORAGE_KEY: initial_frame_1.INITIAL_FRAME_LOCAL_STORAGE_KEY,
|
|
131
128
|
getDotEnvLocation: env_file_1.getDotEnvLocation,
|
|
132
129
|
getServerPort: preview_server_1.getServerPort,
|
|
133
130
|
MediaVolumeContext: volume_position_state_1.MediaVolumeContext,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
declare const validRenderers: readonly ["angle", "egl", "swiftshader"];
|
|
1
|
+
declare const validRenderers: readonly ["swangle", "angle", "egl", "swiftshader"];
|
|
2
2
|
export declare type OpenGlRenderer = typeof validRenderers[number];
|
|
3
3
|
export declare const validateOpenGlRenderer: (option: OpenGlRenderer | null) => OpenGlRenderer | null;
|
|
4
4
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.validateOpenGlRenderer = void 0;
|
|
4
|
-
const validRenderers = ['angle', 'egl', 'swiftshader'];
|
|
4
|
+
const validRenderers = ['swangle', 'angle', 'egl', 'swiftshader'];
|
|
5
5
|
const validateOpenGlRenderer = (option) => {
|
|
6
6
|
if (option === null) {
|
|
7
7
|
return null;
|
package/dist/video/Video.d.ts
CHANGED
|
@@ -3,4 +3,4 @@ import { RemotionMainVideoProps } from './props';
|
|
|
3
3
|
export declare const Video: React.ForwardRefExoticComponent<Pick<Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "onEnded" | "autoPlay" | "controls" | "loop"> & {
|
|
4
4
|
volume?: import("../volume-prop").VolumeProp | undefined;
|
|
5
5
|
playbackRate?: number | undefined;
|
|
6
|
-
} & RemotionMainVideoProps, "
|
|
6
|
+
} & RemotionMainVideoProps, "crossOrigin" | "height" | "src" | "width" | "onLoad" | "onError" | "key" | "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" | "onLoadCapture" | "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" | "playsInline" | "poster" | "disablePictureInPicture" | "disableRemotePlayback" | "controlsList" | "mediaGroup" | "muted" | "preload" | "volume" | "playbackRate" | keyof RemotionMainVideoProps> & React.RefAttributes<HTMLVideoElement>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { RemotionVideoProps } from './props';
|
|
3
|
-
export declare const VideoForRendering: React.ForwardRefExoticComponent<Pick<RemotionVideoProps, "
|
|
3
|
+
export declare const VideoForRendering: React.ForwardRefExoticComponent<Pick<RemotionVideoProps, "crossOrigin" | "height" | "src" | "width" | "onLoad" | "onError" | "key" | "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" | "onLoadCapture" | "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" | "playsInline" | "poster" | "disablePictureInPicture" | "disableRemotePlayback" | "controlsList" | "mediaGroup" | "muted" | "preload" | "volume" | "playbackRate"> & React.RefAttributes<HTMLVideoElement>>;
|
|
@@ -129,6 +129,10 @@ const VideoForRenderingForwardFunction = ({ onError, volume: volumeProp, playbac
|
|
|
129
129
|
throw new Error('The browser threw an errir');
|
|
130
130
|
}
|
|
131
131
|
}, { once: true });
|
|
132
|
+
// If video skips to another frame or unmounts, we clear the created handle
|
|
133
|
+
return () => {
|
|
134
|
+
(0, delay_render_1.continueRender)(handle);
|
|
135
|
+
};
|
|
132
136
|
}, [
|
|
133
137
|
volumePropsFrame,
|
|
134
138
|
props.src,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "remotion",
|
|
3
|
-
"version": "4.0.0-fastlambda.
|
|
3
|
+
"version": "4.0.0-fastlambda.31+442e0f4fe",
|
|
4
4
|
"description": "Render videos in React",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"publishConfig": {
|
|
56
56
|
"access": "public"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "442e0f4fe3122ea86e62f93d777adc10365a27f2"
|
|
59
59
|
}
|