@remotion/player 3.0.0-wrappedup.220 → 3.0.0

package/LICENSE.md

@@ -7,7 +7,7 @@ Depending on the type of your legal entity, you are granted permission to use Re
 
 ## Free license
 
-Copyright © 2021 [Jonny Burger](https://jonny.io)
+Copyright © 2022 [Jonny Burger](https://jonny.io)
 
 ### Eligibility
 
@@ -32,7 +32,7 @@ The software is provided "as is", without warranty of any kind, express or impli
 
 ### Support
 
-Support is provided on a best-we-can-do basis via GitHub Issues.
+Support is provided on a best-we-can-do basis via GitHub Issues and Discord.
 
 ## Company license
 

package/README.md

@@ -1,8 +1,86 @@
 ### Remotion Player
 
-[![NPM Version](http://img.shields.io/npm/v/@remotion/player.svg?style=flat)](https://www.npmjs.org/package/@remotion/player)
+[![NPM Version](https://img.shields.io/npm/v/@remotion/player.svg?style=flat)](https://www.npmjs.org/package/@remotion/player)
 [![NPM Downloads](https://img.shields.io/npm/dm/@remotion/player.svg?style=flat)](https://npmcharts.com/compare/@remotion/player?minimal=true)
 [![Install Size](https://packagephobia.now.sh/badge?p=@remotion/player)](https://packagephobia.now.sh/result?p=@remotion/player)
 
-This package allows you to include a Remotion video in your React app.
-Full documentation can be found under http://remotion.dev/docs/player.
+The `@remotion/player` package allows you to embed a video powered by Remotion in a React application.
+
+## Installation and prerequisites
+
+The dependencies that Remotion requires you to have pre-installed on your machine are Node.js and FFMPEG. You can take a look at this [guide](https://github.com/adaptlearning/adapt_authoring/wiki/Installing-FFmpeg) on how to get FFMPEG on your machine.
+
+Install this package and Remotion with the package manager that you use for project:
+
+```bash
+npm i remotion @remotion/player
+```
+
+```bash
+yarn add remotion @remotion/player
+```
+
+```bash
+pnpm i remotion @remotion/player
+```
+
+> Make sure all Remotion packages you install (`remotion`, `@remotion/player`, `@remotion/gif`...) [have the same version](https://remotion.dev/docs/version-mismatch).
+
+## Getting started
+
+Now that you have this package as a dependency in your React project, it is time to see some of the basic examples that you can spin up with this package.
+
+The `@remotion/player` package can be imported as a React component from the library, which you can make use of in your components, either by nesting it in a custom component of yours or simply making it a standalone component.
+
+```javascript
+// components/MyVideo.js
+import React from 'react';
+import {useCurrentFrame} from 'remotion';
+
+const MyVideo = () => {
+	const frame = useCurrentFrame();
+
+	return (
+		<div
+			style={{
+				flex: 1,
+				textAlign: 'center',
+				fontSize: '7em',
+			}}
+		>
+			The current frame is {frame}.
+		</div>
+	);
+};
+```
+
+```javascript
+import {Player} from '@remotion/player';
+import {MyVideo} from '../components/MyVideo';
+
+export const App = () => {
+	return (
+		<Player
+			component={MyVideo}
+			durationInFrames={120}
+			compositionWidth={1920}
+			compositionHeight={1080}
+			fps={30}
+		/>
+	);
+};
+```
+
+## API
+
+The most important props accepted:
+
+| Props             | Function                                 |
+| ----------------- | ---------------------------------------- |
+| component         | A React component that renders the video |
+| durationInFrames  | The duration of the video in frames      |
+| compositionHeight | The height of the composition in pixels  |
+| compositionWidth  | The width of the composition in pixels   |
+| fps               | The frame rate of the video              |
+
+For a complete reference of the available props, refer to [@remotion/player API](https://www.remotion.dev/docs/player/api).

package/dist/Freeze.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type FreezeProps = {
+    frame: number;
+};
+export declare const Freeze: React.FC<FreezeProps>;
+export {};
+//# sourceMappingURL=Freeze.d.ts.map

package/dist/Freeze.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Freeze.d.ts","sourceRoot":"","sources":["../src/Freeze.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,aAAK,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAcxC,CAAC"}

package/dist/Freeze.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Freeze = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const remotion_1 = require("remotion");
+const Freeze = (props) => {
+    const context = react_1.useContext(remotion_1.Internals.Timeline.TimelineContext);
+    const value = react_1.useMemo(() => {
+        return {
+            ...context,
+            frame: props.frame,
+        };
+    }, [context, props.frame]);
+    return (jsx_runtime_1.jsx(remotion_1.Internals.Timeline.TimelineContext.Provider, Object.assign({ value: value }, { children: props.children }), void 0));
+};
+exports.Freeze = Freeze;
+//# sourceMappingURL=Freeze.js.map

package/dist/Freeze.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Freeze.js","sourceRoot":"","sources":["../src/Freeze.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiD;AACjD,uCAAyD;AAMlD,MAAM,MAAM,GAA0B,CAAC,KAAK,EAAE,EAAE;IACtD,MAAM,OAAO,GAAG,kBAAU,CAAC,oBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC/D,MAAM,KAAK,GAAyB,eAAO,CAAC,GAAG,EAAE;QAChD,OAAO;YACN,GAAG,OAAO;YACV,KAAK,EAAE,KAAK,CAAC,KAAK;SAClB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAE3B,OAAO,CACN,kBAAC,oBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,gBACvD,KAAK,CAAC,QAAQ,YAC8B,CAC9C,CAAC;AACH,CAAC,CAAC;AAdW,QAAA,MAAM,UAcjB"}

package/dist/Loading.d.ts

@@ -1,4 +1 @@
-export declare const Loading: React.FC<{
-    size: number;
-}>;
 //# sourceMappingURL=Loading.d.ts.map

package/dist/Loading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../src/Loading.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,IAAI,EAAE,MAAM,CAAC;CACb,CA+CA,CAAC"}
+{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../src/Loading.tsx"],"names":[],"mappings":""}

package/dist/Loading.js

@@ -1,23 +1,2 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loading = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Loading = ({ size }) => {
-    const triangle = (opacity, triangleSize) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ xmlnsXlink: "http://www.w3.org/1999/xlink", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 400 400", style: {
-            opacity,
-            width: triangleSize,
-            height: triangleSize,
-            position: 'absolute',
-            transform: 'rotate(90deg)',
-        } }, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", Object.assign({ id: "gradient" }, { children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#42e9f5", stopOpacity: "1", offset: "0" }, void 0), (0, jsx_runtime_1.jsx)("stop", { stopColor: "#4290f5", stopOpacity: "1", offset: "100%" }, void 0)] }), void 0) }, void 0), (0, jsx_runtime_1.jsx)("g", Object.assign({ stroke: 'url("#gradient")', strokeWidth: "100px", strokeLinejoin: "round" }, { children: (0, jsx_runtime_1.jsx)("path", { fill: 'url("#gradient")', d: "M 102 272 a 196 100 0 0 0 195 5 A 196 240 0 0 0 200 102.259 A 196 240 0 0 0 102 272 z", stroke: 'url("#gradient")', strokeWidth: "100px" }, void 0) }), void 0)] }), void 0));
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: {
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            flex: 1,
-            height: '100%',
-            width: '100%',
-        } }, { children: [triangle(0.2, size), triangle(0.4, (size * 9) / 11), triangle(1, (size * 7) / 11)] }), void 0));
-};
-exports.Loading = Loading;
 //# sourceMappingURL=Loading.js.map

