@remotion/player 2.3.0-alpha.8922e6c7 → 2.3.4
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/MediaVolumeSlider.js +6 -7
- package/dist/MediaVolumeSlider.js.map +1 -1
- package/dist/Player.d.ts +2 -1
- package/dist/Player.d.ts.map +1 -1
- package/dist/Player.js +30 -22
- package/dist/Player.js.map +1 -1
- package/dist/PlayerControls.js +5 -14
- package/dist/PlayerControls.js.map +1 -1
- package/dist/PlayerSeekBar.js +13 -14
- package/dist/PlayerSeekBar.js.map +1 -1
- package/dist/PlayerUI.d.ts.map +1 -1
- package/dist/PlayerUI.js +46 -37
- package/dist/PlayerUI.js.map +1 -1
- package/dist/PredefinedAudioTags.d.ts +11 -0
- package/dist/PredefinedAudioTags.d.ts.map +1 -0
- package/dist/PredefinedAudioTags.js +98 -0
- package/dist/PredefinedAudioTags.js.map +1 -0
- package/dist/error-boundary.js +1 -1
- package/dist/error-boundary.js.map +1 -1
- package/dist/events.d.ts +1 -0
- package/dist/events.d.ts.map +1 -0
- package/dist/events.js +2 -0
- package/dist/events.js.map +1 -0
- package/dist/icons.js +8 -12
- package/dist/icons.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/player-methods.d.ts +2 -1
- package/dist/player-methods.d.ts.map +1 -1
- package/dist/test/index.test.js +1 -1
- package/dist/test/index.test.js.map +1 -1
- package/dist/test/test-utils.js +3 -3
- package/dist/test/test-utils.js.map +1 -1
- package/dist/test/validate-prop.test.js +6 -6
- package/dist/test/validate-prop.test.js.map +1 -1
- package/dist/use-hover-state.js +2 -2
- package/dist/use-hover-state.js.map +1 -1
- package/dist/use-playback.js +5 -5
- package/dist/use-playback.js.map +1 -1
- package/dist/use-player.d.ts +3 -1
- package/dist/use-player.d.ts.map +1 -1
- package/dist/use-player.js +24 -16
- package/dist/use-player.js.map +1 -1
- package/dist/utils/use-cancellable-promises.js +5 -5
- package/dist/utils/use-cancellable-promises.js.map +1 -1
- package/dist/utils/use-click-prevention-on-double-click.d.ts +2 -1
- package/dist/utils/use-click-prevention-on-double-click.d.ts.map +1 -1
- package/dist/utils/use-click-prevention-on-double-click.js +9 -8
- package/dist/utils/use-click-prevention-on-double-click.js.map +1 -1
- package/dist/utils/use-element-size.js +5 -5
- package/dist/utils/use-element-size.js.map +1 -1
- package/dist/utils/use-throttle.d.ts +2 -0
- package/dist/utils/use-throttle.d.ts.map +1 -0
- package/dist/utils/use-throttle.js +24 -0
- package/dist/utils/use-throttle.js.map +1 -0
- package/package.json +4 -4
- package/dist/Freeze.d.ts +0 -7
- package/dist/Freeze.d.ts.map +0 -1
- package/dist/Freeze.js +0 -18
- package/dist/Freeze.js.map +0 -1
- package/dist/Loading.d.ts +0 -4
- package/dist/Loading.d.ts.map +0 -1
- package/dist/Loading.js +0 -25
- package/dist/Loading.js.map +0 -1
package/dist/PlayerUI.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlayerUI.js","sourceRoot":"","sources":["../src/PlayerUI.tsx"],"names":[],"mappings":";;;AACA,
|
|
1
|
+
{"version":3,"file":"PlayerUI.js","sourceRoot":"","sources":["../src/PlayerUI.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { RemotionAudioProps } from 'remotion';
|
|
3
|
+
declare type AudioElem = {
|
|
4
|
+
id: number;
|
|
5
|
+
props: RemotionAudioProps;
|
|
6
|
+
el: React.RefObject<HTMLAudioElement>;
|
|
7
|
+
};
|
|
8
|
+
export declare const SharedAudioContextProvider: React.FC;
|
|
9
|
+
export declare const useSharedAudio: (aud: RemotionAudioProps) => AudioElem;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=PredefinedAudioTags.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PredefinedAudioTags.d.ts","sourceRoot":"","sources":["../src/PredefinedAudioTags.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,kBAAkB,EAAC,MAAM,UAAU,CAAC;AAE5C,aAAK,SAAS,GAAG;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,kBAAkB,CAAC;IAC1B,EAAE,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CACtC,CAAC;AAsBF,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EA4F9C,CAAC;AAEF,eAAO,MAAM,cAAc,QAAS,kBAAkB,cAgBrD,CAAC"}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useSharedAudio = exports.SharedAudioContextProvider = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const SharedAudioContext = react_1.createContext({
|
|
7
|
+
registerAudio: () => {
|
|
8
|
+
throw new Error('sharedaudiocontext not mounted');
|
|
9
|
+
},
|
|
10
|
+
unregisterAudio: () => {
|
|
11
|
+
throw new Error('sharedaudiocontext not mounted');
|
|
12
|
+
},
|
|
13
|
+
updateAudio: () => {
|
|
14
|
+
throw new Error('sharedaudiocontext not mounted');
|
|
15
|
+
},
|
|
16
|
+
});
|
|
17
|
+
const numberOfAudios = 5;
|
|
18
|
+
const SharedAudioContextProvider = ({ children }) => {
|
|
19
|
+
const [, setAudios] = react_1.useState([]);
|
|
20
|
+
const refs = react_1.useMemo(() => {
|
|
21
|
+
return new Array(numberOfAudios).fill(true).map(() => {
|
|
22
|
+
return { id: Math.random(), ref: react_1.createRef() };
|
|
23
|
+
});
|
|
24
|
+
}, []);
|
|
25
|
+
const [takenAudios, setTakenAudios] = react_1.useState(() => new Array(numberOfAudios).fill(false));
|
|
26
|
+
const registerAudio = react_1.useCallback((aud) => {
|
|
27
|
+
const firstFreeAudio = takenAudios.findIndex((a) => a === false);
|
|
28
|
+
if (firstFreeAudio === -1) {
|
|
29
|
+
throw new Error('Trying to register more than XXX audio elements at the same time');
|
|
30
|
+
}
|
|
31
|
+
setTakenAudios((prevTaken) => {
|
|
32
|
+
const cloned = [...prevTaken];
|
|
33
|
+
cloned[firstFreeAudio] = true;
|
|
34
|
+
return cloned;
|
|
35
|
+
});
|
|
36
|
+
const { id, ref } = refs[firstFreeAudio];
|
|
37
|
+
const newElem = {
|
|
38
|
+
props: aud,
|
|
39
|
+
id,
|
|
40
|
+
el: ref,
|
|
41
|
+
};
|
|
42
|
+
setAudios((prevAudios) => [...prevAudios, newElem]);
|
|
43
|
+
return newElem;
|
|
44
|
+
}, [refs, takenAudios]);
|
|
45
|
+
const unregisterAudio = react_1.useCallback((id) => {
|
|
46
|
+
setTakenAudios((prevTaken) => {
|
|
47
|
+
const cloned = [...prevTaken];
|
|
48
|
+
const index = refs.findIndex((r) => r.id === id);
|
|
49
|
+
if (index === -1) {
|
|
50
|
+
throw new TypeError('unregister audio');
|
|
51
|
+
}
|
|
52
|
+
cloned[index] = false;
|
|
53
|
+
return cloned;
|
|
54
|
+
});
|
|
55
|
+
setAudios((prevAudios) => {
|
|
56
|
+
return prevAudios.filter((a) => a.id !== id);
|
|
57
|
+
});
|
|
58
|
+
}, [refs]);
|
|
59
|
+
const updateAudio = react_1.useCallback((id, aud) => {
|
|
60
|
+
setAudios((prevAudios) => {
|
|
61
|
+
return prevAudios.map((prevA) => {
|
|
62
|
+
if (prevA.id === id) {
|
|
63
|
+
return {
|
|
64
|
+
...prevA,
|
|
65
|
+
props: aud,
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
return prevA;
|
|
69
|
+
});
|
|
70
|
+
});
|
|
71
|
+
}, []);
|
|
72
|
+
const value = react_1.useMemo(() => {
|
|
73
|
+
return {
|
|
74
|
+
registerAudio,
|
|
75
|
+
unregisterAudio,
|
|
76
|
+
updateAudio,
|
|
77
|
+
};
|
|
78
|
+
}, [registerAudio, unregisterAudio, updateAudio]);
|
|
79
|
+
return (jsx_runtime_1.jsxs(SharedAudioContext.Provider, Object.assign({ value: value }, { children: [refs.map(({ id, ref }) => {
|
|
80
|
+
return jsx_runtime_1.jsx("audio", { ref: ref }, id);
|
|
81
|
+
}), children] }), void 0));
|
|
82
|
+
};
|
|
83
|
+
exports.SharedAudioContextProvider = SharedAudioContextProvider;
|
|
84
|
+
const useSharedAudio = (aud) => {
|
|
85
|
+
const ctx = react_1.useContext(SharedAudioContext);
|
|
86
|
+
const [elem] = react_1.useState(() => ctx.registerAudio(aud));
|
|
87
|
+
react_1.useLayoutEffect(() => {
|
|
88
|
+
return () => {
|
|
89
|
+
ctx.unregisterAudio(elem.id);
|
|
90
|
+
};
|
|
91
|
+
}, [ctx, elem.id]);
|
|
92
|
+
react_1.useLayoutEffect(() => {
|
|
93
|
+
ctx.updateAudio(elem.id, aud);
|
|
94
|
+
}, [aud, ctx, elem.id]);
|
|
95
|
+
return elem;
|
|
96
|
+
};
|
|
97
|
+
exports.useSharedAudio = useSharedAudio;
|
|
98
|
+
//# sourceMappingURL=PredefinedAudioTags.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PredefinedAudioTags.js","sourceRoot":"","sources":["../src/PredefinedAudioTags.tsx"],"names":[],"mappings":"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"}
|
package/dist/error-boundary.js
CHANGED
|
@@ -29,7 +29,7 @@ class ErrorBoundary extends react_1.default.Component {
|
|
|
29
29
|
render() {
|
|
30
30
|
if (this.state.hasError) {
|
|
31
31
|
// You can render any custom fallback UI
|
|
32
|
-
return jsx_runtime_1.jsx("div", Object.assign({ style: errorStyle }, { children: "\u26A0\uFE0F" }), void 0);
|
|
32
|
+
return (0, jsx_runtime_1.jsx)("div", Object.assign({ style: errorStyle }, { children: "\u26A0\uFE0F" }), void 0);
|
|
33
33
|
}
|
|
34
34
|
return this.props.children;
|
|
35
35
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"error-boundary.js","sourceRoot":"","sources":["../src/error-boundary.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,MAAM,UAAU,GAAwB;IACvC,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;CACb,CAAC;AAEF,MAAa,aAAc,SAAQ,eAAK,CAAC,SAKxC;IALD;;QAMC,UAAK,GAAG,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAC;IAkB3B,CAAC;IAjBA,MAAM,CAAC,wBAAwB;QAC9B,6DAA6D;QAC7D,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;IACzB,CAAC;IAED,iBAAiB,CAAC,KAAY;QAC7B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;IAED,MAAM;QACL,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACxB,wCAAwC;YACxC,OAAO,
|
|
1
|
+
{"version":3,"file":"error-boundary.js","sourceRoot":"","sources":["../src/error-boundary.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,MAAM,UAAU,GAAwB;IACvC,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,IAAI,EAAE,CAAC;IACP,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;CACb,CAAC;AAEF,MAAa,aAAc,SAAQ,eAAK,CAAC,SAKxC;IALD;;QAMC,UAAK,GAAG,EAAC,QAAQ,EAAE,KAAK,EAAC,CAAC;IAkB3B,CAAC;IAjBA,MAAM,CAAC,wBAAwB;QAC9B,6DAA6D;QAC7D,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;IACzB,CAAC;IAED,iBAAiB,CAAC,KAAY;QAC7B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;IAED,MAAM;QACL,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACxB,wCAAwC;YACxC,OAAO,8CAAK,KAAK,EAAE,UAAU,0CAAU,CAAC;SACxC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC5B,CAAC;CACD;AAxBD,sCAwBC"}
|
package/dist/events.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=events.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":""}
|
package/dist/events.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"events.js","sourceRoot":"","sources":["../src/events.ts"],"names":[],"mappings":""}
|
package/dist/icons.js
CHANGED
|
@@ -8,12 +8,11 @@ const rotate = {
|
|
|
8
8
|
transform: `rotate(90deg)`,
|
|
9
9
|
};
|
|
10
10
|
const PlayIcon = () => {
|
|
11
|
-
return (jsx_runtime_1.jsx("svg", Object.assign({ width: exports.ICON_SIZE, height: exports.ICON_SIZE, viewBox: "-100 -100 400 400", style: rotate }, { children: jsx_runtime_1.jsx("path", { fill: "#fff", stroke: "#fff", strokeWidth: "100", strokeLinejoin: "round", d: "M 2 172 a 196 100 0 0 0 195 5 A 196 240 0 0 0 100 2.259 A 196 240 0 0 0 2 172 z" }, void 0) }), void 0));
|
|
11
|
+
return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: exports.ICON_SIZE, height: exports.ICON_SIZE, viewBox: "-100 -100 400 400", style: rotate }, { children: (0, jsx_runtime_1.jsx)("path", { fill: "#fff", stroke: "#fff", strokeWidth: "100", strokeLinejoin: "round", d: "M 2 172 a 196 100 0 0 0 195 5 A 196 240 0 0 0 100 2.259 A 196 240 0 0 0 2 172 z" }, void 0) }), void 0));
|
|
12
12
|
};
|
|
13
13
|
exports.PlayIcon = PlayIcon;
|
|
14
14
|
const PauseIcon = () => {
|
|
15
|
-
return (jsx_runtime_1.jsxs("svg", Object.assign({ viewBox: "0 0 100 100", width: exports.ICON_SIZE, height: exports.ICON_SIZE }, { children: [jsx_runtime_1.jsx("rect", { x: "25", y: "20", width: "20", height: "60", fill: "#fff", ry: "5", rx: "5" }, void 0),
|
|
16
|
-
jsx_runtime_1.jsx("rect", { x: "55", y: "20", width: "20", height: "60", fill: "#fff", ry: "5", rx: "5" }, void 0)] }), void 0));
|
|
15
|
+
return ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ viewBox: "0 0 100 100", width: exports.ICON_SIZE, height: exports.ICON_SIZE }, { children: [(0, jsx_runtime_1.jsx)("rect", { x: "25", y: "20", width: "20", height: "60", fill: "#fff", ry: "5", rx: "5" }, void 0), (0, jsx_runtime_1.jsx)("rect", { x: "55", y: "20", width: "20", height: "60", fill: "#fff", ry: "5", rx: "5" }, void 0)] }), void 0));
|
|
17
16
|
};
|
|
18
17
|
exports.PauseIcon = PauseIcon;
|
|
19
18
|
const FullscreenIcon = ({ minimized }) => {
|
|
@@ -22,22 +21,19 @@ const FullscreenIcon = ({ minimized }) => {
|
|
|
22
21
|
const out = minimized ? strokeWidth / 2 : 0;
|
|
23
22
|
const middleInset = minimized ? strokeWidth / 2 : strokeWidth * 1.6;
|
|
24
23
|
const inset = minimized ? strokeWidth * 2 : strokeWidth * 1.6;
|
|
25
|
-
return (jsx_runtime_1.jsxs("svg", Object.assign({ viewBox: `0 0 ${viewSize} ${viewSize}`, height: fullscreenIconSize, width: fullscreenIconSize }, { children: [jsx_runtime_1.jsx("path", { d: `
|
|
24
|
+
return ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ viewBox: `0 0 ${viewSize} ${viewSize}`, height: fullscreenIconSize, width: fullscreenIconSize }, { children: [(0, jsx_runtime_1.jsx)("path", { d: `
|
|
26
25
|
M ${out} ${inset}
|
|
27
26
|
L ${middleInset} ${middleInset}
|
|
28
27
|
L ${inset} ${out}
|
|
29
|
-
`, stroke: "#fff", strokeWidth: strokeWidth, fill: "none" }, void 0),
|
|
30
|
-
jsx_runtime_1.jsx("path", { d: `
|
|
28
|
+
`, stroke: "#fff", strokeWidth: strokeWidth, fill: "none" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: `
|
|
31
29
|
M ${viewSize - out} ${inset}
|
|
32
30
|
L ${viewSize - middleInset} ${middleInset}
|
|
33
31
|
L ${viewSize - inset} ${out}
|
|
34
|
-
`, stroke: "#fff", strokeWidth: strokeWidth, fill: "none" }, void 0),
|
|
35
|
-
jsx_runtime_1.jsx("path", { d: `
|
|
32
|
+
`, stroke: "#fff", strokeWidth: strokeWidth, fill: "none" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: `
|
|
36
33
|
M ${out} ${viewSize - inset}
|
|
37
34
|
L ${middleInset} ${viewSize - middleInset}
|
|
38
35
|
L ${inset} ${viewSize - out}
|
|
39
|
-
`, stroke: "#fff", strokeWidth: strokeWidth, fill: "none" }, void 0),
|
|
40
|
-
jsx_runtime_1.jsx("path", { d: `
|
|
36
|
+
`, stroke: "#fff", strokeWidth: strokeWidth, fill: "none" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: `
|
|
41
37
|
M ${viewSize - out} ${viewSize - inset}
|
|
42
38
|
L ${viewSize - middleInset} ${viewSize - middleInset}
|
|
43
39
|
L ${viewSize - inset} ${viewSize - out}
|
|
@@ -45,11 +41,11 @@ const FullscreenIcon = ({ minimized }) => {
|
|
|
45
41
|
};
|
|
46
42
|
exports.FullscreenIcon = FullscreenIcon;
|
|
47
43
|
const VolumeOffIcon = () => {
|
|
48
|
-
return (jsx_runtime_1.jsx("svg", Object.assign({ width: exports.ICON_SIZE, height: exports.ICON_SIZE, viewBox: "0 0 24 24" }, { children: jsx_runtime_1.jsx("path", { d: "M3.63 3.63a.996.996 0 000 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.996.996 0 101.41-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12zm-8.71-6.29l-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7zM16.5 12A4.5 4.5 0 0014 7.97v1.79l2.48 2.48c.01-.08.02-.16.02-.24z", fill: "#fff" }, void 0) }), void 0));
|
|
44
|
+
return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: exports.ICON_SIZE, height: exports.ICON_SIZE, viewBox: "0 0 24 24" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M3.63 3.63a.996.996 0 000 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.996.996 0 101.41-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12zm-8.71-6.29l-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7zM16.5 12A4.5 4.5 0 0014 7.97v1.79l2.48 2.48c.01-.08.02-.16.02-.24z", fill: "#fff" }, void 0) }), void 0));
|
|
49
45
|
};
|
|
50
46
|
exports.VolumeOffIcon = VolumeOffIcon;
|
|
51
47
|
const VolumeOnIcon = () => {
|
|
52
|
-
return (jsx_runtime_1.jsx("svg", Object.assign({ width: exports.ICON_SIZE, height: exports.ICON_SIZE, viewBox: "0 0 24 24" }, { children: jsx_runtime_1.jsx("path", { d: "M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1zm13.5 2A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 4.45v.2c0 .38.25.71.6.85C17.18 6.53 19 9.06 19 12s-1.82 5.47-4.4 6.5c-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85C18.6 19.11 21 15.84 21 12s-2.4-7.11-5.79-8.4c-.58-.23-1.21.22-1.21.85z", fill: "#fff" }, void 0) }), void 0));
|
|
48
|
+
return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: exports.ICON_SIZE, height: exports.ICON_SIZE, viewBox: "0 0 24 24" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1zm13.5 2A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 4.45v.2c0 .38.25.71.6.85C17.18 6.53 19 9.06 19 12s-1.82 5.47-4.4 6.5c-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85C18.6 19.11 21 15.84 21 12s-2.4-7.11-5.79-8.4c-.58-.23-1.21.22-1.21.85z", fill: "#fff" }, void 0) }), void 0));
|
|
53
49
|
};
|
|
54
50
|
exports.VolumeOnIcon = VolumeOnIcon;
|
|
55
51
|
//# sourceMappingURL=icons.js.map
|
package/dist/icons.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../src/icons.tsx"],"names":[],"mappings":";;;;AAEa,QAAA,SAAS,GAAG,EAAE,CAAC;AAC5B,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAE9B,MAAM,MAAM,GAAwB;IACnC,SAAS,EAAE,eAAe;CAC1B,CAAC;AAEK,MAAM,QAAQ,GAAa,GAAG,EAAE;IACtC,OAAO,CACN,
|
|
1
|
+
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../src/icons.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -12,10 +12,11 @@ export declare const PlayerInternals: {
|
|
|
12
12
|
isLastFrame: boolean;
|
|
13
13
|
emitter: PlayerEmitter;
|
|
14
14
|
playing: boolean;
|
|
15
|
-
play: () => void;
|
|
15
|
+
play: (e?: import("react").SyntheticEvent<Element, Event> | undefined) => void;
|
|
16
16
|
pause: () => void;
|
|
17
17
|
seek: (newFrame: number) => void;
|
|
18
18
|
getCurrentFrame: () => number;
|
|
19
|
+
isPlaying: () => boolean;
|
|
19
20
|
};
|
|
20
21
|
usePlayback: ({ loop }: {
|
|
21
22
|
loop: boolean;
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAM9C,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,aAAa,EAAE,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAC,IAAI,EAAC,MAAM,0BAA0B,CAAC;AAE9C,eAAO,MAAM,eAAe
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAM9C,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,aAAa,EAAE,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAC,IAAI,EAAC,MAAM,0BAA0B,CAAC;AAE9C,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQ3B,CAAC"}
|
package/dist/player-methods.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { SyntheticEvent } from 'react';
|
|
1
2
|
import { PlayerEmitter } from './event-emitter';
|
|
2
3
|
export declare type PlayerMethods = {
|
|
3
|
-
play: () => void;
|
|
4
|
+
play: (e?: SyntheticEvent) => void;
|
|
4
5
|
pause: () => void;
|
|
5
6
|
toggle: () => void;
|
|
6
7
|
seekTo: (frame: number) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"player-methods.d.ts","sourceRoot":"","sources":["../src/player-methods.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,oBAAY,aAAa,GAAG;IAC3B,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"player-methods.d.ts","sourceRoot":"","sources":["../src/player-methods.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AACrC,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,oBAAY,aAAa,GAAG;IAC3B,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,eAAe,EAAE,MAAM,MAAM,CAAC;IAC9B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,MAAM,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,oBAAY,SAAS,GAAG,aAAa,GAAG,aAAa,CAAC"}
|
package/dist/test/index.test.js
CHANGED
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const use_player_1 = require("../use-player");
|
|
4
4
|
test('It should throw an error if not being used inside a RemotionRoot', () => {
|
|
5
5
|
expect(() => {
|
|
6
|
-
use_player_1.usePlayer();
|
|
6
|
+
(0, use_player_1.usePlayer)();
|
|
7
7
|
}).toThrow();
|
|
8
8
|
});
|
|
9
9
|
//# sourceMappingURL=index.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.js","sourceRoot":"","sources":["../../src/test/index.test.ts"],"names":[],"mappings":";;AAAA,8CAAwC;AAExC,IAAI,CAAC,kEAAkE,EAAE,GAAG,EAAE;IAC7E,MAAM,CAAC,GAAG,EAAE;QACX,sBAAS,
|
|
1
|
+
{"version":3,"file":"index.test.js","sourceRoot":"","sources":["../../src/test/index.test.ts"],"names":[],"mappings":";;AAAA,8CAAwC;AAExC,IAAI,CAAC,kEAAkE,EAAE,GAAG,EAAE;IAC7E,MAAM,CAAC,GAAG,EAAE;QACX,IAAA,sBAAS,GAAE,CAAC;IACb,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;AACd,CAAC,CAAC,CAAC"}
|
package/dist/test/test-utils.js
CHANGED
|
@@ -14,16 +14,16 @@ exports.HelloWorld = exports.render = void 0;
|
|
|
14
14
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
15
15
|
const react_1 = require("@testing-library/react");
|
|
16
16
|
const HelloWorld = () => {
|
|
17
|
-
return jsx_runtime_1.jsx("div", { children: "Hello World" }, void 0);
|
|
17
|
+
return (0, jsx_runtime_1.jsx)("div", { children: "Hello World" }, void 0);
|
|
18
18
|
};
|
|
19
19
|
exports.HelloWorld = HelloWorld;
|
|
20
20
|
const AllTheProviders = ({ children }) => {
|
|
21
21
|
// overwriting console.error console does not gets poluted with all the errors
|
|
22
22
|
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
23
23
|
window.console.error = () => { };
|
|
24
|
-
return jsx_runtime_1.jsx("div", { children: children }, void 0);
|
|
24
|
+
return (0, jsx_runtime_1.jsx)("div", { children: children }, void 0);
|
|
25
25
|
};
|
|
26
|
-
const customRender = (ui, options) => react_1.render(ui, { wrapper: AllTheProviders, ...options });
|
|
26
|
+
const customRender = (ui, options) => (0, react_1.render)(ui, { wrapper: AllTheProviders, ...options });
|
|
27
27
|
exports.render = customRender;
|
|
28
28
|
__exportStar(require("@testing-library/react"), exports);
|
|
29
29
|
//# sourceMappingURL=test-utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"test-utils.js","sourceRoot":"","sources":["../../src/test/test-utils.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA6D;AAG7D,MAAM,UAAU,GAAO,GAAG,EAAE;IAC3B,OAAO,
|
|
1
|
+
{"version":3,"file":"test-utils.js","sourceRoot":"","sources":["../../src/test/test-utils.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA6D;AAG7D,MAAM,UAAU,GAAO,GAAG,EAAE;IAC3B,OAAO,kEAAsB,CAAC;AAC/B,CAAC,CAAC;AAe8B,gCAAU;AAb1C,MAAM,eAAe,GAAO,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE;IAC1C,8EAA8E;IAC9E,gEAAgE;IAChE,MAAM,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAChC,OAAO,0CAAM,QAAQ,WAAO,CAAC;AAC9B,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CACpB,EAAgB,EAChB,OAAwC,EACvC,EAAE,CAAC,IAAA,cAAM,EAAC,EAAE,EAAE,EAAC,OAAO,EAAE,eAAe,EAAE,GAAG,OAAO,EAAC,CAAC,CAAC;AAGhC,8BAAM;AAD9B,yDAAuC"}
|
|
@@ -5,7 +5,7 @@ const index_1 = require("../index");
|
|
|
5
5
|
const test_utils_1 = require("./test-utils");
|
|
6
6
|
test('no compositionWidth should give errors', () => {
|
|
7
7
|
try {
|
|
8
|
-
test_utils_1.render(jsx_runtime_1.jsx(index_1.Player
|
|
8
|
+
(0, test_utils_1.render)((0, jsx_runtime_1.jsx)(index_1.Player
|
|
9
9
|
// @ts-expect-error
|
|
10
10
|
, {
|
|
11
11
|
// @ts-expect-error
|
|
@@ -17,7 +17,7 @@ test('no compositionWidth should give errors', () => {
|
|
|
17
17
|
});
|
|
18
18
|
test('no compositionHeight should give errors', () => {
|
|
19
19
|
try {
|
|
20
|
-
test_utils_1.render(jsx_runtime_1.jsx(index_1.Player, { compositionWidth: 400,
|
|
20
|
+
(0, test_utils_1.render)((0, jsx_runtime_1.jsx)(index_1.Player, { compositionWidth: 400,
|
|
21
21
|
// @ts-expect-error
|
|
22
22
|
compositionHeight: undefined, fps: 30, durationInFrames: 500, component: test_utils_1.HelloWorld, controls: true, showVolumeControls: true }, void 0));
|
|
23
23
|
}
|
|
@@ -27,7 +27,7 @@ test('no compositionHeight should give errors', () => {
|
|
|
27
27
|
});
|
|
28
28
|
test('No fps should give errors', () => {
|
|
29
29
|
try {
|
|
30
|
-
test_utils_1.render(jsx_runtime_1.jsx(index_1.Player, { compositionWidth: 500, compositionHeight: 400,
|
|
30
|
+
(0, test_utils_1.render)((0, jsx_runtime_1.jsx)(index_1.Player, { compositionWidth: 500, compositionHeight: 400,
|
|
31
31
|
// @ts-expect-error
|
|
32
32
|
fps: null, durationInFrames: 500, component: test_utils_1.HelloWorld, controls: true, showVolumeControls: true }, void 0));
|
|
33
33
|
}
|
|
@@ -35,7 +35,7 @@ test('No fps should give errors', () => {
|
|
|
35
35
|
expect(e.message).toMatch(/"fps" must be a number, but you passed a value of type object/);
|
|
36
36
|
}
|
|
37
37
|
try {
|
|
38
|
-
test_utils_1.render(jsx_runtime_1.jsx(index_1.Player, { compositionWidth: 500, compositionHeight: 400,
|
|
38
|
+
(0, test_utils_1.render)((0, jsx_runtime_1.jsx)(index_1.Player, { compositionWidth: 500, compositionHeight: 400,
|
|
39
39
|
// @ts-expect-error
|
|
40
40
|
fps: undefined, durationInFrames: 500, component: test_utils_1.HelloWorld, controls: true, showVolumeControls: true }, void 0));
|
|
41
41
|
}
|
|
@@ -45,7 +45,7 @@ test('No fps should give errors', () => {
|
|
|
45
45
|
});
|
|
46
46
|
test('No durationInFrames should give errors', () => {
|
|
47
47
|
try {
|
|
48
|
-
test_utils_1.render(jsx_runtime_1.jsx(index_1.Player, { compositionWidth: 500, compositionHeight: 400, fps: 30,
|
|
48
|
+
(0, test_utils_1.render)((0, jsx_runtime_1.jsx)(index_1.Player, { compositionWidth: 500, compositionHeight: 400, fps: 30,
|
|
49
49
|
// @ts-expect-error
|
|
50
50
|
durationInFrames: undefined, component: test_utils_1.HelloWorld, controls: true, showVolumeControls: true }, void 0));
|
|
51
51
|
}
|
|
@@ -65,7 +65,7 @@ test.each([
|
|
|
65
65
|
const props = {};
|
|
66
66
|
props[a] = 'hey';
|
|
67
67
|
try {
|
|
68
|
-
test_utils_1.render(jsx_runtime_1.jsx(index_1.Player, Object.assign({ compositionWidth: 500, compositionHeight: 400, fps: 30, durationInFrames: 100, component: test_utils_1.HelloWorld }, props), void 0));
|
|
68
|
+
(0, test_utils_1.render)((0, jsx_runtime_1.jsx)(index_1.Player, Object.assign({ compositionWidth: 500, compositionHeight: 400, fps: 30, durationInFrames: 100, component: test_utils_1.HelloWorld }, props), void 0));
|
|
69
69
|
}
|
|
70
70
|
catch (e) {
|
|
71
71
|
expect(e.message).toMatch(`'${a}' must be a boolean or undefined but got 'string' instead`);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"validate-prop.test.js","sourceRoot":"","sources":["../../src/test/validate-prop.test.tsx"],"names":[],"mappings":";;;AAAA,oCAAgC;AAChC,6CAAgD;AAEhD,IAAI,CAAC,wCAAwC,EAAE,GAAG,EAAE;IACnD,IAAI;QACH,mBAAM,
|
|
1
|
+
{"version":3,"file":"validate-prop.test.js","sourceRoot":"","sources":["../../src/test/validate-prop.test.tsx"],"names":[],"mappings":"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"}
|
package/dist/use-hover-state.js
CHANGED
|
@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.useHoverState = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
const useHoverState = (ref) => {
|
|
6
|
-
const [hovered, stetHovered] = react_1.useState(false);
|
|
7
|
-
react_1.useEffect(() => {
|
|
6
|
+
const [hovered, stetHovered] = (0, react_1.useState)(false);
|
|
7
|
+
(0, react_1.useEffect)(() => {
|
|
8
8
|
const { current } = ref;
|
|
9
9
|
if (!current) {
|
|
10
10
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-hover-state.js","sourceRoot":"","sources":["../src/use-hover-state.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAEnC,MAAM,aAAa,GAAG,CAAC,GAAoC,EAAE,EAAE;IACrE,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,GAAG,gBAAQ,
|
|
1
|
+
{"version":3,"file":"use-hover-state.js","sourceRoot":"","sources":["../src/use-hover-state.ts"],"names":[],"mappings":";;;AAAA,iCAA0C;AAEnC,MAAM,aAAa,GAAG,CAAC,GAAoC,EAAE,EAAE;IACrE,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE/C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,EAAC,OAAO,EAAC,GAAG,GAAG,CAAC;QACtB,IAAI,CAAC,OAAO,EAAE;YACb,OAAO;SACP;QAED,MAAM,OAAO,GAAG,GAAG,EAAE;YACpB,WAAW,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC,CAAC;QAEF,MAAM,OAAO,GAAG,GAAG,EAAE;YACpB,WAAW,CAAC,KAAK,CAAC,CAAC;QACpB,CAAC,CAAC;QAEF,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;QAChD,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACX,OAAO,CAAC,mBAAmB,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;YACnD,OAAO,CAAC,mBAAmB,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;QACpD,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,OAAO,OAAO,CAAC;AAChB,CAAC,CAAC;AA1BW,QAAA,aAAa,iBA0BxB"}
|
package/dist/use-playback.js
CHANGED
|
@@ -7,12 +7,12 @@ const use_player_1 = require("./use-player");
|
|
|
7
7
|
const usePlayback = ({ loop }) => {
|
|
8
8
|
const frame = remotion_1.Internals.Timeline.useTimelinePosition();
|
|
9
9
|
const config = remotion_1.Internals.useUnsafeVideoConfig();
|
|
10
|
-
const { playing, pause, emitter } = use_player_1.usePlayer();
|
|
10
|
+
const { playing, pause, emitter } = (0, use_player_1.usePlayer)();
|
|
11
11
|
const setFrame = remotion_1.Internals.Timeline.useTimelineSetFrame();
|
|
12
|
-
const frameRef = react_1.useRef(frame);
|
|
12
|
+
const frameRef = (0, react_1.useRef)(frame);
|
|
13
13
|
frameRef.current = frame;
|
|
14
|
-
const lastTimeUpdateEvent = react_1.useRef(null);
|
|
15
|
-
react_1.useEffect(() => {
|
|
14
|
+
const lastTimeUpdateEvent = (0, react_1.useRef)(null);
|
|
15
|
+
(0, react_1.useEffect)(() => {
|
|
16
16
|
if (!config) {
|
|
17
17
|
return;
|
|
18
18
|
}
|
|
@@ -51,7 +51,7 @@ const usePlayback = ({ loop }) => {
|
|
|
51
51
|
stop();
|
|
52
52
|
};
|
|
53
53
|
}, [config, loop, pause, playing, setFrame, emitter]);
|
|
54
|
-
react_1.useEffect(() => {
|
|
54
|
+
(0, react_1.useEffect)(() => {
|
|
55
55
|
const interval = setInterval(() => {
|
|
56
56
|
if (lastTimeUpdateEvent.current === frameRef.current) {
|
|
57
57
|
return;
|
package/dist/use-playback.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-playback.js","sourceRoot":"","sources":["../src/use-playback.ts"],"names":[],"mappings":";;;AAAA,iCAAwC;AACxC,uCAAmC;AACnC,6CAAuC;AAEhC,MAAM,WAAW,GAAG,CAAC,EAAC,IAAI,EAAkB,EAAE,EAAE;IACtD,MAAM,KAAK,GAAG,oBAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC;IACvD,MAAM,MAAM,GAAG,oBAAS,CAAC,oBAAoB,EAAE,CAAC;IAChD,MAAM,EAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAC,GAAG,sBAAS,
|
|
1
|
+
{"version":3,"file":"use-playback.js","sourceRoot":"","sources":["../src/use-playback.ts"],"names":[],"mappings":"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"}
|
package/dist/use-player.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { SyntheticEvent } from 'react';
|
|
1
2
|
import { PlayerEmitter } from './event-emitter';
|
|
2
3
|
export declare const usePlayer: () => {
|
|
3
4
|
frameBack: (frames: number) => void;
|
|
@@ -5,9 +6,10 @@ export declare const usePlayer: () => {
|
|
|
5
6
|
isLastFrame: boolean;
|
|
6
7
|
emitter: PlayerEmitter;
|
|
7
8
|
playing: boolean;
|
|
8
|
-
play: () => void;
|
|
9
|
+
play: (e?: SyntheticEvent<Element, Event> | undefined) => void;
|
|
9
10
|
pause: () => void;
|
|
10
11
|
seek: (newFrame: number) => void;
|
|
11
12
|
getCurrentFrame: () => number;
|
|
13
|
+
isPlaying: () => boolean;
|
|
12
14
|
};
|
|
13
15
|
//# sourceMappingURL=use-player.d.ts.map
|
package/dist/use-player.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-player.d.ts","sourceRoot":"","sources":["../src/use-player.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"use-player.d.ts","sourceRoot":"","sources":["../src/use-player.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAA2C,MAAM,OAAO,CAAC;AAG/E,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,eAAO,MAAM,SAAS;wBACD,MAAM,KAAK,IAAI;2BACZ,MAAM,KAAK,IAAI;iBACzB,OAAO;aACX,aAAa;aACb,OAAO;8DACc,IAAI;WAC3B,MAAM,IAAI;qBACA,MAAM,KAAK,IAAI;qBACf,MAAM,MAAM;eAClB,MAAM,OAAO;CA2HxB,CAAC"}
|
package/dist/use-player.js
CHANGED
|
@@ -7,64 +7,71 @@ const emitter_context_1 = require("./emitter-context");
|
|
|
7
7
|
const usePlayer = () => {
|
|
8
8
|
var _a;
|
|
9
9
|
const [playing, setPlaying] = remotion_1.Internals.Timeline.usePlayingState();
|
|
10
|
+
const imperativePlaying = (0, react_1.useRef)(false);
|
|
10
11
|
const frame = remotion_1.Internals.Timeline.useTimelinePosition();
|
|
11
12
|
const setFrame = remotion_1.Internals.Timeline.useTimelineSetFrame();
|
|
12
13
|
const setTimelinePosition = remotion_1.Internals.Timeline.useTimelineSetFrame();
|
|
13
|
-
const
|
|
14
|
+
const audioContext = (0, react_1.useContext)(remotion_1.Internals.SharedAudioContext);
|
|
15
|
+
const frameRef = (0, react_1.useRef)();
|
|
14
16
|
frameRef.current = frame;
|
|
15
17
|
const video = remotion_1.Internals.useVideo();
|
|
16
18
|
const config = remotion_1.Internals.useUnsafeVideoConfig();
|
|
17
|
-
const emitter = react_1.useContext(emitter_context_1.PlayerEventEmitterContext);
|
|
19
|
+
const emitter = (0, react_1.useContext)(emitter_context_1.PlayerEventEmitterContext);
|
|
18
20
|
const lastFrame = ((_a = config === null || config === void 0 ? void 0 : config.durationInFrames) !== null && _a !== void 0 ? _a : 1) - 1;
|
|
19
21
|
const isLastFrame = frame === lastFrame;
|
|
20
22
|
if (!emitter) {
|
|
21
23
|
throw new TypeError('Expected Player event emitter context');
|
|
22
24
|
}
|
|
23
|
-
const seek = react_1.useCallback((newFrame) => {
|
|
25
|
+
const seek = (0, react_1.useCallback)((newFrame) => {
|
|
24
26
|
setTimelinePosition(newFrame);
|
|
25
27
|
emitter.dispatchSeek(newFrame);
|
|
26
28
|
}, [emitter, setTimelinePosition]);
|
|
27
|
-
const play = react_1.useCallback(() => {
|
|
28
|
-
if (
|
|
29
|
+
const play = (0, react_1.useCallback)((e) => {
|
|
30
|
+
if (imperativePlaying.current) {
|
|
29
31
|
return;
|
|
30
32
|
}
|
|
31
33
|
if (isLastFrame) {
|
|
32
34
|
seek(0);
|
|
33
35
|
}
|
|
36
|
+
if (audioContext && audioContext.numberOfAudioTags > 0 && e) {
|
|
37
|
+
audioContext.playAllAudios();
|
|
38
|
+
}
|
|
39
|
+
imperativePlaying.current = true;
|
|
34
40
|
setPlaying(true);
|
|
35
41
|
emitter.dispatchPlay();
|
|
36
|
-
}, [
|
|
37
|
-
const pause = react_1.useCallback(() => {
|
|
38
|
-
if (
|
|
42
|
+
}, [isLastFrame, audioContext, setPlaying, emitter, seek]);
|
|
43
|
+
const pause = (0, react_1.useCallback)(() => {
|
|
44
|
+
if (imperativePlaying.current) {
|
|
45
|
+
imperativePlaying.current = false;
|
|
39
46
|
setPlaying(false);
|
|
40
47
|
emitter.dispatchPause();
|
|
41
48
|
}
|
|
42
|
-
}, [emitter,
|
|
43
|
-
const frameBack = react_1.useCallback((frames) => {
|
|
49
|
+
}, [emitter, setPlaying]);
|
|
50
|
+
const frameBack = (0, react_1.useCallback)((frames) => {
|
|
44
51
|
if (!video) {
|
|
45
52
|
return null;
|
|
46
53
|
}
|
|
47
|
-
if (
|
|
54
|
+
if (imperativePlaying.current) {
|
|
48
55
|
return;
|
|
49
56
|
}
|
|
50
57
|
if (frame === 0) {
|
|
51
58
|
return;
|
|
52
59
|
}
|
|
53
60
|
setFrame((f) => Math.max(0, f - frames));
|
|
54
|
-
}, [frame,
|
|
55
|
-
const frameForward = react_1.useCallback((frames) => {
|
|
61
|
+
}, [frame, setFrame, video]);
|
|
62
|
+
const frameForward = (0, react_1.useCallback)((frames) => {
|
|
56
63
|
if (!video) {
|
|
57
64
|
return null;
|
|
58
65
|
}
|
|
59
|
-
if (
|
|
66
|
+
if (imperativePlaying.current) {
|
|
60
67
|
return;
|
|
61
68
|
}
|
|
62
69
|
if (isLastFrame) {
|
|
63
70
|
return;
|
|
64
71
|
}
|
|
65
72
|
setFrame((f) => Math.min(lastFrame, f + frames));
|
|
66
|
-
}, [isLastFrame, lastFrame,
|
|
67
|
-
const returnValue = react_1.useMemo(() => {
|
|
73
|
+
}, [isLastFrame, lastFrame, setFrame, video]);
|
|
74
|
+
const returnValue = (0, react_1.useMemo)(() => {
|
|
68
75
|
return {
|
|
69
76
|
frameBack,
|
|
70
77
|
frameForward,
|
|
@@ -75,6 +82,7 @@ const usePlayer = () => {
|
|
|
75
82
|
pause,
|
|
76
83
|
seek,
|
|
77
84
|
getCurrentFrame: () => frameRef.current,
|
|
85
|
+
isPlaying: () => imperativePlaying.current,
|
|
78
86
|
};
|
|
79
87
|
}, [
|
|
80
88
|
emitter,
|