@remotion/player 2.3.0-alpha.8922e6c7 → 2.3.4

package/dist/MediaVolumeSlider.js

@@ -63,10 +63,10 @@ const volumeContainer = {
 const MediaVolumeSlider = () => {
     const [mediaMuted, setMediaMuted] = remotion_1.Internals.useMediaMutedState();
     const [mediaVolume, setMediaVolume] = remotion_1.Internals.useMediaVolumeState();
-    const [focused, setFocused] = react_1.useState(false);
-    const parentDivRef = react_1.useRef(null);
-    const inputRef = react_1.useRef(null);
-    const hover = use_hover_state_1.useHoverState(parentDivRef);
+    const [focused, setFocused] = (0, react_1.useState)(false);
+    const parentDivRef = (0, react_1.useRef)(null);
+    const inputRef = (0, react_1.useRef)(null);
+    const hover = (0, use_hover_state_1.useHoverState)(parentDivRef);
     const isMutedOrZero = mediaMuted || mediaVolume === 0;
     const onVolumeChange = (e) => {
         setMediaVolume(parseFloat(e.target.value));
@@ -80,7 +80,7 @@ const MediaVolumeSlider = () => {
             }
         }, 10);
     };
-    const onClick = react_1.useCallback(() => {
+    const onClick = (0, react_1.useCallback)(() => {
         if (mediaVolume === 0) {
             setMediaVolume(1);
             setMediaMuted(false);
@@ -88,8 +88,7 @@ const MediaVolumeSlider = () => {
         }
         setMediaMuted((mute) => !mute);
     }, [mediaVolume, setMediaMuted, setMediaVolume]);
-    return (jsx_runtime_1.jsxs("div", Object.assign({ ref: parentDivRef, style: parentDivStyle }, { children: [jsx_runtime_1.jsx("button", Object.assign({ "aria-label": isMutedOrZero ? 'Unmute sound' : 'Mute sound', title: isMutedOrZero ? 'Unmute sound' : 'Mute sound', onClick: onClick, onBlur: onBlur, onFocus: () => setFocused(true), style: volumeContainer, type: "button" }, { children: isMutedOrZero ? jsx_runtime_1.jsx(icons_1.VolumeOffIcon, {}, void 0) : jsx_runtime_1.jsx(icons_1.VolumeOnIcon, {}, void 0) }), void 0),
-            (focused || hover) && !mediaMuted ? (jsx_runtime_1.jsx("input", { ref: inputRef, "aria-label": "Change volume", className: player_css_classname_1.VOLUME_SLIDER_INPUT_CSS_CLASSNAME, max: 1, min: 0, onBlur: () => setFocused(false), onChange: onVolumeChange, step: 0.01, type: "range", value: mediaVolume }, void 0)) : null] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: parentDivRef, style: parentDivStyle }, { children: [(0, jsx_runtime_1.jsx)("button", Object.assign({ "aria-label": isMutedOrZero ? 'Unmute sound' : 'Mute sound', title: isMutedOrZero ? 'Unmute sound' : 'Mute sound', onClick: onClick, onBlur: onBlur, onFocus: () => setFocused(true), style: volumeContainer, type: "button" }, { children: isMutedOrZero ? (0, jsx_runtime_1.jsx)(icons_1.VolumeOffIcon, {}, void 0) : (0, jsx_runtime_1.jsx)(icons_1.VolumeOnIcon, {}, void 0) }), void 0), (focused || hover) && !mediaMuted ? ((0, jsx_runtime_1.jsx)("input", { ref: inputRef, "aria-label": "Change volume", className: player_css_classname_1.VOLUME_SLIDER_INPUT_CSS_CLASSNAME, max: 1, min: 0, onBlur: () => setFocused(false), onChange: onVolumeChange, step: 0.01, type: "range", value: mediaVolume }, void 0)) : null] }), void 0));
 };
 exports.MediaVolumeSlider = MediaVolumeSlider;
 //# sourceMappingURL=MediaVolumeSlider.js.map

package/dist/MediaVolumeSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaVolumeSlider.js","sourceRoot":"","sources":["../src/MediaVolumeSlider.tsx"],"names":[],"mappings":";;;;AAAA,iCAA2D;AAC3D,uCAAmC;AACnC,mCAA+D;AAC/D,iEAAyE;AACzE,uDAAgD;AAEhD,MAAM,UAAU,GAAG,CAAC,CAAC;AACrB,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEhC,MAAM,KAAK,GAAG,IAAI,wDAAiC,EAAE,CAAC;AACtD,MAAM,WAAW,GAAG;GACjB,KAAK;;;mBAGW,UAAU,GAAG,CAAC;;YAErB,UAAU;;WAEX,mBAAmB;;;GAG3B,KAAK;;;mBAGW,SAAS,GAAG,CAAC;;YAEpB,SAAS;WACV,SAAS;;;GAGjB,KAAK;;;mBAGW,SAAS,GAAG,CAAC;;YAEpB,SAAS;WACV,SAAS;;CAEnB,CAAC;AAEF,oBAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;AAE1C,MAAM,cAAc,GAAwB;IAC3C,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,KAAK;IACd,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,WAAW,EAAE,MAAM;CACnB,CAAC;AAEF,MAAM,eAAe,GAAwB;IAC5C,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,iBAAS;IAChB,MAAM,EAAE,iBAAS;IACjB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,CAAC;CACV,CAAC;AAEK,MAAM,iBAAiB,GAAa,GAAG,EAAE;IAC/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,oBAAS,CAAC,kBAAkB,EAAE,CAAC;IACnE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,oBAAS,CAAC,mBAAmB,EAAE,CAAC;IACtE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,gBAAQ,CAAU,KAAK,CAAC,CAAC;IACvD,MAAM,YAAY,GAAG,cAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,cAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,+BAAa,CAAC,YAAY,CAAC,CAAC;IAC1C,MAAM,aAAa,GAAG,UAAU,IAAI,WAAW,KAAK,CAAC,CAAC;IAEtD,MAAM,cAAc,GAAG,CAAC,CAAsC,EAAE,EAAE;QACjE,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5C,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE;QACnB,UAAU,CAAC,GAAG,EAAE;YACf,iEAAiE;YACjE,iDAAiD;YACjD,IAAI,QAAQ,CAAC,aAAa,KAAK,QAAQ,CAAC,OAAO,EAAE;gBAChD,UAAU,CAAC,KAAK,CAAC,CAAC;aAClB;QACF,CAAC,EAAE,EAAE,CAAC,CAAC;IACR,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,mBAAW,CAAC,GAAG,EAAE;QAChC,IAAI,WAAW,KAAK,CAAC,EAAE;YACtB,cAAc,CAAC,CAAC,CAAC,CAAC;YAClB,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,OAAO;SACP;QAED,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;IAEjD,OAAO,CACN,0CAAK,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,cAAc,iBAC5C,0DACa,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,EACzD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,EACpD,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAC/B,KAAK,EAAE,eAAe,EACtB,IAAI,EAAC,QAAQ,gBAEZ,aAAa,CAAC,CAAC,CAAC,kBAAC,qBAAa,aAAG,CAAC,CAAC,CAAC,kBAAC,oBAAY,aAAG,YAC7C;YAER,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CACpC,6BACC,GAAG,EAAE,QAAQ,gBACF,eAAe,EAC1B,SAAS,EAAE,wDAAiC,EAC5C,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,CAAC,EACN,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAC/B,QAAQ,EAAE,cAAc,EACxB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,WAAW,WACjB,CACF,CAAC,CAAC,CAAC,IAAI,aACH,CACN,CAAC;AACH,CAAC,CAAC;AA/DW,QAAA,iBAAiB,qBA+D5B"}
+{"version":3,"file":"MediaVolumeSlider.js","sourceRoot":"","sources":["../src/MediaVolumeSlider.tsx"],"names":[],"mappings":"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"}

package/dist/Player.d.ts

@@ -20,8 +20,9 @@ export declare type PlayerProps<T> = {
     clickToPlay?: boolean;
     doubleClickToFullscreen?: boolean;
     spaceKeyToPlayOrPause?: boolean;
+    numberOfSharedAudioTags?: number;
 } & PropsIfHasProps<T> & CompProps<T>;
-export declare const PlayerFn: <T>({ durationInFrames, compositionHeight, compositionWidth, fps, inputProps, style, controls, loop, autoPlay, showVolumeControls, allowFullscreen, clickToPlay, doubleClickToFullscreen, spaceKeyToPlayOrPause, ...componentProps }: PlayerProps<T>, ref: MutableRefObject<PlayerRef>) => JSX.Element;
+export declare const PlayerFn: <T>({ durationInFrames, compositionHeight, compositionWidth, fps, inputProps, style, controls, loop, autoPlay, showVolumeControls, allowFullscreen, clickToPlay, doubleClickToFullscreen, spaceKeyToPlayOrPause, numberOfSharedAudioTags, ...componentProps }: PlayerProps<T>, ref: MutableRefObject<PlayerRef>) => JSX.Element;
 declare module 'react' {
     function forwardRef<T, P = {}>(render: (props: P, ref: React.MutableRefObject<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
 }

package/dist/Player.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Player.d.ts","sourceRoot":"","sources":["../src/Player.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEb,gBAAgB,EAOhB,MAAM,OAAO,CAAC;AACf,OAAO,EAEN,SAAS,EAOT,MAAM,UAAU,CAAC;AAIlB,OAAO,EAAC,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAI3C,aAAK,eAAe,CAAC,KAAK,IAAI,EAAE,SAAS,KAAK,GAC3C;IACA,UAAU,CAAC,EAAE,KAAK,CAAC;CAClB,GACD;IACA,UAAU,EAAE,KAAK,CAAC;CACjB,CAAC;AAEL,oBAAY,WAAW,CAAC,CAAC,IAAI;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC,GAAG,eAAe,CAAC,CAAC,CAAC,GACrB,SAAS,CAAC,CAAC,CAAC,CAAC;AAMd,eAAO,MAAM,QAAQ,6PAkBf,iBAAiB,SAAS,CAAC,gBAiOhC,CAAC;AAEF,OAAO,QAAQ,OAAO,CAAC;IAEtB,SAAS,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,EAC5B,MAAM,EAAE,CACP,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAC1B,KAAK,CAAC,YAAY,GAAG,IAAI,GAC5B,CAAC,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;CACpE;AAED,eAAO,MAAM,MAAM,iEAHwB,kBAAkB,GAAG,IAGtB,CAAC"}
+{"version":3,"file":"Player.d.ts","sourceRoot":"","sources":["../src/Player.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEb,gBAAgB,EAOhB,MAAM,OAAO,CAAC;AACf,OAAO,EAEN,SAAS,EAOT,MAAM,UAAU,CAAC;AAIlB,OAAO,EAAC,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAI3C,aAAK,eAAe,CAAC,KAAK,IAAI,EAAE,SAAS,KAAK,GAC3C;IACA,UAAU,CAAC,EAAE,KAAK,CAAC;CAClB,GACD;IACA,UAAU,EAAE,KAAK,CAAC;CACjB,CAAC;AAEL,oBAAY,WAAW,CAAC,CAAC,IAAI;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,uBAAuB,CAAC,EAAE,MAAM,CAAC;CACjC,GAAG,eAAe,CAAC,CAAC,CAAC,GACrB,SAAS,CAAC,CAAC,CAAC,CAAC;AAOd,eAAO,MAAM,QAAQ,sRAmBf,iBAAiB,SAAS,CAAC,gBAiPhC,CAAC;AAEF,OAAO,QAAQ,OAAO,CAAC;IAEtB,SAAS,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,EAC5B,MAAM,EAAE,CACP,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAC1B,KAAK,CAAC,YAAY,GAAG,IAAI,GAC5B,CAAC,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;CACpE;AAED,eAAO,MAAM,MAAM,iEAHwB,kBAAkB,GAAG,IAGtB,CAAC"}

package/dist/Player.js

@@ -13,20 +13,21 @@ const player_css_classname_1 = require("./player-css-classname");
 const PlayerUI_1 = __importDefault(require("./PlayerUI"));
 const volume_persistance_1 = require("./volume-persistance");
 remotion_1.Internals.CSSUtils.injectCSS(remotion_1.Internals.CSSUtils.makeDefaultCSS(`.${player_css_classname_1.PLAYER_CSS_CLASSNAME}`));
-const PlayerFn = ({ durationInFrames, compositionHeight, compositionWidth, fps, inputProps, style, controls = false, loop = false, autoPlay = false, showVolumeControls = true, allowFullscreen = true, clickToPlay, doubleClickToFullscreen = false, spaceKeyToPlayOrPause = true, ...componentProps }, ref) => {
-    react_1.useLayoutEffect(() => {
+// eslint-disable-next-line complexity
+const PlayerFn = ({ durationInFrames, compositionHeight, compositionWidth, fps, inputProps, style, controls = false, loop = false, autoPlay = false, showVolumeControls = true, allowFullscreen = true, clickToPlay, doubleClickToFullscreen = false, spaceKeyToPlayOrPause = true, numberOfSharedAudioTags = 5, ...componentProps }, ref) => {
+    (0, react_1.useLayoutEffect)(() => {
         if (typeof window !== 'undefined') {
             window.remotion_isPlayer = true;
         }
     }, []);
     const component = remotion_1.Internals.useLazyComponent(componentProps);
-    const [frame, setFrame] = react_1.useState(0);
-    const [playing, setPlaying] = react_1.useState(false);
-    const [rootId] = react_1.useState('player-comp');
-    const [emitter] = react_1.useState(() => new event_emitter_1.PlayerEmitter());
-    const rootRef = react_1.useRef(null);
-    const [mediaMuted, setMediaMuted] = react_1.useState(false);
-    const [mediaVolume, setMediaVolume] = react_1.useState(volume_persistance_1.getPreferredVolume());
+    const [frame, setFrame] = (0, react_1.useState)(0);
+    const [playing, setPlaying] = (0, react_1.useState)(false);
+    const [rootId] = (0, react_1.useState)('player-comp');
+    const [emitter] = (0, react_1.useState)(() => new event_emitter_1.PlayerEmitter());
+    const rootRef = (0, react_1.useRef)(null);
+    const [mediaMuted, setMediaMuted] = (0, react_1.useState)(false);
+    const [mediaVolume, setMediaVolume] = (0, react_1.useState)((0, volume_persistance_1.getPreferredVolume)());
     if (typeof compositionHeight !== 'number') {
         throw new TypeError(`'compositionHeight' must be a number but got '${typeof compositionHeight}' instead`);
     }
@@ -65,12 +66,19 @@ const PlayerFn = ({ durationInFrames, compositionHeight, compositionWidth, fps,
         typeof spaceKeyToPlayOrPause !== 'undefined') {
         throw new TypeError(`'spaceKeyToPlayOrPause' must be a boolean or undefined but got '${typeof spaceKeyToPlayOrPause}' instead`);
     }
-    const setMediaVolumeAndPersist = react_1.useCallback((vol) => {
+    if (typeof numberOfSharedAudioTags !== 'number' ||
+        numberOfSharedAudioTags % 1 !== 0 ||
+        !Number.isFinite(numberOfSharedAudioTags) ||
+        Number.isNaN(numberOfSharedAudioTags) ||
+        numberOfSharedAudioTags < 0) {
+        throw new TypeError(`'numberOfSharedAudioTags' must be an integer but got '${numberOfSharedAudioTags}' instead`);
+    }
+    const setMediaVolumeAndPersist = (0, react_1.useCallback)((vol) => {
         setMediaVolume(vol);
-        volume_persistance_1.persistVolume(vol);
+        (0, volume_persistance_1.persistVolume)(vol);
     }, []);
-    react_1.useImperativeHandle(ref, () => rootRef.current);
-    const timelineContextValue = react_1.useMemo(() => {
+    (0, react_1.useImperativeHandle)(ref, () => rootRef.current);
+    const timelineContextValue = (0, react_1.useMemo)(() => {
         return {
             frame,
             playing,
@@ -78,25 +86,25 @@ const PlayerFn = ({ durationInFrames, compositionHeight, compositionWidth, fps,
             shouldRegisterSequences: false,
         };
     }, [frame, playing, rootId]);
-    const setTimelineContextValue = react_1.useMemo(() => {
+    const setTimelineContextValue = (0, react_1.useMemo)(() => {
         return {
             setFrame,
             setPlaying,
         };
     }, [setFrame]);
-    const mediaVolumeContextValue = react_1.useMemo(() => {
+    const mediaVolumeContextValue = (0, react_1.useMemo)(() => {
         return {
             mediaMuted,
             mediaVolume,
         };
     }, [mediaMuted, mediaVolume]);
-    const setMediaVolumeContextValue = react_1.useMemo(() => {
+    const setMediaVolumeContextValue = (0, react_1.useMemo)(() => {
         return {
             setMediaMuted,
             setMediaVolume: setMediaVolumeAndPersist,
         };
     }, [setMediaVolumeAndPersist]);
-    const compositionManagerContext = react_1.useMemo(() => {
+    const compositionManagerContext = (0, react_1.useMemo)(() => {
         return {
             compositions: [
                 {
@@ -129,13 +137,13 @@ const PlayerFn = ({ durationInFrames, compositionHeight, compositionWidth, fps,
         fps,
         inputProps,
     ]);
-    const passedInputProps = react_1.useMemo(() => {
+    const passedInputProps = (0, react_1.useMemo)(() => {
         return inputProps !== null && inputProps !== void 0 ? inputProps : {};
     }, [inputProps]);
-    return (jsx_runtime_1.jsx(remotion_1.Internals.Timeline.TimelineContext.Provider, Object.assign({ value: timelineContextValue }, { children: jsx_runtime_1.jsx(remotion_1.Internals.Timeline.SetTimelineContext.Provider, Object.assign({ value: setTimelineContextValue }, { children: jsx_runtime_1.jsx(remotion_1.Internals.CompositionManager.Provider, Object.assign({ value: compositionManagerContext }, { children: jsx_runtime_1.jsx(remotion_1.Internals.MediaVolumeContext.Provider, Object.assign({ value: mediaVolumeContextValue }, { children: jsx_runtime_1.jsx(remotion_1.Internals.SetMediaVolumeContext.Provider, Object.assign({ value: setMediaVolumeContextValue }, { children: jsx_runtime_1.jsx(emitter_context_1.PlayerEventEmitterContext.Provider, Object.assign({ value: emitter }, { children: jsx_runtime_1.jsx(PlayerUI_1.default, { ref: rootRef, autoPlay: Boolean(autoPlay), loop: Boolean(loop), controls: Boolean(controls), style: style, inputProps: passedInputProps, allowFullscreen: Boolean(allowFullscreen), clickToPlay: typeof clickToPlay === 'boolean'
-                                    ? clickToPlay
-                                    : Boolean(controls), showVolumeControls: Boolean(showVolumeControls), setMediaVolume: setMediaVolumeAndPersist, mediaVolume: mediaVolume, mediaMuted: mediaMuted, doubleClickToFullscreen: Boolean(doubleClickToFullscreen), setMediaMuted: setMediaMuted, spaceKeyToPlayOrPause: Boolean(spaceKeyToPlayOrPause) }, void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0));
+    return ((0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineContext.Provider, Object.assign({ value: timelineContextValue }, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.SetTimelineContext.Provider, Object.assign({ value: setTimelineContextValue }, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.CompositionManager.Provider, Object.assign({ value: compositionManagerContext }, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.MediaVolumeContext.Provider, Object.assign({ value: mediaVolumeContextValue }, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SetMediaVolumeContext.Provider, Object.assign({ value: setMediaVolumeContextValue }, { children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SharedAudioContextProvider, Object.assign({ numberOfAudioTags: numberOfSharedAudioTags }, { children: (0, jsx_runtime_1.jsx)(emitter_context_1.PlayerEventEmitterContext.Provider, Object.assign({ value: emitter }, { children: (0, jsx_runtime_1.jsx)(PlayerUI_1.default, { ref: rootRef, autoPlay: Boolean(autoPlay), loop: Boolean(loop), controls: Boolean(controls), style: style, inputProps: passedInputProps, allowFullscreen: Boolean(allowFullscreen), clickToPlay: typeof clickToPlay === 'boolean'
+                                        ? clickToPlay
+                                        : Boolean(controls), showVolumeControls: Boolean(showVolumeControls), setMediaVolume: setMediaVolumeAndPersist, mediaVolume: mediaVolume, mediaMuted: mediaMuted, doubleClickToFullscreen: Boolean(doubleClickToFullscreen), setMediaMuted: setMediaMuted, spaceKeyToPlayOrPause: Boolean(spaceKeyToPlayOrPause) }, void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0));
 };
 exports.PlayerFn = PlayerFn;
-exports.Player = react_1.forwardRef(exports.PlayerFn);
+exports.Player = (0, react_1.forwardRef)(exports.PlayerFn);
 //# sourceMappingURL=Player.js.map

package/dist/Player.js.map

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

package/dist/PlayerControls.js

@@ -64,9 +64,9 @@ const timeLabel = {
     fontSize: 14,
 };
 const Controls = ({ durationInFrames, hovered, isFullscreen, fps, player, showVolumeControls, onFullscreenButtonClick, allowFullscreen, onExitFullscreenButtonClick, spaceKeyToPlayOrPause, }) => {
-    const playButtonRef = react_1.useRef(null);
+    const playButtonRef = (0, react_1.useRef)(null);
     const frame = remotion_1.Internals.Timeline.useTimelinePosition();
-    const containerCss = react_1.useMemo(() => {
+    const containerCss = (0, react_1.useMemo)(() => {
         // Hide if playing and mouse outside
         const shouldShow = hovered || !player.playing;
         return {
@@ -74,24 +74,15 @@ const Controls = ({ durationInFrames, hovered, isFullscreen, fps, player, showVo
             opacity: Number(shouldShow),
         };
     }, [hovered, player.playing]);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (playButtonRef.current && spaceKeyToPlayOrPause) {
             // This switches focus to play button when player.playing flag changes
             playButtonRef.current.focus();
         }
     }, [player.playing, spaceKeyToPlayOrPause]);
-    return (jsx_runtime_1.jsxs("div", Object.assign({ style: containerCss }, { children: [jsx_runtime_1.jsxs("div", Object.assign({ style: controlsRow }, { children: [jsx_runtime_1.jsxs("div", Object.assign({ style: leftPartStyle }, { children: [jsx_runtime_1.jsx("button", Object.assign({ ref: playButtonRef, type: "button", style: buttonStyle, onClick: player.playing ? player.pause : player.play, "aria-label": player.playing ? 'Pause video' : 'Play video', title: player.playing ? 'Pause video' : 'Play video' }, { children: player.playing ? jsx_runtime_1.jsx(icons_1.PauseIcon, {}, void 0) : jsx_runtime_1.jsx(icons_1.PlayIcon, {}, void 0) }), void 0),
-                            showVolumeControls ? (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsx("div", { style: xSpacer }, void 0),
-                                    jsx_runtime_1.jsx(MediaVolumeSlider_1.MediaVolumeSlider, {}, void 0)] }, void 0)) : null,
-                            jsx_runtime_1.jsx("div", { style: xSpacer }, void 0),
-                            jsx_runtime_1.jsxs("div", Object.assign({ style: timeLabel }, { children: [format_time_1.formatTime(frame / fps), " / ", format_time_1.formatTime(durationInFrames / fps)] }), void 0),
-                            jsx_runtime_1.jsx("div", { style: xSpacer }, void 0)] }), void 0),
-                    jsx_runtime_1.jsx("div", { style: flex1 }, void 0),
-                    browser_supports_fullscreen_1.browserSupportsFullscreen && allowFullscreen ? (jsx_runtime_1.jsx("div", Object.assign({ style: fullscreen }, { children: jsx_runtime_1.jsx("button", Object.assign({ type: "button", "aria-label": isFullscreen ? 'Exit fullscreen' : 'Enter Fullscreen', title: isFullscreen ? 'Exit fullscreen' : 'Enter Fullscreen', style: buttonStyle, onClick: isFullscreen
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: containerCss }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: controlsRow }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ style: leftPartStyle }, { children: [(0, jsx_runtime_1.jsx)("button", Object.assign({ ref: playButtonRef, type: "button", style: buttonStyle, onClick: player.playing ? player.pause : player.play, "aria-label": player.playing ? 'Pause video' : 'Play video', title: player.playing ? 'Pause video' : 'Play video' }, { children: player.playing ? (0, jsx_runtime_1.jsx)(icons_1.PauseIcon, {}, void 0) : (0, jsx_runtime_1.jsx)(icons_1.PlayIcon, {}, void 0) }), void 0), showVolumeControls ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: xSpacer }, void 0), (0, jsx_runtime_1.jsx)(MediaVolumeSlider_1.MediaVolumeSlider, {}, void 0)] }, void 0)) : null, (0, jsx_runtime_1.jsx)("div", { style: xSpacer }, void 0), (0, jsx_runtime_1.jsxs)("div", Object.assign({ style: timeLabel }, { children: [(0, format_time_1.formatTime)(frame / fps), " / ", (0, format_time_1.formatTime)(durationInFrames / fps)] }), void 0), (0, jsx_runtime_1.jsx)("div", { style: xSpacer }, void 0)] }), void 0), (0, jsx_runtime_1.jsx)("div", { style: flex1 }, void 0), browser_supports_fullscreen_1.browserSupportsFullscreen && allowFullscreen ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ style: fullscreen }, { children: (0, jsx_runtime_1.jsx)("button", Object.assign({ type: "button", "aria-label": isFullscreen ? 'Exit fullscreen' : 'Enter Fullscreen', title: isFullscreen ? 'Exit fullscreen' : 'Enter Fullscreen', style: buttonStyle, onClick: isFullscreen
                                 ? onExitFullscreenButtonClick
-                                : onFullscreenButtonClick }, { children: jsx_runtime_1.jsx(icons_1.FullscreenIcon, { minimized: !isFullscreen }, void 0) }), void 0) }), void 0)) : null] }), void 0),
-            jsx_runtime_1.jsx("div", { style: ySpacer }, void 0),
-            jsx_runtime_1.jsx(PlayerSeekBar_1.PlayerSeekBar, { durationInFrames: durationInFrames }, void 0)] }), void 0));
+                                : onFullscreenButtonClick }, { children: (0, jsx_runtime_1.jsx)(icons_1.FullscreenIcon, { minimized: !isFullscreen }, void 0) }), void 0) }), void 0)) : null] }), void 0), (0, jsx_runtime_1.jsx)("div", { style: ySpacer }, void 0), (0, jsx_runtime_1.jsx)(PlayerSeekBar_1.PlayerSeekBar, { durationInFrames: durationInFrames }, void 0)] }), void 0));
 };
 exports.Controls = Controls;
 //# sourceMappingURL=PlayerControls.js.map

package/dist/PlayerControls.js.map

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

package/dist/PlayerSeekBar.js

@@ -10,7 +10,7 @@ const use_element_size_1 = require("./utils/use-element-size");
 const getFrameFromX = (clientX, durationInFrames, width) => {
     var _a;
     const pos = clientX;
-    const frame = Math.round(remotion_1.interpolate(pos, [0, width], [0, (_a = durationInFrames - 1) !== null && _a !== void 0 ? _a : 0], {
+    const frame = Math.round((0, remotion_1.interpolate)(pos, [0, width], [0, (_a = durationInFrames - 1) !== null && _a !== void 0 ? _a : 0], {
         extrapolateLeft: 'clamp',
         extrapolateRight: 'clamp',
     }));
@@ -35,15 +35,15 @@ const barBackground = {
     borderRadius: BAR_HEIGHT / 2,
 };
 const PlayerSeekBar = ({ durationInFrames }) => {
-    const containerRef = react_1.useRef(null);
-    const barHovered = use_hover_state_1.useHoverState(containerRef);
-    const size = use_element_size_1.useElementSize(containerRef, { triggerOnWindowResize: true });
-    const { seek, play, pause, playing } = use_player_1.usePlayer();
+    const containerRef = (0, react_1.useRef)(null);
+    const barHovered = (0, use_hover_state_1.useHoverState)(containerRef);
+    const size = (0, use_element_size_1.useElementSize)(containerRef, { triggerOnWindowResize: true });
+    const { seek, play, pause, playing } = (0, use_player_1.usePlayer)();
     const frame = remotion_1.Internals.Timeline.useTimelinePosition();
-    const [dragging, setDragging] = react_1.useState({
+    const [dragging, setDragging] = (0, react_1.useState)({
         dragging: false,
     });
-    const onPointerDown = react_1.useCallback((e) => {
+    const onPointerDown = (0, react_1.useCallback)((e) => {
         if (!size) {
             throw new Error('Player has no size');
         }
@@ -55,7 +55,7 @@ const PlayerSeekBar = ({ durationInFrames }) => {
             wasPlaying: playing,
         });
     }, [size, durationInFrames, pause, seek, playing]);
-    const onPointerMove = react_1.useCallback((e) => {
+    const onPointerMove = (0, react_1.useCallback)((e) => {
         var _a;
         if (!size) {
             throw new Error('Player has no size');
@@ -66,7 +66,7 @@ const PlayerSeekBar = ({ durationInFrames }) => {
         const _frame = getFrameFromX(e.clientX - ((_a = size === null || size === void 0 ? void 0 : size.left) !== null && _a !== void 0 ? _a : 0), durationInFrames, size.width);
         seek(_frame);
     }, [dragging.dragging, durationInFrames, seek, size]);
-    const onPointerUp = react_1.useCallback(() => {
+    const onPointerUp = (0, react_1.useCallback)(() => {
         setDragging({
             dragging: false,
         });
@@ -80,7 +80,7 @@ const PlayerSeekBar = ({ durationInFrames }) => {
             pause();
         }
     }, [dragging, pause, play]);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (!dragging.dragging) {
             return;
         }
@@ -91,7 +91,7 @@ const PlayerSeekBar = ({ durationInFrames }) => {
             window.removeEventListener('pointerup', onPointerUp);
         };
     }, [dragging.dragging, onPointerMove, onPointerUp]);
-    const knobStyle = react_1.useMemo(() => {
+    const knobStyle = (0, react_1.useMemo)(() => {
         var _a;
         return {
             height: KNOB_SIZE,
@@ -105,7 +105,7 @@ const PlayerSeekBar = ({ durationInFrames }) => {
             opacity: Number(barHovered),
         };
     }, [barHovered, durationInFrames, frame, size]);
-    const fillStyle = react_1.useMemo(() => {
+    const fillStyle = (0, react_1.useMemo)(() => {
         return {
             height: BAR_HEIGHT,
             backgroundColor: 'rgba(255, 255, 255, 1)',
@@ -113,8 +113,7 @@ const PlayerSeekBar = ({ durationInFrames }) => {
             borderRadius: BAR_HEIGHT / 2,
         };
     }, [durationInFrames, frame]);
-    return (jsx_runtime_1.jsxs("div", Object.assign({ ref: containerRef, onPointerDown: onPointerDown, style: containerStyle }, { children: [jsx_runtime_1.jsx("div", Object.assign({ style: barBackground }, { children: jsx_runtime_1.jsx("div", { style: fillStyle }, void 0) }), void 0),
-            jsx_runtime_1.jsx("div", { style: knobStyle }, void 0)] }), void 0));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: containerRef, onPointerDown: onPointerDown, style: containerStyle }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: barBackground }, { children: (0, jsx_runtime_1.jsx)("div", { style: fillStyle }, void 0) }), void 0), (0, jsx_runtime_1.jsx)("div", { style: knobStyle }, void 0)] }), void 0));
 };
 exports.PlayerSeekBar = PlayerSeekBar;
 //# sourceMappingURL=PlayerSeekBar.js.map

package/dist/PlayerSeekBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlayerSeekBar.js","sourceRoot":"","sources":["../src/PlayerSeekBar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PlayerSeekBar.js","sourceRoot":"","sources":["../src/PlayerSeekBar.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwE;AACxE,uCAAgD;AAChD,uDAAgD;AAChD,6CAAuC;AACvC,+DAAwD;AAExD,MAAM,aAAa,GAAG,CACrB,OAAe,EACf,gBAAwB,EACxB,KAAa,EACZ,EAAE;;IACH,MAAM,GAAG,GAAG,OAAO,CAAC;IACpB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CACvB,IAAA,sBAAW,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,MAAA,gBAAgB,GAAG,CAAC,mCAAI,CAAC,CAAC,EAAE;QAC5D,eAAe,EAAE,OAAO;QACxB,gBAAgB,EAAE,OAAO;KACzB,CAAC,CACF,CAAC;IACF,OAAO,KAAK,CAAC;AACd,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,CAAC;AACrB,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAE3B,MAAM,cAAc,GAAwB;IAC3C,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,gBAAgB;IAC5B,aAAa,EAAE,gBAAgB;IAC/B,SAAS,EAAE,YAAY;IACvB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,MAAM;CACnB,CAAC;AAEF,MAAM,aAAa,GAAwB;IAC1C,MAAM,EAAE,UAAU;IAClB,eAAe,EAAE,0BAA0B;IAC3C,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,UAAU,GAAG,CAAC;CAC5B,CAAC;AAEK,MAAM,aAAa,GAErB,CAAC,EAAC,gBAAgB,EAAC,EAAE,EAAE;IAC3B,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,UAAU,GAAG,IAAA,+BAAa,EAAC,YAAY,CAAC,CAAC;IAC/C,MAAM,IAAI,GAAG,IAAA,iCAAc,EAAC,YAAY,EAAE,EAAC,qBAAqB,EAAE,IAAI,EAAC,CAAC,CAAC;IACzE,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAC,GAAG,IAAA,sBAAS,GAAE,CAAC;IACjD,MAAM,KAAK,GAAG,oBAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC;IAEvD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAQtC;QACD,QAAQ,EAAE,KAAK;KACf,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,IAAA,mBAAW,EAChC,CAAC,CAAqC,EAAE,EAAE;QACzC,IAAI,CAAC,IAAI,EAAE;YACV,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;SACtC;QAED,MAAM,MAAM,GAAG,aAAa,CAC3B,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,EACrB,gBAAgB,EAChB,IAAI,CAAC,KAAK,CACV,CAAC;QACF,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,MAAM,CAAC,CAAC;QACb,WAAW,CAAC;YACX,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,OAAO;SACnB,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,CAC9C,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAChC,CAAC,CAAe,EAAE,EAAE;;QACnB,IAAI,CAAC,IAAI,EAAE;YACV,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;SACtC;QAED,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;YACvB,OAAO;SACP;QAED,MAAM,MAAM,GAAG,aAAa,CAC3B,CAAC,CAAC,OAAO,GAAG,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,mCAAI,CAAC,CAAC,EAC7B,gBAAgB,EAChB,IAAI,CAAC,KAAK,CACV,CAAC;QACF,IAAI,CAAC,MAAM,CAAC,CAAC;IACd,CAAC,EACD,CAAC,QAAQ,CAAC,QAAQ,EAAE,gBAAgB,EAAE,IAAI,EAAE,IAAI,CAAC,CACjD,CAAC;IAEF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACpC,WAAW,CAAC;YACX,QAAQ,EAAE,KAAK;SACf,CAAC,CAAC;QACH,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;YACvB,OAAO;SACP;QAED,IAAI,QAAQ,CAAC,UAAU,EAAE;YACxB,IAAI,EAAE,CAAC;SACP;aAAM;YACN,KAAK,EAAE,CAAC;SACR;IACF,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAE5B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;YACvB,OAAO;SACP;QAED,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;QACtD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE;YACX,MAAM,CAAC,mBAAmB,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;YACzD,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACtD,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAwB,IAAA,eAAO,EAAC,GAAG,EAAE;;QACnD,OAAO;YACN,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE,SAAS;YAChB,YAAY,EAAE,SAAS,GAAG,CAAC;YAC3B,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,gBAAgB,GAAG,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;YAC7C,eAAe,EAAE,OAAO;YACxB,IAAI,EAAE,IAAI,CAAC,GAAG,CACb,CAAC,EACD,CAAC,KAAK,GAAG,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,CAAC,CAAC,GAAG,SAAS,GAAG,CAAC,CACrE;YACD,SAAS,EAAE,eAAe;YAC1B,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC;SAC3B,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAEhD,MAAM,SAAS,GAAwB,IAAA,eAAO,EAAC,GAAG,EAAE;QACnD,OAAO;YACN,MAAM,EAAE,UAAU;YAClB,eAAe,EAAE,wBAAwB;YACzC,KAAK,EAAE,CAAC,KAAK,GAAG,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG;YACnD,YAAY,EAAE,UAAU,GAAG,CAAC;SAC5B,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAAC;IAE9B,OAAO,CACN,+CACC,GAAG,EAAE,YAAY,EACjB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,cAAc,iBAErB,8CAAK,KAAK,EAAE,aAAa,gBACxB,gCAAK,KAAK,EAAE,SAAS,WAAI,YACpB,EACN,gCAAK,KAAK,EAAE,SAAS,WAAI,aACpB,CACN,CAAC;AACH,CAAC,CAAC;AAhIW,QAAA,aAAa,iBAgIxB"}

package/dist/PlayerUI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlayerUI.d.ts","sourceRoot":"","sources":["../src/PlayerUI.tsx"],"names":[],"mappings":"AACA,OAAO,KAUN,MAAM,OAAO,CAAC;AAKf,OAAO,EAAgB,SAAS,EAAC,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;AAqW1D,wBAAoC"}
+{"version":3,"file":"PlayerUI.d.ts","sourceRoot":"","sources":["../src/PlayerUI.tsx"],"names":[],"mappings":"AACA,OAAO,KAWN,MAAM,OAAO,CAAC;AAKf,OAAO,EAAgB,SAAS,EAAC,MAAM,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;AAyX1D,wBAAoC"}

package/dist/PlayerUI.js

@@ -19,21 +19,21 @@ const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps
     var _a, _b;
     const config = remotion_1.Internals.useUnsafeVideoConfig();
     const video = remotion_1.Internals.useVideo();
-    const container = react_1.useRef(null);
-    const hovered = use_hover_state_1.useHoverState(container);
-    const canvasSize = use_element_size_1.useElementSize(container, { triggerOnWindowResize: false });
-    const [hasPausedToResume, setHasPausedToResume] = react_1.useState(false);
-    const [shouldAutoplay, setShouldAutoPlay] = react_1.useState(autoPlay);
-    const [isFullscreen, setIsFullscreen] = react_1.useState(() => false);
-    use_playback_1.usePlayback({ loop });
-    const player = use_player_1.usePlayer();
-    react_1.useEffect(() => {
+    const container = (0, react_1.useRef)(null);
+    const hovered = (0, use_hover_state_1.useHoverState)(container);
+    const canvasSize = (0, use_element_size_1.useElementSize)(container, { triggerOnWindowResize: false });
+    const [hasPausedToResume, setHasPausedToResume] = (0, react_1.useState)(false);
+    const [shouldAutoplay, setShouldAutoPlay] = (0, react_1.useState)(autoPlay);
+    const [isFullscreen, setIsFullscreen] = (0, react_1.useState)(() => false);
+    (0, use_playback_1.usePlayback)({ loop });
+    const player = (0, use_player_1.usePlayer)();
+    (0, react_1.useEffect)(() => {
         if (hasPausedToResume && !player.playing) {
             setHasPausedToResume(false);
             player.play();
         }
     }, [hasPausedToResume, player]);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const { current } = container;
         if (!current) {
             return;
@@ -49,15 +49,15 @@ const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps
             document.removeEventListener('webkitfullscreenchange', onFullscreenChange);
         };
     }, []);
-    const toggle = react_1.useCallback(() => {
-        if (player.playing) {
+    const toggle = (0, react_1.useCallback)((e) => {
+        if (player.isPlaying()) {
             player.pause();
         }
         else {
-            player.play();
+            player.play(e);
         }
     }, [player]);
-    const requestFullscreen = react_1.useCallback(() => {
+    const requestFullscreen = (0, react_1.useCallback)(() => {
         if (!allowFullscreen) {
             throw new Error('allowFullscreen is false');
         }
@@ -74,7 +74,7 @@ const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps
             container.current.requestFullscreen();
         }
     }, [allowFullscreen]);
-    const exitFullscreen = react_1.useCallback(() => {
+    const exitFullscreen = (0, react_1.useCallback)(() => {
         if (document.webkitExitFullscreen) {
             document.webkitExitFullscreen();
         }
@@ -82,14 +82,14 @@ const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps
             document.exitFullscreen();
         }
     }, []);
-    react_1.useImperativeHandle(ref, () => {
+    (0, react_1.useImperativeHandle)(ref, () => {
         const methods = {
             play: player.play,
             pause: player.pause,
             toggle,
             getCurrentFrame: player.getCurrentFrame,
             seekTo: (f) => {
-                if (player.playing) {
+                if (player.isPlaying()) {
                     setHasPausedToResume(true);
                     player.pause();
                 }
@@ -125,16 +125,26 @@ const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps
             },
         };
         return Object.assign(player.emitter, methods);
-    });
+    }, [
+        exitFullscreen,
+        isFullscreen,
+        mediaMuted,
+        mediaVolume,
+        player,
+        requestFullscreen,
+        setMediaMuted,
+        setMediaVolume,
+        toggle,
+    ]);
     const VideoComponent = video ? video.component : null;
-    const outerStyle = react_1.useMemo(() => {
+    const outerStyle = (0, react_1.useMemo)(() => {
         if (!config) {
             return {};
         }
         return {
             position: 'relative',
             overflow: 'hidden',
-            ...calculate_player_size_1.calculatePlayerSize({
+            ...(0, calculate_player_size_1.calculatePlayerSize)({
                 compositionHeight: config.height,
                 compositionWidth: config.width,
                 currentSize: canvasSize,
@@ -144,18 +154,18 @@ const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps
             ...style,
         };
     }, [canvasSize, config, style]);
-    const layout = react_1.useMemo(() => {
+    const layout = (0, react_1.useMemo)(() => {
         if (!config || !canvasSize) {
             return null;
         }
-        return calculate_scale_1.calculateScale({
+        return (0, calculate_scale_1.calculateScale)({
             canvasSize,
             compositionHeight: config.height,
             compositionWidth: config.width,
             previewSize: 'auto',
         });
     }, [canvasSize, config]);
-    const outer = react_1.useMemo(() => {
+    const outer = (0, react_1.useMemo)(() => {
         if (!layout || !config) {
             return {};
         }
@@ -171,11 +181,11 @@ const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps
             overflow: 'hidden',
         };
     }, [config, layout]);
-    const containerStyle = react_1.useMemo(() => {
+    const containerStyle = (0, react_1.useMemo)(() => {
         if (!config || !canvasSize) {
             return {};
         }
-        const { scale, xCorrection, yCorrection } = calculate_scale_1.calculateScale({
+        const { scale, xCorrection, yCorrection } = (0, calculate_scale_1.calculateScale)({
             canvasSize,
             compositionHeight: config.height,
             compositionWidth: config.width,
@@ -192,23 +202,23 @@ const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps
             overflow: 'hidden',
         };
     }, [canvasSize, config]);
-    const onError = react_1.useCallback((error) => {
+    const onError = (0, react_1.useCallback)((error) => {
         player.pause();
         // Pay attention to `this context`
         player.emitter.dispatchError(error);
     }, [player]);
-    const onFullscreenButtonClick = react_1.useCallback((e) => {
+    const onFullscreenButtonClick = (0, react_1.useCallback)((e) => {
         e.stopPropagation();
         requestFullscreen();
     }, [requestFullscreen]);
-    const onExitFullscreenButtonClick = react_1.useCallback((e) => {
+    const onExitFullscreenButtonClick = (0, react_1.useCallback)((e) => {
         e.stopPropagation();
         exitFullscreen();
     }, [exitFullscreen]);
-    const onSingleClick = react_1.useCallback(() => {
-        toggle();
+    const onSingleClick = (0, react_1.useCallback)((e) => {
+        toggle(e);
     }, [toggle]);
-    const onDoubleClick = react_1.useCallback(() => {
+    const onDoubleClick = (0, react_1.useCallback)(() => {
         if (isFullscreen) {
             exitFullscreen();
         }
@@ -216,8 +226,8 @@ const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps
             requestFullscreen();
         }
     }, [exitFullscreen, isFullscreen, requestFullscreen]);
-    const [handleClick, handleDoubleClick] = use_click_prevention_on_double_click_1.useClickPreventionOnDoubleClick(onSingleClick, onDoubleClick, doubleClickToFullscreen);
-    react_1.useEffect(() => {
+    const [handleClick, handleDoubleClick] = (0, use_click_prevention_on_double_click_1.useClickPreventionOnDoubleClick)(onSingleClick, onDoubleClick, doubleClickToFullscreen);
+    (0, react_1.useEffect)(() => {
         if (shouldAutoplay) {
             player.play();
             setShouldAutoPlay(false);
@@ -226,13 +236,12 @@ const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps
     if (!config) {
         return null;
     }
-    const content = (jsx_runtime_1.jsxs("div", Object.assign({ ref: container, style: outerStyle }, { children: [jsx_runtime_1.jsx("div", Object.assign({ style: outer, onClick: clickToPlay ? handleClick : undefined, onDoubleClick: doubleClickToFullscreen ? handleDoubleClick : undefined }, { children: jsx_runtime_1.jsx("div", Object.assign({ style: containerStyle, className: player_css_classname_1.PLAYER_CSS_CLASSNAME }, { children: VideoComponent ? (jsx_runtime_1.jsx(error_boundary_1.ErrorBoundary, Object.assign({ onError: onError }, { children: jsx_runtime_1.jsx(VideoComponent, Object.assign({}, ((_a = video === null || video === void 0 ? void 0 : video.props) !== null && _a !== void 0 ? _a : {}), ((_b = inputProps) !== null && _b !== void 0 ? _b : {})), void 0) }), void 0)) : null }), void 0) }), void 0),
-            controls ? (jsx_runtime_1.jsx(PlayerControls_1.Controls, { fps: config.fps, durationInFrames: config.durationInFrames, hovered: hovered, player: player, onFullscreenButtonClick: onFullscreenButtonClick, isFullscreen: isFullscreen, allowFullscreen: allowFullscreen, showVolumeControls: showVolumeControls, onExitFullscreenButtonClick: onExitFullscreenButtonClick, spaceKeyToPlayOrPause: spaceKeyToPlayOrPause }, void 0)) : null] }), void 0));
+    const content = ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: container, style: outerStyle }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ style: outer, onClick: clickToPlay ? handleClick : undefined, onDoubleClick: doubleClickToFullscreen ? handleDoubleClick : undefined }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: containerStyle, className: player_css_classname_1.PLAYER_CSS_CLASSNAME }, { children: VideoComponent ? ((0, jsx_runtime_1.jsx)(error_boundary_1.ErrorBoundary, Object.assign({ onError: onError }, { children: (0, jsx_runtime_1.jsx)(VideoComponent, Object.assign({}, ((_a = video === null || video === void 0 ? void 0 : video.props) !== null && _a !== void 0 ? _a : {}), ((_b = inputProps) !== null && _b !== void 0 ? _b : {})), void 0) }), void 0)) : null }), void 0) }), void 0), controls ? ((0, jsx_runtime_1.jsx)(PlayerControls_1.Controls, { fps: config.fps, durationInFrames: config.durationInFrames, hovered: hovered, player: player, onFullscreenButtonClick: onFullscreenButtonClick, isFullscreen: isFullscreen, allowFullscreen: allowFullscreen, showVolumeControls: showVolumeControls, onExitFullscreenButtonClick: onExitFullscreenButtonClick, spaceKeyToPlayOrPause: spaceKeyToPlayOrPause }, void 0)) : null] }), void 0));
     // Don't render suspense on Node.js
     if (is_node_1.IS_NODE) {
         return content;
     }
-    return jsx_runtime_1.jsx(react_1.Suspense, Object.assign({ fallback: jsx_runtime_1.jsx("h1", { children: "Loading..." }, void 0) }, { children: content }), void 0);
+    return (0, jsx_runtime_1.jsx)(react_1.Suspense, Object.assign({ fallback: (0, jsx_runtime_1.jsx)("h1", { children: "Loading..." }, void 0) }, { children: content }), void 0);
 };
-exports.default = react_1.forwardRef(PlayerUI);
+exports.default = (0, react_1.forwardRef)(PlayerUI);
 //# sourceMappingURL=PlayerUI.js.map