package/dist/Loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../src/Loading.tsx"],"names":[],"mappings":";;;;AAAO,MAAM,OAAO,GAEf,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE;IACf,MAAM,QAAQ,GAAG,CAAC,OAAe,EAAE,YAAoB,EAAE,EAAE,CAAC,CAC3D,+CACC,UAAU,EAAC,8BAA8B,EACzC,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE;YACN,OAAO;YACP,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,YAAY;YACpB,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,eAAe;SAC1B,iBAED,2CACC,0DAAgB,EAAE,EAAC,UAAU,iBAC5B,iCAAM,SAAS,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,WAAG,EACvD,iCAAM,SAAS,EAAC,SAAS,EAAC,WAAW,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,WAAG,aAC1C,WACX,EACP,4CAAG,MAAM,EAAC,kBAAkB,EAAC,WAAW,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,gBACtE,iCACC,IAAI,EAAC,kBAAkB,EACvB,CAAC,EAAC,uFAAuF,EACzF,MAAM,EAAC,kBAAkB,EACzB,WAAW,EAAC,OAAO,WAClB,YACC,aACC,CACN,CAAC;IAEF,OAAO,CACN,+CACC,KAAK,EAAE;YACN,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,CAAC;YACP,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM;SACb,iBAEA,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAC,EACnB,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAC9B,QAAQ,CAAC,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,aACxB,CACN,CAAC;AACH,CAAC,CAAC;AAjDW,QAAA,OAAO,WAiDlB"}
+{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../src/Loading.tsx"],"names":[],"mappings":""}

package/dist/MediaVolumeSlider.js

@@ -88,7 +88,7 @@ const MediaVolumeSlider = () => {
         }
         setMediaMuted((mute) => !mute);
     }, [mediaVolume, setMediaMuted, setMediaVolume]);
