remotion 4.0.428 → 4.0.429
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/dist/cjs/CompositionManager.d.ts +5 -0
- package/dist/cjs/Img.js +1 -1
- package/dist/cjs/RemotionRoot.js +3 -3
- package/dist/cjs/ResolveCompositionConfig.js +1 -1
- package/dist/cjs/Sequence.d.ts +2 -1
- package/dist/cjs/Sequence.js +7 -5
- package/dist/cjs/SequenceManager.d.ts +6 -0
- package/dist/cjs/SequenceManager.js +40 -2
- package/dist/cjs/audio/Audio.js +1 -1
- package/dist/cjs/audio/AudioForPreview.js +2 -2
- package/dist/cjs/audio/AudioForRendering.js +2 -2
- package/dist/cjs/audio/use-audio-frame.js +1 -1
- package/dist/cjs/index.d.ts +2 -2
- package/dist/cjs/internals.d.ts +2 -0
- package/dist/cjs/internals.js +3 -0
- package/dist/cjs/series/index.js +1 -1
- package/dist/cjs/use-media-in-timeline.js +4 -3
- package/dist/cjs/use-sequence-control-override.d.ts +1 -0
- package/dist/cjs/use-sequence-control-override.js +16 -0
- package/dist/cjs/version.d.ts +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/video/OffthreadVideo.js +1 -1
- package/dist/cjs/video/OffthreadVideoForRendering.js +3 -3
- package/dist/cjs/video/Video.js +2 -2
- package/dist/cjs/video/VideoForPreview.js +2 -2
- package/dist/cjs/video/VideoForRendering.js +2 -2
- package/dist/esm/index.mjs +311 -251
- package/dist/esm/version.mjs +1 -1
- package/package.json +3 -3
|
@@ -43,6 +43,10 @@ export type LoopDisplay = {
|
|
|
43
43
|
startOffset: number;
|
|
44
44
|
durationInFrames: number;
|
|
45
45
|
};
|
|
46
|
+
export type SequenceControls = {
|
|
47
|
+
schema: AnyZodObject;
|
|
48
|
+
currentValue: Record<string, unknown>;
|
|
49
|
+
};
|
|
46
50
|
export type TSequence = {
|
|
47
51
|
from: number;
|
|
48
52
|
duration: number;
|
|
@@ -56,6 +60,7 @@ export type TSequence = {
|
|
|
56
60
|
stack: string | null;
|
|
57
61
|
premountDisplay: number | null;
|
|
58
62
|
postmountDisplay: number | null;
|
|
63
|
+
controls: SequenceControls | null;
|
|
59
64
|
} & EnhancedTSequenceData;
|
|
60
65
|
export type AudioOrVideoAsset = {
|
|
61
66
|
type: 'audio' | 'video';
|
package/dist/cjs/Img.js
CHANGED
|
@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.Img = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
|
-
const SequenceContext_js_1 = require("./SequenceContext.js");
|
|
7
6
|
const cancel_render_js_1 = require("./cancel-render.js");
|
|
8
7
|
const get_cross_origin_value_js_1 = require("./get-cross-origin-value.js");
|
|
9
8
|
const prefetch_js_1 = require("./prefetch.js");
|
|
9
|
+
const SequenceContext_js_1 = require("./SequenceContext.js");
|
|
10
10
|
const use_buffer_state_js_1 = require("./use-buffer-state.js");
|
|
11
11
|
const use_delay_render_js_1 = require("./use-delay-render.js");
|
|
12
12
|
const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
|
package/dist/cjs/RemotionRoot.js
CHANGED
|
@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.RemotionRootContexts = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
|
-
const EditorProps_js_1 = require("./EditorProps.js");
|
|
7
|
-
const SequenceManager_js_1 = require("./SequenceManager.js");
|
|
8
|
-
const TimelineContext_js_1 = require("./TimelineContext.js");
|
|
9
6
|
const shared_audio_tags_js_1 = require("./audio/shared-audio-tags.js");
|
|
10
7
|
const buffering_js_1 = require("./buffering.js");
|
|
8
|
+
const EditorProps_js_1 = require("./EditorProps.js");
|
|
11
9
|
const log_level_context_js_1 = require("./log-level-context.js");
|
|
12
10
|
const nonce_js_1 = require("./nonce.js");
|
|
13
11
|
const prefetch_state_js_1 = require("./prefetch-state.js");
|
|
12
|
+
const SequenceManager_js_1 = require("./SequenceManager.js");
|
|
13
|
+
const TimelineContext_js_1 = require("./TimelineContext.js");
|
|
14
14
|
const use_media_enabled_js_1 = require("./use-media-enabled.js");
|
|
15
15
|
const duration_state_js_1 = require("./video/duration-state.js");
|
|
16
16
|
const RemotionRootContexts = ({ children, numberOfAudioTags, logLevel, audioLatencyHint, videoEnabled, audioEnabled, frameState, nonceContextSeed, }) => {
|
|
@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.useResolvedVideoConfig = exports.PROPS_UPDATED_EXTERNALLY = exports.needsResolution = exports.resolveCompositionsRef = exports.ResolveCompositionContext = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
const CompositionManagerContext_js_1 = require("./CompositionManagerContext.js");
|
|
6
|
-
const EditorProps_js_1 = require("./EditorProps.js");
|
|
7
6
|
const input_props_js_1 = require("./config/input-props.js");
|
|
7
|
+
const EditorProps_js_1 = require("./EditorProps.js");
|
|
8
8
|
const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
|
|
9
9
|
const validate_dimensions_js_1 = require("./validation/validate-dimensions.js");
|
|
10
10
|
const validate_duration_in_frames_js_1 = require("./validation/validate-duration-in-frames.js");
|
package/dist/cjs/Sequence.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { LoopDisplay } from './CompositionManager.js';
|
|
2
|
+
import type { LoopDisplay, SequenceControls } from './CompositionManager.js';
|
|
3
3
|
export type AbsoluteFillLayout = {
|
|
4
4
|
layout?: 'absolute-fill';
|
|
5
5
|
premountFor?: number;
|
|
@@ -19,6 +19,7 @@ export type SequencePropsWithoutDuration = {
|
|
|
19
19
|
readonly from?: number;
|
|
20
20
|
readonly name?: string;
|
|
21
21
|
readonly showInTimeline?: boolean;
|
|
22
|
+
readonly controls?: SequenceControls;
|
|
22
23
|
/**
|
|
23
24
|
* @deprecated For internal use only.
|
|
24
25
|
*/
|
package/dist/cjs/Sequence.js
CHANGED
|
@@ -5,17 +5,17 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
/* eslint-disable @typescript-eslint/no-use-before-define */
|
|
6
6
|
const react_1 = require("react");
|
|
7
7
|
const AbsoluteFill_js_1 = require("./AbsoluteFill.js");
|
|
8
|
+
const freeze_js_1 = require("./freeze.js");
|
|
9
|
+
const nonce_js_1 = require("./nonce.js");
|
|
8
10
|
const SequenceContext_js_1 = require("./SequenceContext.js");
|
|
9
11
|
const SequenceManager_js_1 = require("./SequenceManager.js");
|
|
10
|
-
const TimelineContext_js_1 = require("./TimelineContext.js");
|
|
11
|
-
const nonce_js_1 = require("./nonce.js");
|
|
12
12
|
const timeline_position_state_js_1 = require("./timeline-position-state.js");
|
|
13
|
-
const
|
|
14
|
-
const freeze_js_1 = require("./freeze.js");
|
|
13
|
+
const TimelineContext_js_1 = require("./TimelineContext.js");
|
|
15
14
|
const use_current_frame_1 = require("./use-current-frame");
|
|
16
15
|
const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
|
|
16
|
+
const use_video_config_js_1 = require("./use-video-config.js");
|
|
17
17
|
const v5_flag_js_1 = require("./v5-flag.js");
|
|
18
|
-
const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Infinity, children, name, height, width, showInTimeline = true, _remotionInternalLoopDisplay: loopDisplay, _remotionInternalStack: stack, _remotionInternalPremountDisplay: premountDisplay, _remotionInternalPostmountDisplay: postmountDisplay, ...other }, ref) => {
|
|
18
|
+
const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Infinity, children, name, height, width, showInTimeline = true, controls, _remotionInternalLoopDisplay: loopDisplay, _remotionInternalStack: stack, _remotionInternalPremountDisplay: premountDisplay, _remotionInternalPostmountDisplay: postmountDisplay, ...other }, ref) => {
|
|
19
19
|
var _a, _b;
|
|
20
20
|
const { layout = 'absolute-fill' } = other;
|
|
21
21
|
const [id] = (0, react_1.useState)(() => String(Math.random()));
|
|
@@ -114,6 +114,7 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Inf
|
|
|
114
114
|
stack: stack !== null && stack !== void 0 ? stack : inheritedStack,
|
|
115
115
|
premountDisplay: premountDisplay !== null && premountDisplay !== void 0 ? premountDisplay : null,
|
|
116
116
|
postmountDisplay: postmountDisplay !== null && postmountDisplay !== void 0 ? postmountDisplay : null,
|
|
117
|
+
controls: controls !== null && controls !== void 0 ? controls : null,
|
|
117
118
|
});
|
|
118
119
|
return () => {
|
|
119
120
|
unregisterSequence(id);
|
|
@@ -137,6 +138,7 @@ const RegularSequenceRefForwardingFunction = ({ from = 0, durationInFrames = Inf
|
|
|
137
138
|
postmountDisplay,
|
|
138
139
|
env.isStudio,
|
|
139
140
|
inheritedStack,
|
|
141
|
+
controls,
|
|
140
142
|
]);
|
|
141
143
|
// Ceil to support floats
|
|
142
144
|
// https://github.com/remotion-dev/remotion/issues/2958
|
|
@@ -11,6 +11,12 @@ export type SequenceVisibilityToggleState = {
|
|
|
11
11
|
setHidden: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
|
|
12
12
|
};
|
|
13
13
|
export declare const SequenceVisibilityToggleContext: React.Context<SequenceVisibilityToggleState>;
|
|
14
|
+
export type SequenceControlOverrideState = {
|
|
15
|
+
overrides: Record<string, Record<string, unknown>>;
|
|
16
|
+
setOverride: (sequenceId: string, key: string, value: unknown) => void;
|
|
17
|
+
clearOverrides: (sequenceId: string) => void;
|
|
18
|
+
};
|
|
19
|
+
export declare const SequenceControlOverrideContext: React.Context<SequenceControlOverrideState>;
|
|
14
20
|
export declare const SequenceManagerProvider: React.FC<{
|
|
15
21
|
readonly children: React.ReactNode;
|
|
16
22
|
}>;
|
|
@@ -33,7 +33,7 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
33
33
|
};
|
|
34
34
|
})();
|
|
35
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
exports.SequenceManagerProvider = exports.SequenceVisibilityToggleContext = exports.SequenceManager = void 0;
|
|
36
|
+
exports.SequenceManagerProvider = exports.SequenceControlOverrideContext = exports.SequenceVisibilityToggleContext = exports.SequenceManager = void 0;
|
|
37
37
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
38
|
const react_1 = __importStar(require("react"));
|
|
39
39
|
exports.SequenceManager = react_1.default.createContext({
|
|
@@ -51,9 +51,40 @@ exports.SequenceVisibilityToggleContext = react_1.default.createContext({
|
|
|
51
51
|
throw new Error('SequenceVisibilityToggle not initialized');
|
|
52
52
|
},
|
|
53
53
|
});
|
|
54
|
+
exports.SequenceControlOverrideContext = react_1.default.createContext({
|
|
55
|
+
overrides: {},
|
|
56
|
+
setOverride: () => {
|
|
57
|
+
throw new Error('SequenceControlOverrideContext not initialized');
|
|
58
|
+
},
|
|
59
|
+
clearOverrides: () => {
|
|
60
|
+
throw new Error('SequenceControlOverrideContext not initialized');
|
|
61
|
+
},
|
|
62
|
+
});
|
|
54
63
|
const SequenceManagerProvider = ({ children }) => {
|
|
55
64
|
const [sequences, setSequences] = (0, react_1.useState)([]);
|
|
56
65
|
const [hidden, setHidden] = (0, react_1.useState)({});
|
|
66
|
+
const [controlOverrides, setControlOverrides] = (0, react_1.useState)({});
|
|
67
|
+
const controlOverridesRef = (0, react_1.useRef)(controlOverrides);
|
|
68
|
+
controlOverridesRef.current = controlOverrides;
|
|
69
|
+
const setOverride = (0, react_1.useCallback)((sequenceId, key, value) => {
|
|
70
|
+
setControlOverrides((prev) => ({
|
|
71
|
+
...prev,
|
|
72
|
+
[sequenceId]: {
|
|
73
|
+
...prev[sequenceId],
|
|
74
|
+
[key]: value,
|
|
75
|
+
},
|
|
76
|
+
}));
|
|
77
|
+
}, []);
|
|
78
|
+
const clearOverrides = (0, react_1.useCallback)((sequenceId) => {
|
|
79
|
+
setControlOverrides((prev) => {
|
|
80
|
+
if (!prev[sequenceId]) {
|
|
81
|
+
return prev;
|
|
82
|
+
}
|
|
83
|
+
const next = { ...prev };
|
|
84
|
+
delete next[sequenceId];
|
|
85
|
+
return next;
|
|
86
|
+
});
|
|
87
|
+
}, []);
|
|
57
88
|
const registerSequence = (0, react_1.useCallback)((seq) => {
|
|
58
89
|
setSequences((seqs) => {
|
|
59
90
|
return [...seqs, seq];
|
|
@@ -75,6 +106,13 @@ const SequenceManagerProvider = ({ children }) => {
|
|
|
75
106
|
setHidden,
|
|
76
107
|
};
|
|
77
108
|
}, [hidden]);
|
|
78
|
-
|
|
109
|
+
const overrideContext = (0, react_1.useMemo)(() => {
|
|
110
|
+
return {
|
|
111
|
+
overrides: controlOverrides,
|
|
112
|
+
setOverride,
|
|
113
|
+
clearOverrides,
|
|
114
|
+
};
|
|
115
|
+
}, [controlOverrides, setOverride, clearOverrides]);
|
|
116
|
+
return ((0, jsx_runtime_1.jsx)(exports.SequenceManager.Provider, { value: sequenceContext, children: (0, jsx_runtime_1.jsx)(exports.SequenceVisibilityToggleContext.Provider, { value: hiddenContext, children: (0, jsx_runtime_1.jsx)(exports.SequenceControlOverrideContext.Provider, { value: overrideContext, children: children }) }) }));
|
|
79
117
|
};
|
|
80
118
|
exports.SequenceManagerProvider = SequenceManagerProvider;
|
package/dist/cjs/audio/Audio.js
CHANGED
|
@@ -4,13 +4,13 @@ exports.Audio = exports.Html5Audio = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
/* eslint-disable @typescript-eslint/no-use-before-define */
|
|
6
6
|
const react_1 = require("react");
|
|
7
|
-
const Sequence_js_1 = require("../Sequence.js");
|
|
8
7
|
const absolute_src_js_1 = require("../absolute-src.js");
|
|
9
8
|
const calculate_media_duration_js_1 = require("../calculate-media-duration.js");
|
|
10
9
|
const cancel_render_js_1 = require("../cancel-render.js");
|
|
11
10
|
const enable_sequence_stack_traces_js_1 = require("../enable-sequence-stack-traces.js");
|
|
12
11
|
const index_js_1 = require("../loop/index.js");
|
|
13
12
|
const prefetch_js_1 = require("../prefetch.js");
|
|
13
|
+
const Sequence_js_1 = require("../Sequence.js");
|
|
14
14
|
const use_remotion_environment_js_1 = require("../use-remotion-environment.js");
|
|
15
15
|
const use_video_config_js_1 = require("../use-video-config.js");
|
|
16
16
|
const validate_media_props_js_1 = require("../validate-media-props.js");
|
|
@@ -36,12 +36,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
36
36
|
exports.AudioForPreview = void 0;
|
|
37
37
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
38
|
const react_1 = __importStar(require("react"));
|
|
39
|
-
const SequenceContext_js_1 = require("../SequenceContext.js");
|
|
40
|
-
const SequenceManager_js_1 = require("../SequenceManager.js");
|
|
41
39
|
const get_cross_origin_value_js_1 = require("../get-cross-origin-value.js");
|
|
42
40
|
const log_level_context_js_1 = require("../log-level-context.js");
|
|
43
41
|
const prefetch_js_1 = require("../prefetch.js");
|
|
44
42
|
const random_js_1 = require("../random.js");
|
|
43
|
+
const SequenceContext_js_1 = require("../SequenceContext.js");
|
|
44
|
+
const SequenceManager_js_1 = require("../SequenceManager.js");
|
|
45
45
|
const use_amplification_js_1 = require("../use-amplification.js");
|
|
46
46
|
const use_media_in_timeline_js_1 = require("../use-media-in-timeline.js");
|
|
47
47
|
const use_media_playback_js_1 = require("../use-media-playback.js");
|
|
@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.AudioForRendering = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
|
-
const RenderAssetManager_js_1 = require("../RenderAssetManager.js");
|
|
7
|
-
const SequenceContext_js_1 = require("../SequenceContext.js");
|
|
8
6
|
const absolute_src_js_1 = require("../absolute-src.js");
|
|
9
7
|
const random_js_1 = require("../random.js");
|
|
8
|
+
const RenderAssetManager_js_1 = require("../RenderAssetManager.js");
|
|
9
|
+
const SequenceContext_js_1 = require("../SequenceContext.js");
|
|
10
10
|
const timeline_position_state_js_1 = require("../timeline-position-state.js");
|
|
11
11
|
const use_current_frame_js_1 = require("../use-current-frame.js");
|
|
12
12
|
const use_delay_render_js_1 = require("../use-delay-render.js");
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useFrameForVolumeProp = exports.useMediaStartsAt = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
-
const SequenceContext_js_1 = require("../SequenceContext.js");
|
|
6
5
|
const index_js_1 = require("../loop/index.js");
|
|
6
|
+
const SequenceContext_js_1 = require("../SequenceContext.js");
|
|
7
7
|
const use_current_frame_js_1 = require("../use-current-frame.js");
|
|
8
8
|
const useMediaStartsAt = () => {
|
|
9
9
|
var _a;
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import './_check-rsc.js';
|
|
2
2
|
import './asset-types.js';
|
|
3
3
|
import type { Codec } from './codec.js';
|
|
4
|
-
import type { AnyCompMetadata, AnyComposition, AudioOrVideoAsset, LoopDisplay, TRenderAsset } from './CompositionManager.js';
|
|
4
|
+
import type { AnyCompMetadata, AnyComposition, AudioOrVideoAsset, LoopDisplay, SequenceControls, TRenderAsset } from './CompositionManager.js';
|
|
5
5
|
import type { DelayRenderScope } from './delay-render.js';
|
|
6
6
|
import type { StaticFile } from './get-static-files.js';
|
|
7
7
|
import type { LogLevel } from './log.js';
|
|
@@ -158,4 +158,4 @@ export type _InternalTypes = {
|
|
|
158
158
|
TRenderAsset: TRenderAsset;
|
|
159
159
|
ProResProfile: ProResProfile;
|
|
160
160
|
};
|
|
161
|
-
export type { AnyComposition, DelayRenderScope, LoopDisplay, UseBufferState };
|
|
161
|
+
export type { AnyComposition, DelayRenderScope, LoopDisplay, SequenceControls, UseBufferState, };
|
package/dist/cjs/internals.d.ts
CHANGED
|
@@ -70,8 +70,10 @@ export declare const Internals: {
|
|
|
70
70
|
}, "ref"> & import("react").RefAttributes<HTMLVideoElement>>;
|
|
71
71
|
readonly CompositionManager: import("react").Context<CompositionManagerContext>;
|
|
72
72
|
readonly CompositionSetters: import("react").Context<import("./CompositionManagerContext.js").CompositionManagerSetters>;
|
|
73
|
+
readonly SequenceControlOverrideContext: import("react").Context<import("./SequenceManager.js").SequenceControlOverrideState>;
|
|
73
74
|
readonly SequenceManager: import("react").Context<import("./SequenceManager.js").SequenceManagerContext>;
|
|
74
75
|
readonly SequenceVisibilityToggleContext: import("react").Context<import("./SequenceManager.js").SequenceVisibilityToggleState>;
|
|
76
|
+
readonly useSequenceControlOverride: (key: string) => unknown | undefined;
|
|
75
77
|
readonly RemotionRootContexts: import("react").FC<{
|
|
76
78
|
readonly children: React.ReactNode;
|
|
77
79
|
readonly numberOfAudioTags: number;
|
package/dist/cjs/internals.js
CHANGED
|
@@ -79,6 +79,7 @@ const use_delay_render_js_1 = require("./use-delay-render.js");
|
|
|
79
79
|
const use_lazy_component_js_1 = require("./use-lazy-component.js");
|
|
80
80
|
const use_media_enabled_js_1 = require("./use-media-enabled.js");
|
|
81
81
|
const use_media_in_timeline_js_1 = require("./use-media-in-timeline.js");
|
|
82
|
+
const use_sequence_control_override_js_1 = require("./use-sequence-control-override.js");
|
|
82
83
|
const use_unsafe_video_config_js_1 = require("./use-unsafe-video-config.js");
|
|
83
84
|
const use_video_js_1 = require("./use-video.js");
|
|
84
85
|
const validate_media_props_js_1 = require("./validate-media-props.js");
|
|
@@ -112,8 +113,10 @@ exports.Internals = {
|
|
|
112
113
|
VideoForPreview: VideoForPreview_js_1.VideoForPreview,
|
|
113
114
|
CompositionManager: CompositionManagerContext_js_1.CompositionManager,
|
|
114
115
|
CompositionSetters: CompositionManagerContext_js_1.CompositionSetters,
|
|
116
|
+
SequenceControlOverrideContext: SequenceManager_js_1.SequenceControlOverrideContext,
|
|
115
117
|
SequenceManager: SequenceManager_js_1.SequenceManager,
|
|
116
118
|
SequenceVisibilityToggleContext: SequenceManager_js_1.SequenceVisibilityToggleContext,
|
|
119
|
+
useSequenceControlOverride: use_sequence_control_override_js_1.useSequenceControlOverride,
|
|
117
120
|
RemotionRootContexts: RemotionRoot_js_1.RemotionRootContexts,
|
|
118
121
|
CompositionManagerProvider: CompositionManagerProvider_js_1.CompositionManagerProvider,
|
|
119
122
|
useVideo: use_video_js_1.useVideo,
|
package/dist/cjs/series/index.js
CHANGED
|
@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.Series = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
|
-
const Sequence_js_1 = require("../Sequence.js");
|
|
7
6
|
const enable_sequence_stack_traces_js_1 = require("../enable-sequence-stack-traces.js");
|
|
7
|
+
const Sequence_js_1 = require("../Sequence.js");
|
|
8
8
|
const v5_flag_js_1 = require("../v5-flag.js");
|
|
9
9
|
const validate_duration_in_frames_js_1 = require("../validation/validate-duration-in-frames.js");
|
|
10
10
|
const flatten_children_js_1 = require("./flatten-children.js");
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useMediaInTimeline = exports.useBasicMediaInTimeline = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
-
const SequenceContext_js_1 = require("./SequenceContext.js");
|
|
6
|
-
const SequenceManager_js_1 = require("./SequenceManager.js");
|
|
7
|
-
const TimelineContext_js_1 = require("./TimelineContext.js");
|
|
8
5
|
const use_audio_frame_js_1 = require("./audio/use-audio-frame.js");
|
|
9
6
|
const calculate_media_duration_js_1 = require("./calculate-media-duration.js");
|
|
10
7
|
const get_asset_file_name_js_1 = require("./get-asset-file-name.js");
|
|
11
8
|
const nonce_js_1 = require("./nonce.js");
|
|
9
|
+
const SequenceContext_js_1 = require("./SequenceContext.js");
|
|
10
|
+
const SequenceManager_js_1 = require("./SequenceManager.js");
|
|
11
|
+
const TimelineContext_js_1 = require("./TimelineContext.js");
|
|
12
12
|
const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
|
|
13
13
|
const use_video_config_js_1 = require("./use-video-config.js");
|
|
14
14
|
const volume_prop_js_1 = require("./volume-prop.js");
|
|
@@ -117,6 +117,7 @@ const useMediaInTimeline = ({ volume, mediaVolume, src, mediaType, playbackRate,
|
|
|
117
117
|
stack,
|
|
118
118
|
premountDisplay,
|
|
119
119
|
postmountDisplay,
|
|
120
|
+
controls: null,
|
|
120
121
|
});
|
|
121
122
|
return () => {
|
|
122
123
|
unregisterSequence(id);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useSequenceControlOverride: (key: string) => unknown | undefined;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useSequenceControlOverride = void 0;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const SequenceContext_js_1 = require("./SequenceContext.js");
|
|
6
|
+
const SequenceManager_js_1 = require("./SequenceManager.js");
|
|
7
|
+
const useSequenceControlOverride = (key) => {
|
|
8
|
+
var _a;
|
|
9
|
+
const seqContext = (0, react_1.useContext)(SequenceContext_js_1.SequenceContext);
|
|
10
|
+
const { overrides } = (0, react_1.useContext)(SequenceManager_js_1.SequenceControlOverrideContext);
|
|
11
|
+
if (!seqContext) {
|
|
12
|
+
return undefined;
|
|
13
|
+
}
|
|
14
|
+
return (_a = overrides[seqContext.id]) === null || _a === void 0 ? void 0 : _a[key];
|
|
15
|
+
};
|
|
16
|
+
exports.useSequenceControlOverride = useSequenceControlOverride;
|
package/dist/cjs/version.d.ts
CHANGED
package/dist/cjs/version.js
CHANGED
|
@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.OffthreadVideo = exports.InnerOffthreadVideo = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
|
-
const Sequence_js_1 = require("../Sequence.js");
|
|
7
6
|
const enable_sequence_stack_traces_js_1 = require("../enable-sequence-stack-traces.js");
|
|
7
|
+
const Sequence_js_1 = require("../Sequence.js");
|
|
8
8
|
const use_remotion_environment_js_1 = require("../use-remotion-environment.js");
|
|
9
9
|
const validate_media_props_js_1 = require("../validate-media-props.js");
|
|
10
10
|
const validate_start_from_props_js_1 = require("../validate-start-from-props.js");
|
|
@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.OffthreadVideoForRendering = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
|
-
const Img_js_1 = require("../Img.js");
|
|
7
|
-
const RenderAssetManager_js_1 = require("../RenderAssetManager.js");
|
|
8
|
-
const SequenceContext_js_1 = require("../SequenceContext.js");
|
|
9
6
|
const absolute_src_js_1 = require("../absolute-src.js");
|
|
10
7
|
const use_audio_frame_js_1 = require("../audio/use-audio-frame.js");
|
|
11
8
|
const cancel_render_js_1 = require("../cancel-render.js");
|
|
12
9
|
const default_css_js_1 = require("../default-css.js");
|
|
10
|
+
const Img_js_1 = require("../Img.js");
|
|
13
11
|
const random_js_1 = require("../random.js");
|
|
12
|
+
const RenderAssetManager_js_1 = require("../RenderAssetManager.js");
|
|
13
|
+
const SequenceContext_js_1 = require("../SequenceContext.js");
|
|
14
14
|
const timeline_position_state_js_1 = require("../timeline-position-state.js");
|
|
15
15
|
const truthy_js_1 = require("../truthy.js");
|
|
16
16
|
const use_current_frame_js_1 = require("../use-current-frame.js");
|
package/dist/cjs/video/Video.js
CHANGED
|
@@ -4,19 +4,19 @@ exports.Video = exports.Html5Video = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
/* eslint-disable @typescript-eslint/no-use-before-define */
|
|
6
6
|
const react_1 = require("react");
|
|
7
|
-
const Sequence_js_1 = require("../Sequence.js");
|
|
8
7
|
const absolute_src_js_1 = require("../absolute-src.js");
|
|
9
8
|
const calculate_media_duration_js_1 = require("../calculate-media-duration.js");
|
|
10
9
|
const enable_sequence_stack_traces_js_1 = require("../enable-sequence-stack-traces.js");
|
|
11
10
|
const index_js_1 = require("../loop/index.js");
|
|
12
11
|
const prefetch_js_1 = require("../prefetch.js");
|
|
12
|
+
const Sequence_js_1 = require("../Sequence.js");
|
|
13
13
|
const use_remotion_environment_js_1 = require("../use-remotion-environment.js");
|
|
14
14
|
const use_video_config_js_1 = require("../use-video-config.js");
|
|
15
15
|
const validate_media_props_js_1 = require("../validate-media-props.js");
|
|
16
16
|
const validate_start_from_props_js_1 = require("../validate-start-from-props.js");
|
|
17
|
+
const duration_state_js_1 = require("./duration-state.js");
|
|
17
18
|
const VideoForPreview_js_1 = require("./VideoForPreview.js");
|
|
18
19
|
const VideoForRendering_js_1 = require("./VideoForRendering.js");
|
|
19
|
-
const duration_state_js_1 = require("./duration-state.js");
|
|
20
20
|
const VideoForwardingFunction = (props, ref) => {
|
|
21
21
|
var _a, _b, _c;
|
|
22
22
|
const { startFrom, endAt, trimBefore, trimAfter, name, pauseWhenBuffering, stack, _remotionInternalNativeLoopPassed, showInTimeline, onAutoPlayError, ...otherProps } = props;
|
|
@@ -36,8 +36,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
36
36
|
exports.VideoForPreview = void 0;
|
|
37
37
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
38
|
const react_1 = __importStar(require("react"));
|
|
39
|
-
const SequenceContext_js_1 = require("../SequenceContext.js");
|
|
40
|
-
const SequenceManager_js_1 = require("../SequenceManager.js");
|
|
41
39
|
const shared_audio_tags_js_1 = require("../audio/shared-audio-tags.js");
|
|
42
40
|
const shared_element_source_node_js_1 = require("../audio/shared-element-source-node.js");
|
|
43
41
|
const use_audio_frame_js_1 = require("../audio/use-audio-frame.js");
|
|
@@ -45,6 +43,8 @@ const get_cross_origin_value_js_1 = require("../get-cross-origin-value.js");
|
|
|
45
43
|
const log_level_context_js_1 = require("../log-level-context.js");
|
|
46
44
|
const playback_logging_js_1 = require("../playback-logging.js");
|
|
47
45
|
const prefetch_js_1 = require("../prefetch.js");
|
|
46
|
+
const SequenceContext_js_1 = require("../SequenceContext.js");
|
|
47
|
+
const SequenceManager_js_1 = require("../SequenceManager.js");
|
|
48
48
|
const use_amplification_js_1 = require("../use-amplification.js");
|
|
49
49
|
const use_media_in_timeline_js_1 = require("../use-media-in-timeline.js");
|
|
50
50
|
const use_media_playback_js_1 = require("../use-media-playback.js");
|
|
@@ -3,13 +3,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.VideoForRendering = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
|
-
const RenderAssetManager_js_1 = require("../RenderAssetManager.js");
|
|
7
|
-
const SequenceContext_js_1 = require("../SequenceContext.js");
|
|
8
6
|
const absolute_src_js_1 = require("../absolute-src.js");
|
|
9
7
|
const use_audio_frame_js_1 = require("../audio/use-audio-frame.js");
|
|
10
8
|
const is_approximately_the_same_js_1 = require("../is-approximately-the-same.js");
|
|
11
9
|
const log_level_context_js_1 = require("../log-level-context.js");
|
|
12
10
|
const random_js_1 = require("../random.js");
|
|
11
|
+
const RenderAssetManager_js_1 = require("../RenderAssetManager.js");
|
|
12
|
+
const SequenceContext_js_1 = require("../SequenceContext.js");
|
|
13
13
|
const timeline_position_state_js_1 = require("../timeline-position-state.js");
|
|
14
14
|
const use_current_frame_js_1 = require("../use-current-frame.js");
|
|
15
15
|
const use_delay_render_js_1 = require("../use-delay-render.js");
|