@remotion/player 3.0.0-wrappedup.221 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.md +2 -2
- package/README.md +81 -3
- package/dist/MediaVolumeSlider.d.ts +0 -0
- package/dist/MediaVolumeSlider.d.ts.map +0 -0
- package/dist/MediaVolumeSlider.js +1 -1
- package/dist/MediaVolumeSlider.js.map +1 -1
- package/dist/Player.d.ts +5 -2
- package/dist/Player.d.ts.map +1 -1
- package/dist/Player.js +33 -6
- package/dist/Player.js.map +1 -1
- package/dist/PlayerControls.d.ts +0 -0
- package/dist/PlayerControls.d.ts.map +0 -0
- package/dist/PlayerControls.js +2 -2
- package/dist/PlayerControls.js.map +1 -1
- package/dist/PlayerSeekBar.d.ts +0 -0
- package/dist/PlayerSeekBar.d.ts.map +1 -1
- package/dist/PlayerSeekBar.js +5 -2
- package/dist/PlayerSeekBar.js.map +1 -1
- package/dist/PlayerUI.d.ts +9 -5
- package/dist/PlayerUI.d.ts.map +1 -1
- package/dist/PlayerUI.js +15 -5
- package/dist/PlayerUI.js.map +1 -1
- package/dist/calculate-next-frame.d.ts +0 -0
- package/dist/calculate-next-frame.d.ts.map +0 -0
- package/dist/calculate-next-frame.js +0 -0
- package/dist/calculate-next-frame.js.map +0 -0
- package/dist/calculate-scale.d.ts +0 -0
- package/dist/calculate-scale.d.ts.map +0 -0
- package/dist/calculate-scale.js +0 -0
- package/dist/calculate-scale.js.map +0 -0
- package/dist/emitter-context.d.ts +0 -0
- package/dist/emitter-context.d.ts.map +0 -0
- package/dist/emitter-context.js +0 -0
- package/dist/emitter-context.js.map +0 -0
- package/dist/error-boundary.d.ts +2 -1
- package/dist/error-boundary.d.ts.map +1 -1
- package/dist/error-boundary.js +2 -2
- package/dist/error-boundary.js.map +1 -1
- package/dist/event-emitter.d.ts +0 -0
- package/dist/event-emitter.d.ts.map +0 -0
- package/dist/event-emitter.js +0 -0
- package/dist/event-emitter.js.map +0 -0
- package/dist/format-time.d.ts +0 -0
- package/dist/format-time.d.ts.map +0 -0
- package/dist/format-time.js +0 -0
- package/dist/format-time.js.map +0 -0
- package/dist/icons.d.ts +0 -0
- package/dist/icons.d.ts.map +0 -0
- package/dist/icons.js +6 -6
- package/dist/icons.js.map +1 -1
- package/dist/index.d.ts +5 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/player-css-classname.d.ts +0 -0
- package/dist/player-css-classname.d.ts.map +0 -0
- package/dist/player-css-classname.js +0 -0
- package/dist/player-css-classname.js.map +0 -0
- package/dist/player-methods.d.ts +2 -1
- package/dist/player-methods.d.ts.map +1 -1
- package/dist/player-methods.js +0 -0
- package/dist/player-methods.js.map +0 -0
- package/dist/test/index.test.d.ts +0 -0
- package/dist/test/index.test.d.ts.map +0 -0
- package/dist/test/index.test.js +0 -0
- package/dist/test/index.test.js.map +0 -0
- package/dist/test/test-utils.d.ts +1 -1
- package/dist/test/test-utils.d.ts.map +1 -1
- package/dist/test/test-utils.js +0 -0
- package/dist/test/test-utils.js.map +1 -1
- package/dist/test/validate-prop.test.d.ts +0 -0
- package/dist/test/validate-prop.test.d.ts.map +0 -0
- package/dist/test/validate-prop.test.js +28 -1
- package/dist/test/validate-prop.test.js.map +1 -1
- package/dist/use-hover-state.d.ts +0 -0
- package/dist/use-hover-state.d.ts.map +0 -0
- package/dist/use-hover-state.js +0 -0
- package/dist/use-hover-state.js.map +0 -0
- package/dist/use-playback.d.ts +0 -0
- package/dist/use-playback.d.ts.map +0 -0
- package/dist/use-playback.js +0 -0
- package/dist/use-playback.js.map +0 -0
- package/dist/use-player.d.ts +0 -0
- package/dist/use-player.d.ts.map +1 -1
- package/dist/use-player.js +18 -1
- package/dist/use-player.js.map +1 -1
- package/dist/utils/browser-supports-fullscreen.d.ts +0 -0
- package/dist/utils/browser-supports-fullscreen.d.ts.map +0 -0
- package/dist/utils/browser-supports-fullscreen.js +0 -0
- package/dist/utils/browser-supports-fullscreen.js.map +0 -0
- package/dist/utils/calculate-player-size.d.ts +0 -0
- package/dist/utils/calculate-player-size.d.ts.map +0 -0
- package/dist/utils/calculate-player-size.js +0 -0
- package/dist/utils/calculate-player-size.js.map +0 -0
- package/dist/utils/cancellable-promise.d.ts +0 -0
- package/dist/utils/cancellable-promise.d.ts.map +0 -0
- package/dist/utils/cancellable-promise.js +0 -0
- package/dist/utils/cancellable-promise.js.map +0 -0
- package/dist/utils/delay.d.ts +0 -0
- package/dist/utils/delay.d.ts.map +0 -0
- package/dist/utils/delay.js +0 -0
- package/dist/utils/delay.js.map +0 -0
- package/dist/utils/is-node.d.ts +0 -0
- package/dist/utils/is-node.d.ts.map +0 -0
- package/dist/utils/is-node.js +0 -0
- package/dist/utils/is-node.js.map +0 -0
- package/dist/utils/preview-size.d.ts +0 -0
- package/dist/utils/preview-size.d.ts.map +0 -0
- package/dist/utils/preview-size.js +0 -0
- package/dist/utils/preview-size.js.map +0 -0
- package/dist/utils/use-cancellable-promises.d.ts +0 -0
- package/dist/utils/use-cancellable-promises.d.ts.map +0 -0
- package/dist/utils/use-cancellable-promises.js +0 -0
- package/dist/utils/use-cancellable-promises.js.map +0 -0
- package/dist/utils/use-click-prevention-on-double-click.d.ts +0 -0
- package/dist/utils/use-click-prevention-on-double-click.d.ts.map +0 -0
- package/dist/utils/use-click-prevention-on-double-click.js +0 -0
- package/dist/utils/use-click-prevention-on-double-click.js.map +0 -0
- package/dist/utils/use-element-size.d.ts +2 -0
- package/dist/utils/use-element-size.d.ts.map +1 -1
- package/dist/utils/use-element-size.js +27 -4
- package/dist/utils/use-element-size.js.map +1 -1
- package/dist/utils/validate-playbackrate.d.ts +0 -0
- package/dist/utils/validate-playbackrate.d.ts.map +0 -0
- package/dist/utils/validate-playbackrate.js +0 -0
- package/dist/utils/validate-playbackrate.js.map +0 -0
- package/dist/volume-persistance.d.ts +0 -0
- package/dist/volume-persistance.d.ts.map +0 -0
- package/dist/volume-persistance.js +0 -0
- package/dist/volume-persistance.js.map +0 -0
- package/package.json +27 -13
- package/dist/Loading.d.ts +0 -4
- package/dist/Loading.d.ts.map +0 -1
- package/dist/Loading.js +0 -23
- package/dist/Loading.js.map +0 -1
- package/dist/PredefinedAudioTags.d.ts +0 -11
- package/dist/PredefinedAudioTags.d.ts.map +0 -1
- package/dist/PredefinedAudioTags.js +0 -98
- package/dist/PredefinedAudioTags.js.map +0 -1
- package/dist/event-target-polyfill.d.ts +0 -3
- package/dist/event-target-polyfill.d.ts.map +0 -1
- package/dist/event-target-polyfill.js +0 -114
- package/dist/event-target-polyfill.js.map +0 -1
- package/dist/events.d.ts +0 -1
- package/dist/events.d.ts.map +0 -1
- package/dist/events.js +0 -2
- package/dist/events.js.map +0 -1
- package/dist/utils/use-throttle.d.ts +0 -2
- package/dist/utils/use-throttle.d.ts.map +0 -1
- package/dist/utils/use-throttle.js +0 -24
- package/dist/utils/use-throttle.js.map +0 -1
package/LICENSE.md
CHANGED
|
@@ -7,7 +7,7 @@ Depending on the type of your legal entity, you are granted permission to use Re
|
|
|
7
7
|
|
|
8
8
|
## Free license
|
|
9
9
|
|
|
10
|
-
Copyright ©
|
|
10
|
+
Copyright © 2022 [Jonny Burger](https://jonny.io)
|
|
11
11
|
|
|
12
12
|
### Eligibility
|
|
13
13
|
|
|
@@ -32,7 +32,7 @@ The software is provided "as is", without warranty of any kind, express or impli
|
|
|
32
32
|
|
|
33
33
|
### Support
|
|
34
34
|
|
|
35
|
-
Support is provided on a best-we-can-do basis via GitHub Issues.
|
|
35
|
+
Support is provided on a best-we-can-do basis via GitHub Issues and Discord.
|
|
36
36
|
|
|
37
37
|
## Company license
|
|
38
38
|
|
package/README.md
CHANGED
|
@@ -1,8 +1,86 @@
|
|
|
1
1
|
### Remotion Player
|
|
2
2
|
|
|
3
|
-
[](https://www.npmjs.org/package/@remotion/player)
|
|
4
4
|
[](https://npmcharts.com/compare/@remotion/player?minimal=true)
|
|
5
5
|
[](https://packagephobia.now.sh/result?p=@remotion/player)
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
The `@remotion/player` package allows you to embed a video powered by Remotion in a React application.
|
|
8
|
+
|
|
9
|
+
## Installation and prerequisites
|
|
10
|
+
|
|
11
|
+
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.
|
|
12
|
+
|
|
13
|
+
Install this package and Remotion with the package manager that you use for project:
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
npm i remotion @remotion/player
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
```bash
|
|
20
|
+
yarn add remotion @remotion/player
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
pnpm i remotion @remotion/player
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
> Make sure all Remotion packages you install (`remotion`, `@remotion/player`, `@remotion/gif`...) [have the same version](https://remotion.dev/docs/version-mismatch).
|
|
28
|
+
|
|
29
|
+
## Getting started
|
|
30
|
+
|
|
31
|
+
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.
|
|
32
|
+
|
|
33
|
+
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.
|
|
34
|
+
|
|
35
|
+
```javascript
|
|
36
|
+
// components/MyVideo.js
|
|
37
|
+
import React from 'react';
|
|
38
|
+
import {useCurrentFrame} from 'remotion';
|
|
39
|
+
|
|
40
|
+
const MyVideo = () => {
|
|
41
|
+
const frame = useCurrentFrame();
|
|
42
|
+
|
|
43
|
+
return (
|
|
44
|
+
<div
|
|
45
|
+
style={{
|
|
46
|
+
flex: 1,
|
|
47
|
+
textAlign: 'center',
|
|
48
|
+
fontSize: '7em',
|
|
49
|
+
}}
|
|
50
|
+
>
|
|
51
|
+
The current frame is {frame}.
|
|
52
|
+
</div>
|
|
53
|
+
);
|
|
54
|
+
};
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
```javascript
|
|
58
|
+
import {Player} from '@remotion/player';
|
|
59
|
+
import {MyVideo} from '../components/MyVideo';
|
|
60
|
+
|
|
61
|
+
export const App = () => {
|
|
62
|
+
return (
|
|
63
|
+
<Player
|
|
64
|
+
component={MyVideo}
|
|
65
|
+
durationInFrames={120}
|
|
66
|
+
compositionWidth={1920}
|
|
67
|
+
compositionHeight={1080}
|
|
68
|
+
fps={30}
|
|
69
|
+
/>
|
|
70
|
+
);
|
|
71
|
+
};
|
|
72
|
+
```
|
|
73
|
+
|
|
74
|
+
## API
|
|
75
|
+
|
|
76
|
+
The most important props accepted:
|
|
77
|
+
|
|
78
|
+
| Props | Function |
|
|
79
|
+
| ----------------- | ---------------------------------------- |
|
|
80
|
+
| component | A React component that renders the video |
|
|
81
|
+
| durationInFrames | The duration of the video in frames |
|
|
82
|
+
| compositionHeight | The height of the composition in pixels |
|
|
83
|
+
| compositionWidth | The width of the composition in pixels |
|
|
84
|
+
| fps | The frame rate of the video |
|
|
85
|
+
|
|
86
|
+
For a complete reference of the available props, refer to [@remotion/player API](https://www.remotion.dev/docs/player/api).
|
|
File without changes
|
|
File without changes
|
|
@@ -88,7 +88,7 @@ const MediaVolumeSlider = () => {
|
|
|
88
88
|
}
|
|
89
89
|
setMediaMuted((mute) => !mute);
|
|
90
90
|
}, [mediaVolume, setMediaMuted, setMediaVolume]);
|
|
91
|
-
return ((0, jsx_runtime_1.jsxs)("div",
|
|
91
|
+
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));
|
|
92
92
|
};
|
|
93
93
|
exports.MediaVolumeSlider = MediaVolumeSlider;
|
|
94
94
|
//# sourceMappingURL=MediaVolumeSlider.js.map
|
|
@@ -1 +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,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACvD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,IAAA,+BAAa,EAAC,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,IAAA,mBAAW,EAAC,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
|
|
1
|
+
{"version":3,"file":"MediaVolumeSlider.js","sourceRoot":"","sources":["../src/MediaVolumeSlider.tsx"],"names":[],"mappings":"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"}
|
package/dist/Player.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import React, { MutableRefObject } from 'react';
|
|
1
|
+
import React, { ComponentType, MutableRefObject } from 'react';
|
|
2
2
|
import { CompProps } from 'remotion';
|
|
3
3
|
import { PlayerRef } from './player-methods';
|
|
4
|
+
import { RenderLoading } from './PlayerUI';
|
|
4
5
|
declare type PropsIfHasProps<Props> = {} extends Props ? {
|
|
5
6
|
inputProps?: Props;
|
|
6
7
|
} : {
|
|
@@ -26,8 +27,10 @@ export declare type PlayerProps<T> = {
|
|
|
26
27
|
spaceKeyToPlayOrPause?: boolean;
|
|
27
28
|
numberOfSharedAudioTags?: number;
|
|
28
29
|
playbackRate?: number;
|
|
30
|
+
renderLoading?: RenderLoading;
|
|
29
31
|
} & PropsIfHasProps<T> & CompProps<T>;
|
|
30
|
-
export declare const
|
|
32
|
+
export declare const componentOrNullIfLazy: <T>(props: CompProps<T>) => React.ComponentType<T> | null;
|
|
33
|
+
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;
|
|
31
34
|
declare module 'react' {
|
|
32
35
|
function forwardRef<T, P = {}>(render: (props: P, ref: React.MutableRefObject<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
|
|
33
36
|
}
|
package/dist/Player.d.ts.map
CHANGED
|
@@ -1 +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,
|
|
1
|
+
{"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,gBAoShC,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
CHANGED
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Player = exports.PlayerFn = void 0;
|
|
6
|
+
exports.Player = exports.PlayerFn = exports.componentOrNullIfLazy = void 0;
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
8
|
const react_1 = require("react");
|
|
9
9
|
const remotion_1 = require("remotion");
|
|
@@ -13,15 +13,33 @@ const player_css_classname_1 = require("./player-css-classname");
|
|
|
13
13
|
const PlayerUI_1 = __importDefault(require("./PlayerUI"));
|
|
14
14
|
const validate_playbackrate_1 = require("./utils/validate-playbackrate");
|
|
15
15
|
const volume_persistance_1 = require("./volume-persistance");
|
|
16
|
-
remotion_1.Internals.CSSUtils.injectCSS(remotion_1.Internals.CSSUtils.makeDefaultCSS(`.${player_css_classname_1.PLAYER_CSS_CLASSNAME}
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
remotion_1.Internals.CSSUtils.injectCSS(remotion_1.Internals.CSSUtils.makeDefaultCSS(`.${player_css_classname_1.PLAYER_CSS_CLASSNAME}`, '#fff'));
|
|
17
|
+
const componentOrNullIfLazy = (props) => {
|
|
18
|
+
if ('component' in props) {
|
|
19
|
+
return props.component;
|
|
20
|
+
}
|
|
21
|
+
return null;
|
|
22
|
+
};
|
|
23
|
+
exports.componentOrNullIfLazy = componentOrNullIfLazy;
|
|
24
|
+
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) => {
|
|
19
25
|
if (typeof window !== 'undefined') {
|
|
20
26
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
21
27
|
(0, react_1.useLayoutEffect)(() => {
|
|
22
28
|
window.remotion_isPlayer = true;
|
|
23
29
|
}, []);
|
|
24
30
|
}
|
|
31
|
+
// @ts-expect-error
|
|
32
|
+
if (componentProps.defaultProps !== undefined) {
|
|
33
|
+
throw new Error('The <Player /> component does not accept `defaultProps`, but some were passed. Use `inputProps` instead.');
|
|
34
|
+
}
|
|
35
|
+
const componentForValidation = (0, exports.componentOrNullIfLazy)(componentProps);
|
|
36
|
+
// @ts-expect-error
|
|
37
|
+
if ((componentForValidation === null || componentForValidation === void 0 ? void 0 : componentForValidation.type) === remotion_1.Composition) {
|
|
38
|
+
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.`);
|
|
39
|
+
}
|
|
40
|
+
if (componentForValidation === remotion_1.Composition) {
|
|
41
|
+
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.`);
|
|
42
|
+
}
|
|
25
43
|
const component = remotion_1.Internals.useLazyComponent(componentProps);
|
|
26
44
|
const [frame, setFrame] = (0, react_1.useState)(0);
|
|
27
45
|
const [playing, setPlaying] = (0, react_1.useState)(false);
|
|
@@ -30,6 +48,7 @@ const PlayerFn = ({ durationInFrames, compositionHeight, compositionWidth, fps,
|
|
|
30
48
|
const rootRef = (0, react_1.useRef)(null);
|
|
31
49
|
const [mediaMuted, setMediaMuted] = (0, react_1.useState)(false);
|
|
32
50
|
const [mediaVolume, setMediaVolume] = (0, react_1.useState)((0, volume_persistance_1.getPreferredVolume)());
|
|
51
|
+
const audioAndVideoTags = (0, react_1.useRef)([]);
|
|
33
52
|
const imperativePlaying = (0, react_1.useRef)(false);
|
|
34
53
|
if (typeof compositionHeight !== 'number') {
|
|
35
54
|
throw new TypeError(`'compositionHeight' must be a number but got '${typeof compositionHeight}' instead`);
|
|
@@ -96,6 +115,7 @@ const PlayerFn = ({ durationInFrames, compositionHeight, compositionWidth, fps,
|
|
|
96
115
|
setPlaybackRate: () => {
|
|
97
116
|
throw new Error('playback rate');
|
|
98
117
|
},
|
|
118
|
+
audioAndVideoTags,
|
|
99
119
|
};
|
|
100
120
|
}, [frame, playbackRate, playing, rootId]);
|
|
101
121
|
const setTimelineContextValue = (0, react_1.useMemo)(() => {
|
|
@@ -128,8 +148,15 @@ const PlayerFn = ({ durationInFrames, compositionHeight, compositionWidth, fps,
|
|
|
128
148
|
id: 'player-comp',
|
|
129
149
|
props: inputProps,
|
|
130
150
|
nonce: 777,
|
|
151
|
+
scale: 1,
|
|
152
|
+
folderName: null,
|
|
153
|
+
defaultProps: undefined,
|
|
154
|
+
parentFolderName: null,
|
|
131
155
|
},
|
|
132
156
|
],
|
|
157
|
+
folders: [],
|
|
158
|
+
registerFolder: () => undefined,
|
|
159
|
+
unregisterFolder: () => undefined,
|
|
133
160
|
currentComposition: 'player-comp',
|
|
134
161
|
registerComposition: () => undefined,
|
|
135
162
|
registerSequence: () => undefined,
|
|
@@ -152,9 +179,9 @@ const PlayerFn = ({ durationInFrames, compositionHeight, compositionWidth, fps,
|
|
|
152
179
|
const passedInputProps = (0, react_1.useMemo)(() => {
|
|
153
180
|
return inputProps !== null && inputProps !== void 0 ? inputProps : {};
|
|
154
181
|
}, [inputProps]);
|
|
155
|
-
return ((0, jsx_runtime_1.jsx)(remotion_1.Internals.Timeline.TimelineContext.Provider,
|
|
182
|
+
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'
|
|
156
183
|
? clickToPlay
|
|
157
|
-
: Boolean(controls), showVolumeControls: Boolean(showVolumeControls), setMediaVolume: setMediaVolumeAndPersist, mediaVolume: mediaVolume, mediaMuted: mediaMuted, doubleClickToFullscreen: Boolean(doubleClickToFullscreen), setMediaMuted: setMediaMuted, spaceKeyToPlayOrPause: Boolean(spaceKeyToPlayOrPause), playbackRate: playbackRate }, void 0) }
|
|
184
|
+
: 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));
|
|
158
185
|
};
|
|
159
186
|
exports.PlayerFn = PlayerFn;
|
|
160
187
|
exports.Player = (0, react_1.forwardRef)(exports.PlayerFn);
|
package/dist/Player.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Player.js","sourceRoot":"","sources":["../src/Player.tsx"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Player.js","sourceRoot":"","sources":["../src/Player.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAWe;AACf,uCAUkB;AAClB,uDAA4D;AAC5D,mDAA8C;AAC9C,iEAA4D;AAE5D,0DAAmD;AACnD,yEAAmE;AACnE,6DAAuE;AAiCvE,oBAAS,CAAC,QAAQ,CAAC,SAAS,CAC3B,oBAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,2CAAoB,EAAE,EAAE,MAAM,CAAC,CACrE,CAAC;AAEK,MAAM,qBAAqB,GAAG,CACpC,KAAmB,EACO,EAAE;IAC5B,IAAI,WAAW,IAAI,KAAK,EAAE;QACzB,OAAO,KAAK,CAAC,SAA6B,CAAC;KAC3C;IAED,OAAO,IAAI,CAAC;AACb,CAAC,CAAC;AARW,QAAA,qBAAqB,yBAQhC;AAEK,MAAM,QAAQ,GAAG,CACvB,EACC,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,GAAG,EACH,UAAU,EACV,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GAAG,IAAI,EACzB,eAAe,GAAG,IAAI,EACtB,WAAW,EACX,uBAAuB,GAAG,KAAK,EAC/B,qBAAqB,GAAG,IAAI,EAC5B,uBAAuB,GAAG,CAAC,EAC3B,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,EAC1B,YAAY,GAAG,CAAC,EAChB,aAAa,EACb,GAAG,cAAc,EACD,EACjB,GAAgC,EAC/B,EAAE;IACH,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAClC,sDAAsD;QACtD,IAAA,uBAAe,EAAC,GAAG,EAAE;YACpB,MAAM,CAAC,iBAAiB,GAAG,IAAI,CAAC;QACjC,CAAC,EAAE,EAAE,CAAC,CAAC;KACP;IAED,mBAAmB;IACnB,IAAI,cAAc,CAAC,YAAY,KAAK,SAAS,EAAE;QAC9C,MAAM,IAAI,KAAK,CACd,0GAA0G,CAC1G,CAAC;KACF;IAED,MAAM,sBAAsB,GAAG,IAAA,6BAAqB,EACnD,cAAc,CACmB,CAAC;IAEnC,mBAAmB;IACnB,IAAI,CAAA,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,IAAI,MAAK,sBAAW,EAAE;QACjD,MAAM,IAAI,SAAS,CAClB,2NAA2N,CAC3N,CAAC;KACF;IAED,IAAI,sBAAsB,KAAK,sBAAW,EAAE;QAC3C,MAAM,IAAI,SAAS,CAClB,4NAA4N,CAC5N,CAAC;KACF;IAED,MAAM,SAAS,GAAG,oBAAS,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAE7D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IACtC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACvD,MAAM,CAAC,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAS,aAAa,CAAC,CAAC;IACjD,MAAM,CAAC,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,6BAAa,EAAE,CAAC,CAAC;IACtD,MAAM,OAAO,GAAG,IAAA,cAAM,EAAY,IAAI,CAAC,CAAC;IACxC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAC7D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAS,IAAA,uCAAkB,GAAE,CAAC,CAAC;IAC7E,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAqB,EAAE,CAAC,CAAC;IACzD,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAExC,IAAI,OAAO,iBAAiB,KAAK,QAAQ,EAAE;QAC1C,MAAM,IAAI,SAAS,CAClB,iDAAiD,OAAO,iBAAiB,WAAW,CACpF,CAAC;KACF;IAED,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE;QACzC,MAAM,IAAI,SAAS,CAClB,gDAAgD,OAAO,gBAAgB,WAAW,CAClF,CAAC;KACF;IAED,oBAAS,CAAC,iBAAiB,CAC1B,iBAAiB,EACjB,mBAAmB,EACnB,6BAA6B,CAC7B,CAAC;IACF,oBAAS,CAAC,iBAAiB,CAC1B,gBAAgB,EAChB,kBAAkB,EAClB,6BAA6B,CAC7B,CAAC;IACF,oBAAS,CAAC,wBAAwB,CACjC,gBAAgB,EAChB,4BAA4B,CAC5B,CAAC;IACF,oBAAS,CAAC,WAAW,CAAC,GAAG,EAAE,sCAAsC,CAAC,CAAC;IAEnE,IAAI,OAAO,QAAQ,KAAK,SAAS,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;QACrE,MAAM,IAAI,SAAS,CAClB,sDAAsD,OAAO,QAAQ,WAAW,CAChF,CAAC;KACF;IAED,IAAI,OAAO,QAAQ,KAAK,SAAS,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;QACrE,MAAM,IAAI,SAAS,CAClB,sDAAsD,OAAO,QAAQ,WAAW,CAChF,CAAC;KACF;IAED,IAAI,OAAO,IAAI,KAAK,SAAS,IAAI,OAAO,IAAI,KAAK,WAAW,EAAE;QAC7D,MAAM,IAAI,SAAS,CAClB,kDAAkD,OAAO,IAAI,WAAW,CACxE,CAAC;KACF;IAED,IACC,OAAO,uBAAuB,KAAK,SAAS;QAC5C,OAAO,uBAAuB,KAAK,WAAW,EAC7C;QACD,MAAM,IAAI,SAAS,CAClB,qEAAqE,OAAO,uBAAuB,WAAW,CAC9G,CAAC;KACF;IAED,IACC,OAAO,kBAAkB,KAAK,SAAS;QACvC,OAAO,kBAAkB,KAAK,WAAW,EACxC;QACD,MAAM,IAAI,SAAS,CAClB,gEAAgE,OAAO,kBAAkB,WAAW,CACpG,CAAC;KACF;IAED,IACC,OAAO,eAAe,KAAK,SAAS;QACpC,OAAO,eAAe,KAAK,WAAW,EACrC;QACD,MAAM,IAAI,SAAS,CAClB,6DAA6D,OAAO,eAAe,WAAW,CAC9F,CAAC;KACF;IAED,IAAI,OAAO,WAAW,KAAK,SAAS,IAAI,OAAO,WAAW,KAAK,WAAW,EAAE;QAC3E,MAAM,IAAI,SAAS,CAClB,yDAAyD,OAAO,WAAW,WAAW,CACtF,CAAC;KACF;IAED,IACC,OAAO,qBAAqB,KAAK,SAAS;QAC1C,OAAO,qBAAqB,KAAK,WAAW,EAC3C;QACD,MAAM,IAAI,SAAS,CAClB,mEAAmE,OAAO,qBAAqB,WAAW,CAC1G,CAAC;KACF;IAED,IACC,OAAO,uBAAuB,KAAK,QAAQ;QAC3C,uBAAuB,GAAG,CAAC,KAAK,CAAC;QACjC,CAAC,MAAM,CAAC,QAAQ,CAAC,uBAAuB,CAAC;QACzC,MAAM,CAAC,KAAK,CAAC,uBAAuB,CAAC;QACrC,uBAAuB,GAAG,CAAC,EAC1B;QACD,MAAM,IAAI,SAAS,CAClB,yDAAyD,uBAAuB,WAAW,CAC3F,CAAC;KACF;IAED,IAAA,4CAAoB,EAAC,YAAY,CAAC,CAAC;IAEnC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,OAAO,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAE5B,MAAM,wBAAwB,GAAG,IAAA,mBAAW,EAAC,CAAC,GAAW,EAAE,EAAE;QAC5D,cAAc,CAAC,GAAG,CAAC,CAAC;QACpB,IAAA,kCAAa,EAAC,GAAG,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAoB,CAAC,CAAC;IAE7D,MAAM,oBAAoB,GAAG,IAAA,eAAO,EAAC,GAEnC,EAAE;QACH,OAAO;YACN,KAAK;YACL,OAAO;YACP,MAAM;YACN,uBAAuB,EAAE,KAAK;YAC9B,YAAY;YACZ,iBAAiB;YACjB,eAAe,EAAE,GAAG,EAAE;gBACrB,MAAM,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC;YAClC,CAAC;YACD,iBAAiB;SACjB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3C,MAAM,uBAAuB,GAAG,IAAA,eAAO,EAAC,GAA4B,EAAE;QACrE,OAAO;YACN,QAAQ;YACR,UAAU;SACV,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACf,MAAM,uBAAuB,GAAG,IAAA,eAAO,EAAC,GAA4B,EAAE;QACrE,OAAO;YACN,UAAU;YACV,WAAW;SACX,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAE9B,MAAM,0BAA0B,GAAG,IAAA,eAAO,EAAC,GAA+B,EAAE;QAC3E,OAAO;YACN,aAAa;YACb,cAAc,EAAE,wBAAwB;SACxC,CAAC;IACH,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAE/B,MAAM,yBAAyB,GAA8B,IAAA,eAAO,EAAC,GAAG,EAAE;QACzE,OAAO;YACN,YAAY,EAAE;gBACb;oBACC,SAAS,EAAE,SAEV;oBACD,gBAAgB;oBAChB,MAAM,EAAE,iBAAiB;oBACzB,KAAK,EAAE,gBAAgB;oBACvB,GAAG;oBACH,EAAE,EAAE,aAAa;oBACjB,KAAK,EAAE,UAAqB;oBAC5B,KAAK,EAAE,GAAG;oBACV,KAAK,EAAE,CAAC;oBACR,UAAU,EAAE,IAAI;oBAChB,YAAY,EAAE,SAAS;oBACvB,gBAAgB,EAAE,IAAI;iBACtB;aACD;YACD,OAAO,EAAE,EAAE;YACX,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;YAC/B,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS;YACjC,kBAAkB,EAAE,aAAa;YACjC,mBAAmB,EAAE,GAAG,EAAE,CAAC,SAAS;YACpC,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS;YACjC,SAAS,EAAE,EAAE;YACb,qBAAqB,EAAE,GAAG,EAAE,CAAC,SAAS;YACtC,qBAAqB,EAAE,GAAG,EAAE,CAAC,SAAS;YACtC,kBAAkB,EAAE,GAAG,EAAE,CAAC,SAAS;YACnC,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS;YAC9B,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS;YAChC,MAAM,EAAE,EAAE;SACV,CAAC;IACH,CAAC,EAAE;QACF,SAAS;QACT,gBAAgB;QAChB,iBAAiB;QACjB,gBAAgB;QAChB,GAAG;QACH,UAAU;KACV,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACrC,OAAO,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,CAAC;IACzB,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACN,uBAAC,oBAAS,CAAC,QAAQ,CAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,oBAAoB,YACvE,uBAAC,oBAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC,QAAQ,IAC9C,KAAK,EAAE,uBAAuB,YAE9B,uBAAC,oBAAS,CAAC,kBAAkB,CAAC,QAAQ,IACrC,KAAK,EAAE,yBAAyB,YAEhC,uBAAC,oBAAS,CAAC,kBAAkB,CAAC,QAAQ,IACrC,KAAK,EAAE,uBAAuB,YAE9B,uBAAC,oBAAS,CAAC,qBAAqB,CAAC,QAAQ,IACxC,KAAK,EAAE,0BAA0B,YAEjC,uBAAC,oBAAS,CAAC,0BAA0B,IACpC,iBAAiB,EAAE,uBAAuB,YAE1C,uBAAC,2CAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACjD,uBAAC,kBAAQ,IACR,GAAG,EAAE,OAAO,EACZ,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,EACnB,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,gBAAgB,EAC5B,eAAe,EAAE,OAAO,CAAC,eAAe,CAAC,EACzC,WAAW,EACV,OAAO,WAAW,KAAK,SAAS;wCAC/B,CAAC,CAAC,WAAW;wCACb,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAErB,kBAAkB,EAAE,OAAO,CAAC,kBAAkB,CAAC,EAC/C,cAAc,EAAE,wBAAwB,EACxC,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,uBAAuB,EAAE,OAAO,CAAC,uBAAuB,CAAC,EACzD,aAAa,EAAE,aAAa,EAC5B,qBAAqB,EAAE,OAAO,CAAC,qBAAqB,CAAC,EACrD,YAAY,EAAE,YAAY,WACzB,WACkC,WACC,WACG,WACJ,WACD,WACQ,WACJ,CAC9C,CAAC;AACH,CAAC,CAAC;AA1TW,QAAA,QAAQ,YA0TnB;AAYW,QAAA,MAAM,GAAG,IAAA,kBAAU,EAAC,gBAAQ,CAAC,CAAC"}
|
package/dist/PlayerControls.d.ts
CHANGED
|
File without changes
|
|
File without changes
|
package/dist/PlayerControls.js
CHANGED
|
@@ -80,9 +80,9 @@ const Controls = ({ durationInFrames, hovered, isFullscreen, fps, player, showVo
|
|
|
80
80
|
playButtonRef.current.focus();
|
|
81
81
|
}
|
|
82
82
|
}, [player.playing, spaceKeyToPlayOrPause]);
|
|
83
|
-
return ((0, jsx_runtime_1.jsxs)("div",
|
|
83
|
+
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
|
|
84
84
|
? onExitFullscreenButtonClick
|
|
85
|
-
: onFullscreenButtonClick
|
|
85
|
+
: 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));
|
|
86
86
|
};
|
|
87
87
|
exports.Controls = Controls;
|
|
88
88
|
//# sourceMappingURL=PlayerControls.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlayerControls.js","sourceRoot":"","sources":["../src/PlayerControls.tsx"],"names":[],"mappings":";;;;AAAA,iCAA2E;AAC3E,uCAAmC;AACnC,+CAAyC;AACzC,mCAA4D;AAC5D,2DAAsD;AACtD,mDAA8C;AAE9C,qFAA8E;AAE9E,MAAM,cAAc,GAAwB;IAC3C,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,EAAE;IACd,aAAa,EAAE,EAAE;IACjB,UAAU,EAAE,kDAAkD;IAC9D,OAAO,EAAE,MAAM;IACf,YAAY,EAAE,EAAE;IAChB,WAAW,EAAE,EAAE;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,cAAc;CAC1B,CAAC;AAEF,MAAM,WAAW,GAAwB;IACxC,UAAU,EAAE,MAAM;IAClB,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,CAAC;IACV,OAAO,EAAE,QAAQ;IACjB,YAAY,EAAE,CAAC;IACf,SAAS,EAAE,CAAC;IACZ,MAAM,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,WAAW,GAAwB;IACxC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,MAAM;CAClB,CAAC;AAEF,MAAM,aAAa,GAAwB;IAC1C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,QAAQ;CACpB,CAAC;AAEF,MAAM,OAAO,GAAwB;IACpC,KAAK,EAAE,EAAE;CACT,CAAC;AAEF,MAAM,OAAO,GAAwB;IACpC,MAAM,EAAE,CAAC;CACT,CAAC;AAEF,MAAM,KAAK,GAAwB;IAClC,IAAI,EAAE,CAAC;CACP,CAAC;AAEF,MAAM,UAAU,GAAwB,EAAE,CAAC;AAE3C,MAAM,SAAS,GAAwB;IACtC,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,YAAY;IACxB,QAAQ,EAAE,EAAE;CACZ,CAAC;AAEK,MAAM,QAAQ,GAWhB,CAAC,EACL,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,GAAG,EACH,MAAM,EACN,kBAAkB,EAClB,uBAAuB,EACvB,eAAe,EACf,2BAA2B,EAC3B,qBAAqB,GACrB,EAAE,EAAE;IACJ,MAAM,aAAa,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IAC7D,MAAM,KAAK,GAAG,oBAAS,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC;IAEvD,MAAM,YAAY,GAAwB,IAAA,eAAO,EAAC,GAAG,EAAE;QACtD,oCAAoC;QACpC,MAAM,UAAU,GAAG,OAAO,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;QAC9C,OAAO;YACN,GAAG,cAAc;YACjB,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC;SAC3B,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAE9B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,aAAa,CAAC,OAAO,IAAI,qBAAqB,EAAE;YACnD,sEAAsE;YACtE,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAC9B;IACF,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE5C,OAAO,CACN
|
|
1
|
+
{"version":3,"file":"PlayerControls.js","sourceRoot":"","sources":["../src/PlayerControls.tsx"],"names":[],"mappings":"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"}
|
package/dist/PlayerSeekBar.d.ts
CHANGED
|
File without changes
|
|
@@ -1 +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,
|
|
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,CAkIA,CAAC"}
|
package/dist/PlayerSeekBar.js
CHANGED
|
@@ -37,7 +37,10 @@ const barBackground = {
|
|
|
37
37
|
const PlayerSeekBar = ({ durationInFrames }) => {
|
|
38
38
|
const containerRef = (0, react_1.useRef)(null);
|
|
39
39
|
const barHovered = (0, use_hover_state_1.useHoverState)(containerRef);
|
|
40
|
-
const size = (0, use_element_size_1.useElementSize)(containerRef, {
|
|
40
|
+
const size = (0, use_element_size_1.useElementSize)(containerRef, {
|
|
41
|
+
triggerOnWindowResize: true,
|
|
42
|
+
shouldApplyCssTransforms: true,
|
|
43
|
+
});
|
|
41
44
|
const { seek, play, pause, playing } = (0, use_player_1.usePlayer)();
|
|
42
45
|
const frame = remotion_1.Internals.Timeline.useTimelinePosition();
|
|
43
46
|
const [dragging, setDragging] = (0, react_1.useState)({
|
|
@@ -114,7 +117,7 @@ const PlayerSeekBar = ({ durationInFrames }) => {
|
|
|
114
117
|
borderRadius: BAR_HEIGHT / 2,
|
|
115
118
|
};
|
|
116
119
|
}, [durationInFrames, frame]);
|
|
117
|
-
return ((0, jsx_runtime_1.jsxs)("div",
|
|
120
|
+
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));
|
|
118
121
|
};
|
|
119
122
|
exports.PlayerSeekBar = PlayerSeekBar;
|
|
120
123
|
//# sourceMappingURL=PlayerSeekBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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,
|
|
1
|
+
{"version":3,"file":"PlayerSeekBar.js","sourceRoot":"","sources":["../src/PlayerSeekBar.tsx"],"names":[],"mappings":"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"}
|
package/dist/PlayerUI.d.ts
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PlayerRef } from './player-methods';
|
|
3
|
+
export declare type ErrorFallback = (info: {
|
|
4
|
+
error: Error;
|
|
5
|
+
}) => React.ReactNode;
|
|
6
|
+
export declare type RenderLoading = (canvas: {
|
|
7
|
+
height: number;
|
|
8
|
+
width: number;
|
|
9
|
+
}) => React.ReactChild;
|
|
3
10
|
declare const _default: (props: {
|
|
4
11
|
controls: boolean;
|
|
5
12
|
loop: boolean;
|
|
@@ -15,12 +22,9 @@ declare const _default: (props: {
|
|
|
15
22
|
setMediaVolume: (v: number) => void;
|
|
16
23
|
setMediaMuted: (v: boolean) => void;
|
|
17
24
|
mediaVolume: number;
|
|
18
|
-
errorFallback:
|
|
19
|
-
error: Error;
|
|
20
|
-
}) => React.ReactNode;
|
|
25
|
+
errorFallback: ErrorFallback;
|
|
21
26
|
playbackRate: number;
|
|
22
|
-
|
|
23
|
-
children?: React.ReactNode;
|
|
27
|
+
renderLoading?: RenderLoading | undefined;
|
|
24
28
|
} & React.RefAttributes<PlayerRef | null>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
25
29
|
export default _default;
|
|
26
30
|
//# sourceMappingURL=PlayerUI.d.ts.map
|
package/dist/PlayerUI.d.ts.map
CHANGED
|
@@ -1 +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
|
|
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;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
CHANGED
|
@@ -15,13 +15,16 @@ const calculate_player_size_1 = require("./utils/calculate-player-size");
|
|
|
15
15
|
const is_node_1 = require("./utils/is-node");
|
|
16
16
|
const use_click_prevention_on_double_click_1 = require("./utils/use-click-prevention-on-double-click");
|
|
17
17
|
const use_element_size_1 = require("./utils/use-element-size");
|
|
18
|
-
const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps, clickToPlay, showVolumeControls, mediaVolume, mediaMuted, doubleClickToFullscreen, setMediaMuted, setMediaVolume, spaceKeyToPlayOrPause, errorFallback, playbackRate, }, ref) => {
|
|
18
|
+
const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps, clickToPlay, showVolumeControls, mediaVolume, mediaMuted, doubleClickToFullscreen, setMediaMuted, setMediaVolume, spaceKeyToPlayOrPause, errorFallback, playbackRate, renderLoading, }, ref) => {
|
|
19
19
|
var _a, _b, _c;
|
|
20
20
|
const config = remotion_1.Internals.useUnsafeVideoConfig();
|
|
21
21
|
const video = remotion_1.Internals.useVideo();
|
|
22
22
|
const container = (0, react_1.useRef)(null);
|
|
23
23
|
const hovered = (0, use_hover_state_1.useHoverState)(container);
|
|
24
|
-
const canvasSize = (0, use_element_size_1.useElementSize)(container, {
|
|
24
|
+
const canvasSize = (0, use_element_size_1.useElementSize)(container, {
|
|
25
|
+
triggerOnWindowResize: false,
|
|
26
|
+
shouldApplyCssTransforms: false,
|
|
27
|
+
});
|
|
25
28
|
const [hasPausedToResume, setHasPausedToResume] = (0, react_1.useState)(false);
|
|
26
29
|
const [shouldAutoplay, setShouldAutoPlay] = (0, react_1.useState)(autoPlay);
|
|
27
30
|
const [isFullscreen, setIsFullscreen] = (0, react_1.useState)(() => false);
|
|
@@ -90,6 +93,7 @@ const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps
|
|
|
90
93
|
toggle,
|
|
91
94
|
getContainerNode: () => container.current,
|
|
92
95
|
getCurrentFrame: player.getCurrentFrame,
|
|
96
|
+
isPlaying: () => player.playing,
|
|
93
97
|
seekTo: (f) => {
|
|
94
98
|
const lastFrame = durationInFrames - 1;
|
|
95
99
|
const frameToSeekTo = Math.max(0, Math.min(lastFrame, f));
|
|
@@ -246,12 +250,18 @@ const PlayerUI = ({ controls, style, loop, autoPlay, allowFullscreen, inputProps
|
|
|
246
250
|
if (!config) {
|
|
247
251
|
return null;
|
|
248
252
|
}
|
|
249
|
-
const content = ((0, jsx_runtime_1.jsxs)(
|
|
253
|
+
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));
|
|
250
254
|
// Don't render suspense on Node.js
|
|
251
255
|
if (is_node_1.IS_NODE) {
|
|
252
|
-
return content;
|
|
256
|
+
return ((0, jsx_runtime_1.jsx)("div", { ref: container, style: outerStyle, children: content }, void 0));
|
|
253
257
|
}
|
|
254
|
-
|
|
258
|
+
const loadingMarkup = renderLoading
|
|
259
|
+
? renderLoading({
|
|
260
|
+
height: outerStyle.height,
|
|
261
|
+
width: outerStyle.width,
|
|
262
|
+
})
|
|
263
|
+
: null;
|
|
264
|
+
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));
|
|
255
265
|
};
|
|
256
266
|
exports.default = (0, react_1.forwardRef)(PlayerUI);
|
|
257
267
|
//# sourceMappingURL=PlayerUI.js.map
|
package/dist/PlayerUI.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PlayerUI.js","sourceRoot":"","sources":["../src/PlayerUI.tsx"],"names":[],"mappings":";;;AACA,iCAWe;AACf,uCAAmC;AACnC,uDAAiD;AACjD,qDAA+C;AAC/C,iEAA4D;AAE5D,qDAA0C;AAC1C,uDAAgD;AAChD,iDAA2C;AAC3C,6CAAuC;AACvC,qFAA8E;AAC9E,yEAAkE;AAClE,6CAAwC;AACxC,uGAA6F;AAC7F,+DAAwD;
|
|
1
|
+
{"version":3,"file":"PlayerUI.js","sourceRoot":"","sources":["../src/PlayerUI.tsx"],"names":[],"mappings":"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"}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
package/dist/calculate-scale.js
CHANGED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
package/dist/emitter-context.js
CHANGED
|
File without changes
|
|
File without changes
|
package/dist/error-boundary.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export declare class ErrorBoundary extends React.Component<{
|
|
3
3
|
onError: (error: Error) => void;
|
|
4
|
+
children: React.ReactNode;
|
|
4
5
|
errorFallback: (info: {
|
|
5
6
|
error: Error;
|
|
6
7
|
}) => React.ReactNode;
|
|
@@ -14,6 +15,6 @@ export declare class ErrorBoundary extends React.Component<{
|
|
|
14
15
|
hasError: Error;
|
|
15
16
|
};
|
|
16
17
|
componentDidCatch(error: Error): void;
|
|
17
|
-
render(): React.
|
|
18
|
+
render(): string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;
|
|
18
19
|
}
|
|
19
20
|
//# sourceMappingURL=error-boundary.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../src/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CACjD;IACC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAChC,aAAa,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,KAAK,CAAA;KAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CACzD,EACD;IAAC,QAAQ,EAAE,KAAK,GAAG,IAAI,CAAA;CAAC,CACxB;IACA,KAAK;;MAAoB;IACzB,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;IAK5C,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAI9B,MAAM;CAcN"}
|
|
1
|
+
{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../src/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CACjD;IACC,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,EAAE,CAAC,IAAI,EAAE;QAAC,KAAK,EAAE,KAAK,CAAA;KAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CACzD,EACD;IAAC,QAAQ,EAAE,KAAK,GAAG,IAAI,CAAA;CAAC,CACxB;IACA,KAAK;;MAAoB;IACzB,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;IAK5C,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAI9B,MAAM;CAcN"}
|
package/dist/error-boundary.js
CHANGED
|
@@ -29,9 +29,9 @@ 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 ((0, jsx_runtime_1.jsx)("div",
|
|
32
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: errorStyle, children: this.props.errorFallback({
|
|
33
33
|
error: this.state.hasError,
|
|
34
|
-
}) }
|
|
34
|
+
}) }, void 0));
|
|
35
35
|
}
|
|
36
36
|
return this.props.children;
|
|
37
37
|
}
|