-    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));
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: parentDivRef, style: parentDivStyle, children: [(0, jsx_runtime_1.jsx)("button", { "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":"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"}
+{"version":3,"file":"MediaVolumeSlider.js","sourceRoot":"","sources":["../src/MediaVolumeSlider.tsx"],"names":[],"mappings":"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"}

package/dist/Player.d.ts

@@ -1,6 +1,7 @@
-import React, { MutableRefObject } from 'react';
+import React, { ComponentType, MutableRefObject } from 'react';
 import { CompProps } from 'remotion';
 import { PlayerRef } from './player-methods';
+import { RenderLoading } from './PlayerUI';
 declare type PropsIfHasProps<Props> = {} extends Props ? {
     inputProps?: Props;
 } : {
@@ -26,8 +27,10 @@ export declare type PlayerProps<T> = {
     spaceKeyToPlayOrPause?: boolean;
     numberOfSharedAudioTags?: number;
     playbackRate?: number;
+    renderLoading?: RenderLoading;
 } & PropsIfHasProps<T> & CompProps<T>;
-export declare const PlayerFn: <T>({ durationInFrames, compositionHeight, compositionWidth, fps, inputProps, style, controls, loop, autoPlay, showVolumeControls, allowFullscreen, clickToPlay, doubleClickToFullscreen, spaceKeyToPlayOrPause, numberOfSharedAudioTags, errorFallback, playbackRate, ...componentProps }: PlayerProps<T>, ref: MutableRefObject<PlayerRef>) => JSX.Element;
+export declare const componentOrNullIfLazy: <T>(props: CompProps<T>) => React.ComponentType<T> | null;
+export declare const PlayerFn: <T>({ durationInFrames, compositionHeight, compositionWidth, fps, inputProps, style, controls, loop, autoPlay, showVolumeControls, allowFullscreen, clickToPlay, doubleClickToFullscreen, spaceKeyToPlayOrPause, numberOfSharedAudioTags, errorFallback, playbackRate, renderLoading, ...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,EAQhB,MAAM,OAAO,CAAC;AACf,OAAO,EAEN,SAAS,EAOT,MAAM,UAAU,CAAC;AAIlB,OAAO,EAAC,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAK3C,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,aAAa,GAAG,CAAC,IAAI,EAAE;IAAC,KAAK,EAAE,KAAK,CAAA;CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;AAEtE,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,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,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;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,eAAe,CAAC,CAAC,CAAC,GACrB,SAAS,CAAC,CAAC,CAAC,CAAC;AAOd,eAAO,MAAM,QAAQ,mTAqBf,iBAAiB,SAAS,CAAC,gBAiQhC,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,EACb,aAAa,EAEb,gBAAgB,EAQhB,MAAM,OAAO,CAAC;AACf,OAAO,EAGN,SAAS,EAOT,MAAM,UAAU,CAAC;AAIlB,OAAO,EAAC,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAC3C,OAAiB,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAInD,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,aAAa,GAAG,CAAC,IAAI,EAAE;IAAC,KAAK,EAAE,KAAK,CAAA;CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;AAEtE,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,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,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;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,aAAa,CAAC;CAC9B,GAAG,eAAe,CAAC,CAAC,CAAC,GACrB,SAAS,CAAC,CAAC,CAAC,CAAC;AAMd,eAAO,MAAM,qBAAqB,2DAQjC,CAAC;AAEF,eAAO,MAAM,QAAQ,kUAsBf,iBAAiB,SAAS,CAAC,gBA+RhC,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

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Player = exports.PlayerFn = void 0;
+exports.Player = exports.PlayerFn = exports.componentOrNullIfLazy = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const remotion_1 = require("remotion");
@@ -13,15 +13,33 @@ const player_css_classname_1 = require("./player-css-classname");
 const PlayerUI_1 = __importDefault(require("./PlayerUI"));
 const validate_playbackrate_1 = require("./utils/validate-playbackrate");
 const volume_persistance_1 = require("./volume-persistance");
-remotion_1.Internals.CSSUtils.injectCSS(remotion_1.Internals.CSSUtils.makeDefaultCSS(`.${player_css_classname_1.PLAYER_CSS_CLASSNAME}`));
-// 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, errorFallback = () => '⚠️', playbackRate = 1, ...componentProps }, ref) => {
+remotion_1.Internals.CSSUtils.injectCSS(remotion_1.Internals.CSSUtils.makeDefaultCSS(`.${player_css_classname_1.PLAYER_CSS_CLASSNAME}`, '#fff'));
+const componentOrNullIfLazy = (props) => {
+    if ('component' in props) {
+        return props.component;
+    }
+    return null;
+};
+exports.componentOrNullIfLazy = componentOrNullIfLazy;
+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, errorFallback = () => '⚠️', playbackRate = 1, renderLoading, ...componentProps }, ref) => {
     if (typeof window !== 'undefined') {
         // eslint-disable-next-line react-hooks/rules-of-hooks
         (0, react_1.useLayoutEffect)(() => {
             window.remotion_isPlayer = true;
         }, []);
     }
+    // @ts-expect-error
+    if (componentProps.defaultProps !== undefined) {
+        throw new Error('The <Player /> component does not accept `defaultProps`, but some were passed. Use `inputProps` instead.');
+    }
+    const componentForValidation = (0, exports.componentOrNullIfLazy)(componentProps);
+    // @ts-expect-error
+    if ((componentForValidation === null || componentForValidation === void 0 ? void 0 : componentForValidation.type) === remotion_1.Composition) {
+        throw new TypeError(`'component' should not be an instance of <Composition/>. Pass the React component directly, and set the duration, fps and dimensions as separate props. See https://www.remotion.dev/docs/player/examples for an example.`);
+    }
+    if (componentForValidation === remotion_1.Composition) {
+        throw new TypeError(`'component' must not be the 'Composition' component. Pass your own React component directly, and set the duration, fps and dimensions as separate props. See https://www.remotion.dev/docs/player/examples for an example.`);
+    }
     const component = remotion_1.Internals.useLazyComponent(componentProps);
     const [frame, setFrame] = (0, react_1.useState)(0);
     const [playing, setPlaying] = (0, react_1.useState)(false);
@@ -30,6 +48,7 @@ const PlayerFn = ({ durationInFrames, compositionHeight, compositionWidth, fps,
     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)());
+    const audioAndVideoTags = (0, react_1.useRef)([]);
     const imperativePlaying = (0, react_1.useRef)(false);
     if (typeof compositionHeight !== 'number') {
         throw new TypeError(`'compositionHeight' must be a number but got '${typeof compositionHeight}' instead`);
@@ -96,6 +115,7 @@ const PlayerFn = ({ durationInFrames, compositionHeight, compositionWidth, fps,
             setPlaybackRate: () => {
                 throw new Error('playback rate');
             },
+            audioAndVideoTags,
         };
     }, [frame, playbackRate, playing, rootId]);
     const setTimelineContextValue = (0, react_1.useMemo)(() => {
@@ -128,6 +148,8 @@ const PlayerFn = ({ durationInFrames, compositionHeight, compositionWidth, fps,
                     id: 'player-comp',
                     props: inputProps,
                     nonce: 777,
+                    scale: 1,
+                    defaultProps: undefined,
                 },
             ],
             currentComposition: 'player-comp',
@@ -152,9 +174,9 @@ const PlayerFn = ({ durationInFrames, compositionHeight, compositionWidth, fps,
     const passedInputProps = (0, react_1.useMemo)(() => {
         return inputProps !== null && inputProps !== void 0 ? inputProps : {};
     }, [inputProps]);
-    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), errorFallback: errorFallback, style: style, inputProps: passedInputProps, allowFullscreen: Boolean(allowFullscreen), clickToPlay: typeof clickToPlay === 'boolean'
+    return ((0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineContext.Provider, { value: timelineContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.SetTimelineContext.Provider, { value: setTimelineContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.CompositionManager.Provider, { value: compositionManagerContext, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.MediaVolumeContext.Provider, { value: mediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SetMediaVolumeContext.Provider, { value: setMediaVolumeContextValue, children: (0, jsx_runtime_1.jsx)(remotion_1.Internals.SharedAudioContextProvider, { numberOfAudioTags: numberOfSharedAudioTags, children: (0, jsx_runtime_1.jsx)(emitter_context_1.PlayerEventEmitterContext.Provider, { value: emitter, children: (0, jsx_runtime_1.jsx)(PlayerUI_1.default, { ref: rootRef, renderLoading: renderLoading, autoPlay: Boolean(autoPlay), loop: Boolean(loop), controls: Boolean(controls), errorFallback: errorFallback, 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), playbackRate: playbackRate }, void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0) }), void 0));
+                                        : Boolean(controls), showVolumeControls: Boolean(showVolumeControls), setMediaVolume: setMediaVolumeAndPersist, mediaVolume: mediaVolume, mediaMuted: mediaMuted, doubleClickToFullscreen: Boolean(doubleClickToFullscreen), setMediaMuted: setMediaMuted, spaceKeyToPlayOrPause: Boolean(spaceKeyToPlayOrPause), playbackRate: playbackRate }, void 0) }, void 0) }, void 0) }, void 0) }, void 0) }, void 0) }, void 0) }, void 0));
 };
 exports.PlayerFn = PlayerFn;
 exports.Player = (0, react_1.forwardRef)(exports.PlayerFn);

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

