remotion 2.5.7 → 2.6.1
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/coverage/coverage-summary.json +15 -14
- package/dist/RemotionRoot.d.ts.map +1 -1
- package/dist/RemotionRoot.js +2 -0
- package/dist/RemotionRoot.js.map +1 -1
- package/dist/Still.d.ts +0 -1
- package/dist/Still.d.ts.map +1 -1
- package/dist/audio/audio-buffer-to-wav.d.ts +15 -0
- package/dist/audio/audio-buffer-to-wav.d.ts.map +1 -0
- package/dist/audio/audio-buffer-to-wav.js +91 -0
- package/dist/audio/audio-buffer-to-wav.js.map +1 -0
- package/dist/audio/audio-url-helpers.d.ts +2 -0
- package/dist/audio/audio-url-helpers.d.ts.map +1 -0
- package/dist/audio/audio-url-helpers.js +17 -0
- package/dist/audio/audio-url-helpers.js.map +1 -0
- package/dist/audio/shared-audio-tags.d.ts.map +1 -1
- package/dist/audio/shared-audio-tags.js +1 -1
- package/dist/audio/shared-audio-tags.js.map +1 -1
- package/dist/default-css.d.ts.map +1 -1
- package/dist/default-css.js +1 -0
- package/dist/default-css.js.map +1 -1
- package/dist/freeze.d.ts.map +1 -1
- package/dist/freeze.js +3 -0
- package/dist/freeze.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/play-and-handle-not-allowed-error.d.ts +3 -0
- package/dist/play-and-handle-not-allowed-error.d.ts.map +1 -0
- package/dist/play-and-handle-not-allowed-error.js +34 -0
- package/dist/play-and-handle-not-allowed-error.js.map +1 -0
- package/dist/timeline-position-state.d.ts +5 -0
- package/dist/timeline-position-state.d.ts.map +1 -1
- package/dist/timeline-position-state.js +1 -0
- package/dist/timeline-position-state.js.map +1 -1
- package/dist/use-media-in-timeline.d.ts.map +1 -1
- package/dist/use-media-in-timeline.js +12 -1
- package/dist/use-media-in-timeline.js.map +1 -1
- package/dist/use-media-playback.d.ts.map +1 -1
- package/dist/use-media-playback.js +6 -28
- package/dist/use-media-playback.js.map +1 -1
- package/dist/use-video.d.ts.map +1 -1
- package/dist/use-video.js +6 -4
- package/dist/use-video.js.map +1 -1
- package/package.json +2 -2
- package/dist/component-type.d.ts +0 -1
- package/dist/component-type.d.ts.map +0 -1
- package/dist/component-type.js +0 -2
- package/dist/component-type.js.map +0 -1
- package/dist/serie/flatten-children.d.ts +0 -3
- package/dist/serie/flatten-children.d.ts.map +0 -1
- package/dist/serie/flatten-children.js +0 -19
- package/dist/serie/flatten-children.js.map +0 -1
- package/dist/serie/index.d.ts +0 -12
- package/dist/serie/index.d.ts.map +0 -1
- package/dist/serie/index.js +0 -55
- package/dist/serie/index.js.map +0 -1
- package/dist/setup-environment.d.ts +0 -6
- package/dist/setup-environment.d.ts.map +0 -1
- package/dist/setup-environment.js +0 -47
- package/dist/setup-environment.js.map +0 -1
- package/dist/stagger/index.d.ts +0 -10
- package/dist/stagger/index.d.ts.map +0 -1
- package/dist/stagger/index.js +0 -54
- package/dist/stagger/index.js.map +0 -1
- package/dist/use-current-src.d.ts +0 -3
- package/dist/use-current-src.d.ts.map +0 -1
- package/dist/use-current-src.js +0 -23
- package/dist/use-current-src.js.map +0 -1
- package/dist/use-current-time.d.ts +0 -2
- package/dist/use-current-time.d.ts.map +0 -1
- package/dist/use-current-time.js +0 -12
- package/dist/use-current-time.js.map +0 -1
- package/dist/use-time.d.ts +0 -2
- package/dist/use-time.d.ts.map +0 -1
- package/dist/use-time.js +0 -15
- package/dist/use-time.js.map +0 -1
|
@@ -6,6 +6,7 @@ const use_audio_frame_1 = require("./audio/use-audio-frame");
|
|
|
6
6
|
const CompositionManager_1 = require("./CompositionManager");
|
|
7
7
|
const get_asset_file_name_1 = require("./get-asset-file-name");
|
|
8
8
|
const nonce_1 = require("./nonce");
|
|
9
|
+
const play_and_handle_not_allowed_error_1 = require("./play-and-handle-not-allowed-error");
|
|
9
10
|
const sequencing_1 = require("./sequencing");
|
|
10
11
|
const timeline_position_state_1 = require("./timeline-position-state");
|
|
11
12
|
const use_video_config_1 = require("./use-video-config");
|
|
@@ -20,7 +21,7 @@ const warnOnce = (message) => {
|
|
|
20
21
|
};
|
|
21
22
|
const useMediaInTimeline = ({ volume, mediaVolume, mediaRef, src, mediaType, }) => {
|
|
22
23
|
const videoConfig = (0, use_video_config_1.useVideoConfig)();
|
|
23
|
-
const { rootId } = (0, react_1.useContext)(timeline_position_state_1.TimelineContext);
|
|
24
|
+
const { rootId, audioAndVideoTags } = (0, react_1.useContext)(timeline_position_state_1.TimelineContext);
|
|
24
25
|
const parentSequence = (0, react_1.useContext)(sequencing_1.SequenceContext);
|
|
25
26
|
const actualFrom = parentSequence
|
|
26
27
|
? parentSequence.relativeFrom + parentSequence.cumulatedFrom
|
|
@@ -101,6 +102,16 @@ const useMediaInTimeline = ({ volume, mediaVolume, mediaRef, src, mediaType, })
|
|
|
101
102
|
mediaType,
|
|
102
103
|
startsAt,
|
|
103
104
|
]);
|
|
105
|
+
(0, react_1.useEffect)(() => {
|
|
106
|
+
const tag = {
|
|
107
|
+
id,
|
|
108
|
+
play: () => (0, play_and_handle_not_allowed_error_1.playAndHandleNotAllowedError)(mediaRef, mediaType),
|
|
109
|
+
};
|
|
110
|
+
audioAndVideoTags.current.push(tag);
|
|
111
|
+
return () => {
|
|
112
|
+
audioAndVideoTags.current = audioAndVideoTags.current.filter((a) => a.id !== id);
|
|
113
|
+
};
|
|
114
|
+
}, [audioAndVideoTags, id, mediaRef, mediaType]);
|
|
104
115
|
};
|
|
105
116
|
exports.useMediaInTimeline = useMediaInTimeline;
|
|
106
117
|
//# sourceMappingURL=use-media-in-timeline.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-media-in-timeline.js","sourceRoot":"","sources":["../src/use-media-in-timeline.ts"],"names":[],"mappings":";;;AAAA,iCAA0E;AAC1E,6DAAyD;AACzD,6DAAwD;AACxD,+DAA0D;AAC1D,mCAAiC;AACjC,6CAA6C;AAC7C,
|
|
1
|
+
{"version":3,"file":"use-media-in-timeline.js","sourceRoot":"","sources":["../src/use-media-in-timeline.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-media-playback.d.ts","sourceRoot":"","sources":["../src/use-media-playback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAwB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"use-media-playback.d.ts","sourceRoot":"","sources":["../src/use-media-playback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAwB,MAAM,OAAO,CAAC;AASvD,eAAO,MAAM,gBAAgB;cAMlB,UAAU,gBAAgB,GAAG,gBAAgB,CAAC;SACnD,MAAM,GAAG,SAAS;eACZ,OAAO,GAAG,OAAO;kBACd,MAAM;UA2EpB,CAAC"}
|
|
@@ -3,31 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.useMediaPlayback = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
const use_audio_frame_1 = require("./audio/use-audio-frame");
|
|
6
|
+
const play_and_handle_not_allowed_error_1 = require("./play-and-handle-not-allowed-error");
|
|
6
7
|
const timeline_position_state_1 = require("./timeline-position-state");
|
|
7
8
|
const use_frame_1 = require("./use-frame");
|
|
8
9
|
const use_video_config_1 = require("./use-video-config");
|
|
9
10
|
const get_current_time_1 = require("./video/get-current-time");
|
|
10
11
|
const warn_about_non_seekable_media_1 = require("./warn-about-non-seekable-media");
|
|
11
|
-
const playAndHandleNotAllowedError = (mediaRef, mediaType) => {
|
|
12
|
-
const { current } = mediaRef;
|
|
13
|
-
const prom = current === null || current === void 0 ? void 0 : current.play();
|
|
14
|
-
if (prom === null || prom === void 0 ? void 0 : prom.catch) {
|
|
15
|
-
prom === null || prom === void 0 ? void 0 : prom.catch((err) => {
|
|
16
|
-
if (!current) {
|
|
17
|
-
return;
|
|
18
|
-
}
|
|
19
|
-
if (err.message.includes('request was interrupted by a call to pause')) {
|
|
20
|
-
return;
|
|
21
|
-
}
|
|
22
|
-
console.log(`Could not play ${mediaType} due to following error: `, err);
|
|
23
|
-
if (!current.muted) {
|
|
24
|
-
console.log(`The video will be muted and we'll retry playing it.`, err);
|
|
25
|
-
current.muted = true;
|
|
26
|
-
current.play();
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
12
|
const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybackRate, }) => {
|
|
32
13
|
const { playbackRate: globalPlaybackRate } = (0, react_1.useContext)(timeline_position_state_1.TimelineContext);
|
|
33
14
|
const frame = (0, use_frame_1.useCurrentFrame)();
|
|
@@ -37,12 +18,9 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
|
|
|
37
18
|
const mediaStartsAt = (0, use_audio_frame_1.useMediaStartsAt)();
|
|
38
19
|
const playbackRate = localPlaybackRate * globalPlaybackRate;
|
|
39
20
|
(0, react_1.useEffect)(() => {
|
|
40
|
-
var _a
|
|
41
|
-
if (playing
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
else {
|
|
45
|
-
(_b = mediaRef.current) === null || _b === void 0 ? void 0 : _b.pause();
|
|
21
|
+
var _a;
|
|
22
|
+
if (!playing) {
|
|
23
|
+
(_a = mediaRef.current) === null || _a === void 0 ? void 0 : _a.pause();
|
|
46
24
|
}
|
|
47
25
|
}, [mediaRef, mediaType, playing]);
|
|
48
26
|
(0, react_1.useEffect)(() => {
|
|
@@ -64,7 +42,7 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
|
|
|
64
42
|
const isTime = mediaRef.current.currentTime;
|
|
65
43
|
const timeShift = Math.abs(shouldBeTime - isTime);
|
|
66
44
|
if (timeShift > 0.45 && !mediaRef.current.ended) {
|
|
67
|
-
console.log('Time has shifted by', timeShift, 'sec. Fixing...');
|
|
45
|
+
console.log('Time has shifted by', timeShift, 'sec. Fixing...', `(isTime=${isTime},shouldBeTime=${shouldBeTime})`);
|
|
68
46
|
// If scrubbing around, adjust timing
|
|
69
47
|
// or if time shift is bigger than 0.2sec
|
|
70
48
|
mediaRef.current.currentTime = shouldBeTime;
|
|
@@ -76,7 +54,7 @@ const useMediaPlayback = ({ mediaRef, src, mediaType, playbackRate: localPlaybac
|
|
|
76
54
|
if (mediaRef.current.paused && !mediaRef.current.ended && playing) {
|
|
77
55
|
const { current } = mediaRef;
|
|
78
56
|
current.currentTime = shouldBeTime;
|
|
79
|
-
playAndHandleNotAllowedError(mediaRef, mediaType);
|
|
57
|
+
(0, play_and_handle_not_allowed_error_1.playAndHandleNotAllowedError)(mediaRef, mediaType);
|
|
80
58
|
}
|
|
81
59
|
}, [
|
|
82
60
|
absoluteFrame,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-media-playback.js","sourceRoot":"","sources":["../src/use-media-playback.ts"],"names":[],"mappings":";;;AAAA,iCAAuD;AACvD,6DAAyD;AACzD,uEAA2E;AAC3E,2CAAqE;AACrE,yDAAkD;AAClD,+DAAsD;AACtD,mFAA0E;
|
|
1
|
+
{"version":3,"file":"use-media-playback.js","sourceRoot":"","sources":["../src/use-media-playback.ts"],"names":[],"mappings":"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"}
|
package/dist/use-video.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-video.d.ts","sourceRoot":"","sources":["../src/use-video.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"use-video.d.ts","sourceRoot":"","sources":["../src/use-video.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,mEASpB,CAAC"}
|
package/dist/use-video.js
CHANGED
|
@@ -4,11 +4,13 @@ exports.useVideo = void 0;
|
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
const CompositionManager_1 = require("./CompositionManager");
|
|
6
6
|
const useVideo = () => {
|
|
7
|
-
var _a;
|
|
8
7
|
const context = (0, react_1.useContext)(CompositionManager_1.CompositionManager);
|
|
9
|
-
return (
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
return (0, react_1.useMemo)(() => {
|
|
9
|
+
var _a;
|
|
10
|
+
return (_a = context.compositions.find((c) => {
|
|
11
|
+
return c.id === context.currentComposition;
|
|
12
|
+
})) !== null && _a !== void 0 ? _a : null;
|
|
13
|
+
}, [context.compositions, context.currentComposition]);
|
|
12
14
|
};
|
|
13
15
|
exports.useVideo = useVideo;
|
|
14
16
|
//# sourceMappingURL=use-video.js.map
|
package/dist/use-video.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-video.js","sourceRoot":"","sources":["../src/use-video.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"use-video.js","sourceRoot":"","sources":["../src/use-video.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,6DAAwD;AAEjD,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,uCAAkB,CAAC,CAAC;IAC/C,OAAO,IAAA,eAAO,EACb,GAAG,EAAE;;QACJ,OAAA,MAAA,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YAC/B,OAAO,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,kBAAkB,CAAC;QAC5C,CAAC,CAAC,mCAAI,IAAI,CAAA;KAAA,EACX,CAAC,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAClD,CAAC;AACH,CAAC,CAAC;AATW,QAAA,QAAQ,YASnB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "remotion",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.6.1",
|
|
4
4
|
"description": "Render videos in React",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
"publishConfig": {
|
|
40
40
|
"access": "public"
|
|
41
41
|
},
|
|
42
|
-
"gitHead": "
|
|
42
|
+
"gitHead": "cb9c52b4f704cc14f7b810221be89fdb5e1ed5af"
|
|
43
43
|
}
|
package/dist/component-type.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=component-type.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"component-type.d.ts","sourceRoot":"","sources":["../src/component-type.ts"],"names":[],"mappings":""}
|
package/dist/component-type.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"component-type.js","sourceRoot":"","sources":["../src/component-type.ts"],"names":[],"mappings":""}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare const flattenChildren: (children: React.ReactNode) => (string | number | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactNodeArray | React.ReactPortal)[];
|
|
3
|
-
//# sourceMappingURL=flatten-children.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"flatten-children.d.ts","sourceRoot":"","sources":["../../src/serie/flatten-children.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,eAAe,aAAc,MAAM,SAAS,yNAYxD,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.flattenChildren = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const flattenChildren = (children) => {
|
|
9
|
-
const childrenArray = react_1.default.Children.toArray(children);
|
|
10
|
-
return childrenArray.reduce((flatChildren, child) => {
|
|
11
|
-
if (child.type === react_1.default.Fragment) {
|
|
12
|
-
return flatChildren.concat(exports.flattenChildren(child.props.children));
|
|
13
|
-
}
|
|
14
|
-
flatChildren.push(child);
|
|
15
|
-
return flatChildren;
|
|
16
|
-
}, []);
|
|
17
|
-
};
|
|
18
|
-
exports.flattenChildren = flattenChildren;
|
|
19
|
-
//# sourceMappingURL=flatten-children.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"flatten-children.js","sourceRoot":"","sources":["../../src/serie/flatten-children.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAInB,MAAM,eAAe,GAAG,CAAC,QAAyB,EAAmB,EAAE;IAC7E,MAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACvD,OAAO,aAAa,CAAC,MAAM,CAAC,CAAC,YAA6B,EAAE,KAAK,EAAE,EAAE;QACpE,IAAK,KAAqC,CAAC,IAAI,KAAK,eAAK,CAAC,QAAQ,EAAE;YACnE,OAAO,YAAY,CAAC,MAAM,CACzB,uBAAe,CAAE,KAAiC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAClE,CAAC;SACF;QAED,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACzB,OAAO,YAAY,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;AACR,CAAC,CAAC;AAZW,QAAA,eAAe,mBAY1B"}
|
package/dist/serie/index.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { FC, PropsWithChildren } from 'react';
|
|
2
|
-
import { SequenceProps } from '../sequencing';
|
|
3
|
-
declare type SeriesSequenceProps = PropsWithChildren<{
|
|
4
|
-
durationInFrames: number;
|
|
5
|
-
offset?: number;
|
|
6
|
-
} & Pick<SequenceProps, 'layout' | 'name'>>;
|
|
7
|
-
declare const SeriesSequence: ({ children }: SeriesSequenceProps) => JSX.Element;
|
|
8
|
-
declare const Series: FC & {
|
|
9
|
-
Sequence: typeof SeriesSequence;
|
|
10
|
-
};
|
|
11
|
-
export { Series as Serie };
|
|
12
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/serie/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAW,EAAE,EAAE,iBAAiB,EAAU,MAAM,OAAO,CAAC;AACtE,OAAO,EAAW,aAAa,EAAC,MAAM,eAAe,CAAC;AAItD,aAAK,mBAAmB,GAAG,iBAAiB,CAC3C;IACC,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,aAAa,EAAE,QAAQ,GAAG,MAAM,CAAC,CAC1C,CAAC;AAEF,QAAA,MAAM,cAAc,iBAAgB,mBAAmB,gBAGtD,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,EAAE,GAAG;IAClB,QAAQ,EAAE,OAAO,cAAc,CAAC;CA6EhC,CAAC;AAIF,OAAO,EAAC,MAAM,IAAI,KAAK,EAAC,CAAC"}
|
package/dist/serie/index.js
DELETED
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Serie = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("react");
|
|
6
|
-
const sequencing_1 = require("../sequencing");
|
|
7
|
-
const validate_duration_in_frames_1 = require("../validation/validate-duration-in-frames");
|
|
8
|
-
const flatten_children_1 = require("./flatten-children");
|
|
9
|
-
const SeriesSequence = ({ children }) => {
|
|
10
|
-
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
11
|
-
return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: children }, void 0);
|
|
12
|
-
};
|
|
13
|
-
const Series = ({ children }) => {
|
|
14
|
-
const childrenValue = react_1.useMemo(() => {
|
|
15
|
-
let startFrame = 0;
|
|
16
|
-
return react_1.Children.map(flatten_children_1.flattenChildren(children), (child, i) => {
|
|
17
|
-
var _a;
|
|
18
|
-
const castedChild = child;
|
|
19
|
-
if (typeof castedChild === 'string') {
|
|
20
|
-
if (castedChild.trim() === '') {
|
|
21
|
-
return null;
|
|
22
|
-
}
|
|
23
|
-
throw new TypeError(`The <Serie> component only accepts a list of <Serie.Sequence /> components as it's children, but you passed a string "${castedChild}"`);
|
|
24
|
-
}
|
|
25
|
-
if (castedChild.type !== SeriesSequence) {
|
|
26
|
-
throw new TypeError("The <Serie> component only accepts a list of <Serie.Sequence /> components as it's children");
|
|
27
|
-
}
|
|
28
|
-
const debugInfo = `index = ${i}, duration = ${castedChild.props.durationInFrames}`;
|
|
29
|
-
if (!castedChild || !castedChild.props.children) {
|
|
30
|
-
throw new TypeError(`A <Serie.Sequence /> component (${debugInfo}) doesn't have any children.`);
|
|
31
|
-
}
|
|
32
|
-
const durationInFramesProp = castedChild.props.durationInFrames;
|
|
33
|
-
const { durationInFrames, children: _children, ...passedProps } = castedChild.props;
|
|
34
|
-
validate_duration_in_frames_1.validateDurationInFrames(durationInFramesProp, `<Serie.Sequence />`);
|
|
35
|
-
const offset = (_a = castedChild.props.offset) !== null && _a !== void 0 ? _a : 0;
|
|
36
|
-
if (Number.isNaN(offset)) {
|
|
37
|
-
throw new TypeError(`The "offset" property of a <Serie.Sequence /> must not be NaN, but got NaN (${debugInfo}).`);
|
|
38
|
-
}
|
|
39
|
-
if (!Number.isFinite(offset)) {
|
|
40
|
-
throw new TypeError(`The "offset" property of a <Serie.Sequence /> must be finite, but got ${offset} (${debugInfo}).`);
|
|
41
|
-
}
|
|
42
|
-
if (offset % 1 !== 0) {
|
|
43
|
-
throw new TypeError(`The "offset" property of a <Serie.Sequence /> must be finite, but got ${offset} (${debugInfo}).`);
|
|
44
|
-
}
|
|
45
|
-
const currentStartFrame = startFrame + offset;
|
|
46
|
-
startFrame += durationInFramesProp + offset;
|
|
47
|
-
return (jsx_runtime_1.jsx(sequencing_1.Sequence, Object.assign({ from: currentStartFrame, durationInFrames: durationInFramesProp }, passedProps, { children: child }), void 0));
|
|
48
|
-
});
|
|
49
|
-
}, [children]);
|
|
50
|
-
/* eslint-disable react/jsx-no-useless-fragment */
|
|
51
|
-
return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: childrenValue }, void 0);
|
|
52
|
-
};
|
|
53
|
-
exports.Serie = Series;
|
|
54
|
-
Series.Sequence = SeriesSequence;
|
|
55
|
-
//# sourceMappingURL=index.js.map
|
package/dist/serie/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/serie/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAsE;AACtE,8CAAsD;AACtD,2FAAmF;AACnF,yDAAmD;AASnD,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAAsB,EAAE,EAAE;IAC1D,yDAAyD;IACzD,OAAO,sDAAG,QAAQ,WAAI,CAAC;AACxB,CAAC,CAAC;AAEF,MAAM,MAAM,GAER,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAClB,MAAM,aAAa,GAAG,eAAO,CAAC,GAAG,EAAE;QAClC,IAAI,UAAU,GAAG,CAAC,CAAC;QACnB,OAAO,gBAAQ,CAAC,GAAG,CAAC,kCAAe,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;;YAC3D,MAAM,WAAW,GAAI,KAKZ,CAAC;YACV,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;gBACpC,IAAI,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;oBAC9B,OAAO,IAAI,CAAC;iBACZ;gBAED,MAAM,IAAI,SAAS,CAClB,yHAAyH,WAAW,GAAG,CACvI,CAAC;aACF;YAED,IAAI,WAAW,CAAC,IAAI,KAAK,cAAc,EAAE;gBACxC,MAAM,IAAI,SAAS,CAClB,6FAA6F,CAC7F,CAAC;aACF;YAED,MAAM,SAAS,GAAG,WAAW,CAAC,gBAAgB,WAAW,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAEnF,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,QAAQ,EAAE;gBAChD,MAAM,IAAI,SAAS,CAClB,mCAAmC,SAAS,8BAA8B,CAC1E,CAAC;aACF;YAED,MAAM,oBAAoB,GAAG,WAAW,CAAC,KAAK,CAAC,gBAAgB,CAAC;YAChE,MAAM,EACL,gBAAgB,EAChB,QAAQ,EAAE,SAAS,EACnB,GAAG,WAAW,EACd,GAAG,WAAW,CAAC,KAAK,CAAC;YACtB,sDAAwB,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;YACrE,MAAM,MAAM,SAAG,WAAW,CAAC,KAAK,CAAC,MAAM,mCAAI,CAAC,CAAC;YAC7C,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;gBACzB,MAAM,IAAI,SAAS,CAClB,+EAA+E,SAAS,IAAI,CAC5F,CAAC;aACF;YAED,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;gBAC7B,MAAM,IAAI,SAAS,CAClB,yEAAyE,MAAM,KAAK,SAAS,IAAI,CACjG,CAAC;aACF;YAED,IAAI,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE;gBACrB,MAAM,IAAI,SAAS,CAClB,yEAAyE,MAAM,KAAK,SAAS,IAAI,CACjG,CAAC;aACF;YAED,MAAM,iBAAiB,GAAG,UAAU,GAAG,MAAM,CAAC;YAC9C,UAAU,IAAI,oBAAoB,GAAG,MAAM,CAAC;YAC5C,OAAO,CACN,kBAAC,qBAAQ,kBACR,IAAI,EAAE,iBAAiB,EACvB,gBAAgB,EAAE,oBAAoB,IAClC,WAAW,cAEd,KAAK,YACI,CACX,CAAC;QACH,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,kDAAkD;IAClD,OAAO,sDAAG,aAAa,WAAI,CAAC;AAC7B,CAAC,CAAC;AAIgB,uBAAK;AAFvB,MAAM,CAAC,QAAQ,GAAG,cAAc,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export declare const ENV_VARIABLES_LOCAL_STORAGE_KEY = "remotion.envVariables";
|
|
2
|
-
export declare const INITIAL_FRAME_LOCAL_STORAGE_KEY = "remotion.initialFrame";
|
|
3
|
-
export declare const ENV_VARIABLES_ENV_NAME: "ENV_VARIABLES";
|
|
4
|
-
export declare const setupEnvVariables: () => void;
|
|
5
|
-
export declare const setupInitialFrame: () => void;
|
|
6
|
-
//# sourceMappingURL=setup-environment.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"setup-environment.d.ts","sourceRoot":"","sources":["../src/setup-environment.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,+BAA+B,0BAA0B,CAAC;AACvE,eAAO,MAAM,+BAA+B,0BAA0B,CAAC;AACvE,eAAO,MAAM,sBAAsB,iBAA2B,CAAC;AA+B/D,eAAO,MAAM,iBAAiB,YAa7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,YAE7B,CAAC"}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.setupInitialFrame = exports.setupEnvVariables = exports.ENV_VARIABLES_ENV_NAME = exports.INITIAL_FRAME_LOCAL_STORAGE_KEY = exports.ENV_VARIABLES_LOCAL_STORAGE_KEY = void 0;
|
|
4
|
-
const get_environment_1 = require("./get-environment");
|
|
5
|
-
exports.ENV_VARIABLES_LOCAL_STORAGE_KEY = 'remotion.envVariables';
|
|
6
|
-
exports.INITIAL_FRAME_LOCAL_STORAGE_KEY = 'remotion.initialFrame';
|
|
7
|
-
exports.ENV_VARIABLES_ENV_NAME = 'ENV_VARIABLES';
|
|
8
|
-
const getInitialFrame = () => {
|
|
9
|
-
const param = localStorage.getItem(exports.INITIAL_FRAME_LOCAL_STORAGE_KEY);
|
|
10
|
-
return param ? Number(param) : 0;
|
|
11
|
-
};
|
|
12
|
-
const getEnvVariables = () => {
|
|
13
|
-
if (get_environment_1.getRemotionEnvironment() === 'rendering') {
|
|
14
|
-
const param = localStorage.getItem(exports.ENV_VARIABLES_LOCAL_STORAGE_KEY);
|
|
15
|
-
if (!param) {
|
|
16
|
-
return {};
|
|
17
|
-
}
|
|
18
|
-
return { ...JSON.parse(param), NODE_ENV: process.env.NODE_ENV };
|
|
19
|
-
}
|
|
20
|
-
if (get_environment_1.getRemotionEnvironment() === 'preview') {
|
|
21
|
-
// Webpack will convert this to an object at compile time.
|
|
22
|
-
// Don't convert this syntax to a computed property.
|
|
23
|
-
return {
|
|
24
|
-
...process.env.ENV_VARIABLES,
|
|
25
|
-
NODE_ENV: process.env.NODE_ENV,
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
throw new Error('Can only call getEnvVariables() if environment is `rendering` or `preview`');
|
|
29
|
-
};
|
|
30
|
-
const setupEnvVariables = () => {
|
|
31
|
-
const env = getEnvVariables();
|
|
32
|
-
if (!window.process) {
|
|
33
|
-
window.process = {};
|
|
34
|
-
}
|
|
35
|
-
if (!window.process.env) {
|
|
36
|
-
window.process.env = {};
|
|
37
|
-
}
|
|
38
|
-
Object.keys(env).forEach((key) => {
|
|
39
|
-
window.process.env[key] = env[key];
|
|
40
|
-
});
|
|
41
|
-
};
|
|
42
|
-
exports.setupEnvVariables = setupEnvVariables;
|
|
43
|
-
const setupInitialFrame = () => {
|
|
44
|
-
window.remotion_initialFrame = getInitialFrame();
|
|
45
|
-
};
|
|
46
|
-
exports.setupInitialFrame = setupInitialFrame;
|
|
47
|
-
//# sourceMappingURL=setup-environment.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"setup-environment.js","sourceRoot":"","sources":["../src/setup-environment.ts"],"names":[],"mappings":";;;AAAA,uDAAyD;AAE5C,QAAA,+BAA+B,GAAG,uBAAuB,CAAC;AAC1D,QAAA,+BAA+B,GAAG,uBAAuB,CAAC;AAC1D,QAAA,sBAAsB,GAAG,eAAwB,CAAC;AAE/D,MAAM,eAAe,GAAG,GAAW,EAAE;IACpC,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,uCAA+B,CAAC,CAAC;IACpE,OAAO,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAA2B,EAAE;IACpD,IAAI,wCAAsB,EAAE,KAAK,WAAW,EAAE;QAC7C,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,uCAA+B,CAAC,CAAC;QACpE,IAAI,CAAC,KAAK,EAAE;YACX,OAAO,EAAE,CAAC;SACV;QAED,OAAO,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAC,CAAC;KAC9D;IAED,IAAI,wCAAsB,EAAE,KAAK,SAAS,EAAE;QAC3C,0DAA0D;QAC1D,oDAAoD;QACpD,OAAO;YACN,GAAK,OAAO,CAAC,GAAG,CAAC,aAAoD;YACrE,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,QAAkB;SACxC,CAAC;KACF;IAED,MAAM,IAAI,KAAK,CACd,4EAA4E,CAC5E,CAAC;AACH,CAAC,CAAC;AAEK,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACrC,MAAM,GAAG,GAAG,eAAe,EAAE,CAAC;IAC9B,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;QACpB,MAAM,CAAC,OAAO,GAAG,EAAoB,CAAC;KACtC;IAED,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE;QACxB,MAAM,CAAC,OAAO,CAAC,GAAG,GAAG,EAAE,CAAC;KACxB;IAED,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QAChC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,iBAAiB,qBAa5B;AAEK,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACrC,MAAM,CAAC,qBAAqB,GAAG,eAAe,EAAE,CAAC;AAClD,CAAC,CAAC;AAFW,QAAA,iBAAiB,qBAE5B"}
|
package/dist/stagger/index.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { FC, PropsWithChildren } from 'react';
|
|
2
|
-
import { SequenceProps } from '../sequencing';
|
|
3
|
-
declare type StaggerChildProps = PropsWithChildren<{
|
|
4
|
-
durationInFrames: number;
|
|
5
|
-
offset?: number;
|
|
6
|
-
} & Pick<SequenceProps, 'layout' | 'name'>>;
|
|
7
|
-
declare const StaggerChild: ({ children }: StaggerChildProps) => JSX.Element;
|
|
8
|
-
declare const Stagger: FC;
|
|
9
|
-
export { Stagger, StaggerChild };
|
|
10
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/stagger/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAW,EAAE,EAAE,iBAAiB,EAAU,MAAM,OAAO,CAAC;AACtE,OAAO,EAAW,aAAa,EAAC,MAAM,eAAe,CAAC;AAGtD,aAAK,iBAAiB,GAAG,iBAAiB,CACzC;IACC,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,aAAa,EAAE,QAAQ,GAAG,MAAM,CAAC,CAC1C,CAAC;AAEF,QAAA,MAAM,YAAY,iBAAgB,iBAAiB,gBAGlD,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,EA4Ed,CAAC;AAEF,OAAO,EAAC,OAAO,EAAE,YAAY,EAAC,CAAC"}
|
package/dist/stagger/index.js
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.StaggerChild = exports.Stagger = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("react");
|
|
6
|
-
const sequencing_1 = require("../sequencing");
|
|
7
|
-
const validate_duration_in_frames_1 = require("../validation/validate-duration-in-frames");
|
|
8
|
-
const StaggerChild = ({ children }) => {
|
|
9
|
-
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
10
|
-
return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: children }, void 0);
|
|
11
|
-
};
|
|
12
|
-
exports.StaggerChild = StaggerChild;
|
|
13
|
-
const Stagger = ({ children }) => {
|
|
14
|
-
const childrenValue = react_1.useMemo(() => {
|
|
15
|
-
let startFrame = 0;
|
|
16
|
-
return react_1.Children.map(children, (child, i) => {
|
|
17
|
-
var _a;
|
|
18
|
-
const castedChild = child;
|
|
19
|
-
if (typeof castedChild === 'string') {
|
|
20
|
-
if (castedChild.trim() === '') {
|
|
21
|
-
return null;
|
|
22
|
-
}
|
|
23
|
-
throw new TypeError(`The <Stagger> component only accepts a list of <StaggerChild /> components as it's children, but you passed a string "${castedChild}"`);
|
|
24
|
-
}
|
|
25
|
-
if (castedChild.type !== StaggerChild) {
|
|
26
|
-
throw new TypeError("The <Stagger> component only accepts a list of <StaggerChild /> components as it's children");
|
|
27
|
-
}
|
|
28
|
-
const debugInfo = `index = ${i}, duration = ${castedChild.props.durationInFrames}`;
|
|
29
|
-
if (!castedChild || !castedChild.props.children) {
|
|
30
|
-
throw new TypeError(`A <StaggerChild /> component (${debugInfo}) doesn't have any children.`);
|
|
31
|
-
}
|
|
32
|
-
const durationInFramesProp = castedChild.props.durationInFrames;
|
|
33
|
-
const { durationInFrames, children: _children, ...passedProps } = castedChild.props;
|
|
34
|
-
validate_duration_in_frames_1.validateDurationInFrames(durationInFramesProp, `<StaggerChild />`);
|
|
35
|
-
const offset = (_a = castedChild.props.offset) !== null && _a !== void 0 ? _a : 0;
|
|
36
|
-
if (Number.isNaN(offset)) {
|
|
37
|
-
throw new TypeError(`The "offset" property of a <StaggerChild /> must not be NaN, but got NaN (${debugInfo}).`);
|
|
38
|
-
}
|
|
39
|
-
if (!Number.isFinite(offset)) {
|
|
40
|
-
throw new TypeError(`The "offset" property of a <StaggerChild /> must be finite, but got ${offset} (${debugInfo}).`);
|
|
41
|
-
}
|
|
42
|
-
if (offset % 1 !== 0) {
|
|
43
|
-
throw new TypeError(`The "offset" property of a <StaggerChild /> must be finite, but got ${offset} (${debugInfo}).`);
|
|
44
|
-
}
|
|
45
|
-
const currentStartFrame = startFrame + offset;
|
|
46
|
-
startFrame += durationInFramesProp + offset;
|
|
47
|
-
return (jsx_runtime_1.jsx(sequencing_1.Sequence, Object.assign({ from: currentStartFrame, durationInFrames: durationInFramesProp }, passedProps, { children: child }), void 0));
|
|
48
|
-
});
|
|
49
|
-
}, [children]);
|
|
50
|
-
/* eslint-disable react/jsx-no-useless-fragment */
|
|
51
|
-
return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, { children: childrenValue }, void 0);
|
|
52
|
-
};
|
|
53
|
-
exports.Stagger = Stagger;
|
|
54
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/stagger/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAsE;AACtE,8CAAsD;AACtD,2FAAmF;AASnF,MAAM,YAAY,GAAG,CAAC,EAAC,QAAQ,EAAoB,EAAE,EAAE;IACtD,yDAAyD;IACzD,OAAO,sDAAG,QAAQ,WAAI,CAAC;AACxB,CAAC,CAAC;AAgFe,oCAAY;AA9E7B,MAAM,OAAO,GAAO,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAClC,MAAM,aAAa,GAAG,eAAO,CAAC,GAAG,EAAE;QAClC,IAAI,UAAU,GAAG,CAAC,CAAC;QACnB,OAAO,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;;YAC1C,MAAM,WAAW,GAAI,KAKZ,CAAC;YACV,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;gBACpC,IAAI,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;oBAC9B,OAAO,IAAI,CAAC;iBACZ;gBAED,MAAM,IAAI,SAAS,CAClB,yHAAyH,WAAW,GAAG,CACvI,CAAC;aACF;YAED,IAAI,WAAW,CAAC,IAAI,KAAK,YAAY,EAAE;gBACtC,MAAM,IAAI,SAAS,CAClB,6FAA6F,CAC7F,CAAC;aACF;YAED,MAAM,SAAS,GAAG,WAAW,CAAC,gBAAgB,WAAW,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAEnF,IAAI,CAAC,WAAW,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,QAAQ,EAAE;gBAChD,MAAM,IAAI,SAAS,CAClB,iCAAiC,SAAS,8BAA8B,CACxE,CAAC;aACF;YAED,MAAM,oBAAoB,GAAG,WAAW,CAAC,KAAK,CAAC,gBAAgB,CAAC;YAChE,MAAM,EACL,gBAAgB,EAChB,QAAQ,EAAE,SAAS,EACnB,GAAG,WAAW,EACd,GAAG,WAAW,CAAC,KAAK,CAAC;YACtB,sDAAwB,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,CAAC;YACnE,MAAM,MAAM,SAAG,WAAW,CAAC,KAAK,CAAC,MAAM,mCAAI,CAAC,CAAC;YAC7C,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;gBACzB,MAAM,IAAI,SAAS,CAClB,6EAA6E,SAAS,IAAI,CAC1F,CAAC;aACF;YAED,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;gBAC7B,MAAM,IAAI,SAAS,CAClB,uEAAuE,MAAM,KAAK,SAAS,IAAI,CAC/F,CAAC;aACF;YAED,IAAI,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE;gBACrB,MAAM,IAAI,SAAS,CAClB,uEAAuE,MAAM,KAAK,SAAS,IAAI,CAC/F,CAAC;aACF;YAED,MAAM,iBAAiB,GAAG,UAAU,GAAG,MAAM,CAAC;YAC9C,UAAU,IAAI,oBAAoB,GAAG,MAAM,CAAC;YAC5C,OAAO,CACN,kBAAC,qBAAQ,kBACR,IAAI,EAAE,iBAAiB,EACvB,gBAAgB,EAAE,oBAAoB,IAClC,WAAW,cAEd,KAAK,YACI,CACX,CAAC;QACH,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,kDAAkD;IAClD,OAAO,sDAAG,aAAa,WAAI,CAAC;AAC7B,CAAC,CAAC;AAEM,0BAAO"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-current-src.d.ts","sourceRoot":"","sources":["../src/use-current-src.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,MAAM,OAAO,CAAC;AAErD,eAAO,MAAM,aAAa,iBACX,UAAU,gBAAgB,GAAG,gBAAgB,CAAC,kBAuB5D,CAAC"}
|
package/dist/use-current-src.js
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useCurrentSrc = void 0;
|
|
4
|
-
const react_1 = require("react");
|
|
5
|
-
const useCurrentSrc = (mediaElement) => {
|
|
6
|
-
var _a, _b;
|
|
7
|
-
const currentSrc = (_b = (_a = mediaElement.current) === null || _a === void 0 ? void 0 : _a.currentSrc) !== null && _b !== void 0 ? _b : null;
|
|
8
|
-
const [currentCurrentSrc, setCurrentCurrentSrc] = (0, react_1.useState)(currentSrc !== null && currentSrc !== void 0 ? currentSrc : null);
|
|
9
|
-
(0, react_1.useEffect)(() => {
|
|
10
|
-
const check = () => {
|
|
11
|
-
if (currentCurrentSrc !== currentSrc) {
|
|
12
|
-
setCurrentCurrentSrc(currentSrc);
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
const interval = setInterval(check, 100);
|
|
16
|
-
return () => {
|
|
17
|
-
clearInterval(interval);
|
|
18
|
-
};
|
|
19
|
-
}, [currentCurrentSrc, currentSrc]);
|
|
20
|
-
return currentCurrentSrc;
|
|
21
|
-
};
|
|
22
|
-
exports.useCurrentSrc = useCurrentSrc;
|
|
23
|
-
//# sourceMappingURL=use-current-src.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-current-src.js","sourceRoot":"","sources":["../src/use-current-src.ts"],"names":[],"mappings":";;;AAAA,iCAAqD;AAE9C,MAAM,aAAa,GAAG,CAC5B,YAA4D,EAC3D,EAAE;;IACH,MAAM,UAAU,GAAG,MAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,UAAU,mCAAI,IAAI,CAAC;IAE5D,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EACzD,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,IAAI,CAClB,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,KAAK,GAAG,GAAG,EAAE;YAClB,IAAI,iBAAiB,KAAK,UAAU,EAAE;gBACrC,oBAAoB,CAAC,UAAU,CAAC,CAAC;aACjC;QACF,CAAC,CAAC;QAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEzC,OAAO,GAAG,EAAE;YACX,aAAa,CAAC,QAAQ,CAAC,CAAC;QACzB,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,OAAO,iBAAiB,CAAC;AAC1B,CAAC,CAAC;AAxBW,QAAA,aAAa,iBAwBxB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-current-time.d.ts","sourceRoot":"","sources":["../src/use-current-time.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,QAAO,MAKjC,CAAC"}
|
package/dist/use-current-time.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useCurrentTime = void 0;
|
|
4
|
-
const use_frame_1 = require("./use-frame");
|
|
5
|
-
const use_video_config_1 = require("./use-video-config");
|
|
6
|
-
const useCurrentTime = () => {
|
|
7
|
-
const { fps } = (0, use_video_config_1.useVideoConfig)();
|
|
8
|
-
const currentFrame = (0, use_frame_1.useCurrentFrame)();
|
|
9
|
-
return 1000 * (currentFrame / fps);
|
|
10
|
-
};
|
|
11
|
-
exports.useCurrentTime = useCurrentTime;
|
|
12
|
-
//# sourceMappingURL=use-current-time.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-current-time.js","sourceRoot":"","sources":["../src/use-current-time.ts"],"names":[],"mappings":";;;AAAA,2CAA4C;AAC5C,yDAAkD;AAE3C,MAAM,cAAc,GAAG,GAAW,EAAE;IAC1C,MAAM,EAAC,GAAG,EAAC,GAAG,IAAA,iCAAc,GAAE,CAAC;IAC/B,MAAM,YAAY,GAAG,IAAA,2BAAe,GAAE,CAAC;IAEvC,OAAO,IAAI,GAAG,CAAC,YAAY,GAAG,GAAG,CAAC,CAAC;AACpC,CAAC,CAAC;AALW,QAAA,cAAc,kBAKzB"}
|
package/dist/use-time.d.ts
DELETED
package/dist/use-time.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-time.d.ts","sourceRoot":"","sources":["../src/use-time.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,QAAO,MASjC,CAAC"}
|
package/dist/use-time.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useCurrentTime = void 0;
|
|
4
|
-
const use_frame_1 = require("./use-frame");
|
|
5
|
-
const use_video_1 = require("./use-video");
|
|
6
|
-
const useCurrentTime = () => {
|
|
7
|
-
const video = (0, use_video_1.useVideo)();
|
|
8
|
-
const currentFrame = (0, use_frame_1.useCurrentFrame)();
|
|
9
|
-
if ((video === null || video === void 0 ? void 0 : video.fps) && currentFrame) {
|
|
10
|
-
return 1000 * (currentFrame / video.fps);
|
|
11
|
-
}
|
|
12
|
-
return 0;
|
|
13
|
-
};
|
|
14
|
-
exports.useCurrentTime = useCurrentTime;
|
|
15
|
-
//# sourceMappingURL=use-time.js.map
|
package/dist/use-time.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-time.js","sourceRoot":"","sources":["../src/use-time.ts"],"names":[],"mappings":";;;AAAA,2CAA8C;AAC9C,2CAAuC;AAEhC,MAAM,cAAc,GAAG,GAAW,EAAE;IACzC,MAAM,KAAK,GAAG,IAAA,oBAAQ,GAAE,CAAC;IACzB,MAAM,YAAY,GAAG,IAAA,2BAAe,GAAE,CAAC;IAErC,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,KAAI,YAAY,EAAE;QAC9B,OAAO,IAAI,GAAG,CAAC,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;KAC1C;IAED,OAAO,CAAC,CAAC;AACb,CAAC,CAAC;AATW,QAAA,cAAc,kBASzB"}
|