@@ -80,9 +80,9 @@ const Controls = ({ durationInFrames, hovered, isFullscreen, fps, player, showVo
             playButtonRef.current.focus();
         }
     }, [player.playing, spaceKeyToPlayOrPause]);
-    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
+    return ((0, jsx_runtime_1.jsxs)("div", { style: containerCss, children: [(0, jsx_runtime_1.jsxs)("div", { style: controlsRow, children: [(0, jsx_runtime_1.jsxs)("div", { style: leftPartStyle, children: [(0, jsx_runtime_1.jsx)("button", { 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", { 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", { style: fullscreen, children: (0, jsx_runtime_1.jsx)("button", { type: "button", "aria-label": isFullscreen ? 'Exit fullscreen' : 'Enter Fullscreen', title: isFullscreen ? 'Exit fullscreen' : 'Enter Fullscreen', style: buttonStyle, onClick: isFullscreen
                                 ? onExitFullscreenButtonClick
-                                : 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));
+                                : 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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlayerSeekBar.d.ts","sourceRoot":"","sources":["../src/PlayerSeekBar.tsx"],"names":[],"mappings":";AA0CA,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,gBAAgB,EAAE,MAAM,CAAC;CACzB,CA+HA,CAAC"}
+{"version":3,"file":"PlayerSeekBar.d.ts","sourceRoot":"","sources":["../src/PlayerSeekBar.tsx"],"names":[],"mappings":";AA0CA,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,gBAAgB,EAAE,MAAM,CAAC;CACzB,CAkIA,CAAC"}

package/dist/PlayerSeekBar.js

@@ -37,7 +37,10 @@ const barBackground = {
 const PlayerSeekBar = ({ durationInFrames }) => {
     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 size = (0, use_element_size_1.useElementSize)(containerRef, {
+        triggerOnWindowResize: true,
+        shouldApplyCssTransforms: true,
+    });
     const { seek, play, pause, playing } = (0, use_player_1.usePlayer)();
     const frame = remotion_1.Internals.Timeline.useTimelinePosition();
     const [dragging, setDragging] = (0, react_1.useState)({
@@ -114,7 +117,7 @@ const PlayerSeekBar = ({ durationInFrames }) => {
             borderRadius: BAR_HEIGHT / 2,
         };
     }, [durationInFrames, frame]);
-    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));
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: containerRef, onPointerDown: onPointerDown, style: containerStyle, children: [(0, jsx_runtime_1.jsx)("div", { 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":"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"}

package/dist/PlayerUI.d.ts

@@ -1,5 +1,12 @@
 import React from 'react';
 import { PlayerRef } from './player-methods';
+export declare type ErrorFallback = (info: {
+    error: Error;
+}) => React.ReactNode;
+export declare type RenderLoading = (canvas: {
+    height: number;
+    width: number;
+}) => React.ReactChild;
 declare const _default: (props: {
     controls: boolean;
     loop: boolean;
@@ -15,12 +22,9 @@ declare const _default: (props: {
     setMediaVolume: (v: number) => void;
     setMediaMuted: (v: boolean) => void;
     mediaVolume: number;
-    errorFallback: (info: {
-        error: Error;
-    }) => React.ReactNode;
+    errorFallback: ErrorFallback;
     playbackRate: number;
-} & {
-    children?: React.ReactNode;
+    renderLoading?: RenderLoading | undefined;
 } & React.RefAttributes<PlayerRef | null>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 export default _default;
 //# sourceMappingURL=PlayerUI.d.ts.map

package/dist/PlayerUI.d.ts.map

@@ -1 +1 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;;AA2Y1D,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;AAW1D,oBAAY,aAAa,GAAG,CAAC,IAAI,EAAE;IAAC,KAAK,EAAE,KAAK,CAAA;CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;AACtE,oBAAY,aAAa,GAAG,CAAC,MAAM,EAAE;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACd,KAAK,KAAK,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;AAuZvB,wBAAoC"}

package/dist/PlayerUI.js

@@ -15,13 +15,16 @@ const calculate_player_size_1 = require("./utils/calculate-player-size");
 const is_node_1 = require("./utils/is-node");
 const use_click_prevention_on_double_click_1 = require("./utils/use-click-prevention-on-double-click");
 const use_element_size_1 = require("./utils/use-element-size");
-const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps, clickToPlay, showVolumeControls, mediaVolume, mediaMuted, doubleClickToFullscreen, setMediaMuted, setMediaVolume, spaceKeyToPlayOrPause, errorFallback, playbackRate, }, ref) => {
+const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps, clickToPlay, showVolumeControls, mediaVolume, mediaMuted, doubleClickToFullscreen, setMediaMuted, setMediaVolume, spaceKeyToPlayOrPause, errorFallback, playbackRate, renderLoading, }, ref) => {
     var _a, _b, _c;
     const config = remotion_1.Internals.useUnsafeVideoConfig();
     const video = remotion_1.Internals.useVideo();
     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 canvasSize = (0, use_element_size_1.useElementSize)(container, {
+        triggerOnWindowResize: false,
+        shouldApplyCssTransforms: 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);
@@ -90,6 +93,7 @@ const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps
             toggle,
             getContainerNode: () => container.current,
             getCurrentFrame: player.getCurrentFrame,
+            isPlaying: () => player.playing,
             seekTo: (f) => {
                 const lastFrame = durationInFrames - 1;
                 const frameToSeekTo = Math.max(0, Math.min(lastFrame, f));
@@ -246,12 +250,18 @@ const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps
     if (!config) {
         return null;
     }
-    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, errorFallback: errorFallback }, { children: (0, jsx_runtime_1.jsx)(VideoComponent, Object.assign({}, ((_b = video === null || video === void 0 ? void 0 : video.props) !== null && _b !== void 0 ? _b : {}), ((_c = inputProps) !== null && _c !== void 0 ? _c : {})), 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));
+    const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: outer, onClick: clickToPlay ? handleClick : undefined, onDoubleClick: doubleClickToFullscreen ? handleDoubleClick : undefined, children: (0, jsx_runtime_1.jsx)("div", { style: containerStyle, className: player_css_classname_1.PLAYER_CSS_CLASSNAME, children: VideoComponent ? ((0, jsx_runtime_1.jsx)(error_boundary_1.ErrorBoundary, { onError: onError, errorFallback: errorFallback, children: (0, jsx_runtime_1.jsx)(VideoComponent, { ...((_b = video === null || video === void 0 ? void 0 : video.defaultProps) !== null && _b !== void 0 ? _b : {}), ...((_c = inputProps) !== null && _c !== void 0 ? _c : {}) }, 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 ((0, jsx_runtime_1.jsx)("div", { ref: container, style: outerStyle, 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);
+    const loadingMarkup = renderLoading
+        ? renderLoading({
+            height: outerStyle.height,
+            width: outerStyle.width,
+        })
+        : null;
+    return ((0, jsx_runtime_1.jsx)("div", { ref: container, style: outerStyle, children: (0, jsx_runtime_1.jsx)(react_1.Suspense, { fallback: loadingMarkup, children: content }, void 0) }, void 0));
 };
 exports.default = (0, react_1.forwardRef)(PlayerUI);
 //# sourceMappingURL=PlayerUI.js.map