@remotion/player 4.0.202 → 4.0.204
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/package.json +2 -2
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/BufferingIndicator.d.ts +0 -5
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/BufferingIndicator.js +0 -38
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/DefaultPlayPauseButton.d.ts +0 -5
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/DefaultPlayPauseButton.js +0 -12
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/EmitterProvider.d.ts +0 -5
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/EmitterProvider.js +0 -20
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/MediaVolumeSlider.d.ts +0 -5
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/MediaVolumeSlider.js +0 -129
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/PlaybackrateControl.d.ts +0 -8
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/PlaybackrateControl.js +0 -156
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/Player.d.ts +0 -56
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/Player.js +0 -143
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/PlayerControls.d.ts +0 -47
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/PlayerControls.js +0 -176
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/PlayerSeekBar.d.ts +0 -8
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/PlayerSeekBar.js +0 -145
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/PlayerUI.d.ts +0 -46
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/PlayerUI.js +0 -369
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/SharedPlayerContext.d.ts +0 -15
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/SharedPlayerContext.js +0 -55
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/Thumbnail.d.ts +0 -23
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/Thumbnail.js +0 -48
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/ThumbnailUI.d.ts +0 -11
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/ThumbnailUI.js +0 -89
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/calculate-next-frame.d.ts +0 -14
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/calculate-next-frame.js +0 -24
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/calculate-scale.d.ts +0 -50
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/calculate-scale.js +0 -72
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/emitter-context.d.ts +0 -4
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/emitter-context.js +0 -3
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/error-boundary.d.ts +0 -19
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/error-boundary.js +0 -32
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/event-emitter.d.ts +0 -91
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/event-emitter.js +0 -114
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/format-time.d.ts +0 -1
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/format-time.js +0 -5
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/icons.d.ts +0 -10
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/icons.js +0 -39
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/index.d.ts +0 -64
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/index.js +0 -23
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/is-backgrounded.d.ts +0 -2
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/is-backgrounded.js +0 -20
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/player-css-classname.d.ts +0 -1
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/player-css-classname.js +0 -1
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/player-methods.d.ts +0 -25
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/player-methods.js +0 -1
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/test/index.test.d.ts +0 -1
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/test/index.test.js +0 -7
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/test/test-utils.d.ts +0 -6
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/test/test-utils.js +0 -14
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/test/validate-in-out-frames.test.d.ts +0 -1
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/test/validate-in-out-frames.test.js +0 -54
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/test/validate-prop.test.d.ts +0 -1
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/test/validate-prop.test.js +0 -129
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/use-buffer-state-emitter.d.ts +0 -2
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/use-buffer-state-emitter.js +0 -22
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/use-hover-state.d.ts +0 -1
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/use-hover-state.js +0 -43
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/use-playback.d.ts +0 -8
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/use-playback.js +0 -157
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/use-player.d.ts +0 -24
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/use-player.js +0 -157
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/use-thumbnail.d.ts +0 -6
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/use-thumbnail.js +0 -14
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/use-video-controls-resize.d.ts +0 -11
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/use-video-controls-resize.js +0 -35
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/calculate-player-size.d.ts +0 -9
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/calculate-player-size.js +0 -24
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/cancellable-promise.d.ts +0 -5
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/cancellable-promise.js +0 -22
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/delay.d.ts +0 -1
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/delay.js +0 -2
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/is-node.d.ts +0 -1
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/is-node.js +0 -1
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/props-if-has-props.d.ts +0 -10
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/props-if-has-props.js +0 -1
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/use-cancellable-promises.d.ts +0 -7
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/use-cancellable-promises.js +0 -18
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/use-click-prevention-on-double-click.d.ts +0 -3
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/use-click-prevention-on-double-click.js +0 -41
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/use-component-visible.d.ts +0 -6
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/use-component-visible.js +0 -18
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/use-element-size.d.ts +0 -16
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/use-element-size.js +0 -127
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/validate-in-out-frame.d.ts +0 -6
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/validate-in-out-frame.js +0 -49
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/validate-initial-frame.d.ts +0 -4
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/validate-initial-frame.js +0 -23
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/validate-playbackrate.d.ts +0 -1
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/utils/validate-playbackrate.js +0 -14
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/validate.d.ts +0 -5
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/validate.js +0 -6
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/volume-persistance.d.ts +0 -2
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/volume-persistance.js +0 -29
- package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/tsconfig-esm.tsbuildinfo +0 -1
- package/dist/esm/BufferingIndicator.d.ts +0 -5
- package/dist/esm/DefaultPlayPauseButton.d.ts +0 -5
- package/dist/esm/EmitterProvider.d.ts +0 -5
- package/dist/esm/MediaVolumeSlider.d.ts +0 -5
- package/dist/esm/PlaybackrateControl.d.ts +0 -8
- package/dist/esm/Player.d.ts +0 -56
- package/dist/esm/PlayerControls.d.ts +0 -47
- package/dist/esm/PlayerSeekBar.d.ts +0 -8
- package/dist/esm/PlayerUI.d.ts +0 -46
- package/dist/esm/SharedPlayerContext.d.ts +0 -15
- package/dist/esm/Thumbnail.d.ts +0 -23
- package/dist/esm/ThumbnailUI.d.ts +0 -11
- package/dist/esm/calculate-next-frame.d.ts +0 -14
- package/dist/esm/calculate-scale.d.ts +0 -50
- package/dist/esm/emitter-context.d.ts +0 -4
- package/dist/esm/error-boundary.d.ts +0 -19
- package/dist/esm/event-emitter.d.ts +0 -91
- package/dist/esm/format-time.d.ts +0 -1
- package/dist/esm/icons.d.ts +0 -10
- package/dist/esm/index.d.ts +0 -64
- package/dist/esm/is-backgrounded.d.ts +0 -2
- package/dist/esm/player-css-classname.d.ts +0 -1
- package/dist/esm/player-methods.d.ts +0 -25
- package/dist/esm/test/index.test.d.ts +0 -1
- package/dist/esm/test/test-utils.d.ts +0 -6
- package/dist/esm/test/validate-in-out-frames.test.d.ts +0 -1
- package/dist/esm/test/validate-prop.test.d.ts +0 -1
- package/dist/esm/use-buffer-state-emitter.d.ts +0 -2
- package/dist/esm/use-hover-state.d.ts +0 -1
- package/dist/esm/use-playback.d.ts +0 -8
- package/dist/esm/use-player.d.ts +0 -24
- package/dist/esm/use-thumbnail.d.ts +0 -6
- package/dist/esm/use-video-controls-resize.d.ts +0 -11
- package/dist/esm/utils/calculate-player-size.d.ts +0 -9
- package/dist/esm/utils/cancellable-promise.d.ts +0 -5
- package/dist/esm/utils/delay.d.ts +0 -1
- package/dist/esm/utils/is-node.d.ts +0 -1
- package/dist/esm/utils/props-if-has-props.d.ts +0 -10
- package/dist/esm/utils/use-cancellable-promises.d.ts +0 -7
- package/dist/esm/utils/use-click-prevention-on-double-click.d.ts +0 -3
- package/dist/esm/utils/use-component-visible.d.ts +0 -6
- package/dist/esm/utils/use-element-size.d.ts +0 -16
- package/dist/esm/utils/validate-in-out-frame.d.ts +0 -6
- package/dist/esm/utils/validate-initial-frame.d.ts +0 -4
- package/dist/esm/utils/validate-playbackrate.d.ts +0 -1
- package/dist/esm/validate.d.ts +0 -5
- package/dist/esm/volume-persistance.d.ts +0 -2
- package/dist/tsconfig-esm.tsbuildinfo +0 -1
package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/calculate-scale.d.ts
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import type { PreviewSize, VideoConfig } from 'remotion';
|
|
2
|
-
import type { Size } from './utils/use-element-size.js';
|
|
3
|
-
type Layout = {
|
|
4
|
-
centerX: number;
|
|
5
|
-
centerY: number;
|
|
6
|
-
xCorrection: number;
|
|
7
|
-
yCorrection: number;
|
|
8
|
-
scale: number;
|
|
9
|
-
};
|
|
10
|
-
export declare const calculateCanvasTransformation: ({ previewSize, compositionWidth, compositionHeight, canvasSize, }: {
|
|
11
|
-
previewSize: PreviewSize['size'];
|
|
12
|
-
compositionWidth: number;
|
|
13
|
-
compositionHeight: number;
|
|
14
|
-
canvasSize: Size;
|
|
15
|
-
}) => Layout;
|
|
16
|
-
export declare const calculateOuterStyle: ({ config, style, canvasSize, }: {
|
|
17
|
-
config: VideoConfig | null;
|
|
18
|
-
style: React.CSSProperties | undefined;
|
|
19
|
-
canvasSize: Size | null;
|
|
20
|
-
}) => React.CSSProperties;
|
|
21
|
-
export declare const calculateContainerStyle: ({ config, canvasSize, layout, scale, }: {
|
|
22
|
-
config: VideoConfig | null;
|
|
23
|
-
canvasSize: Size | null;
|
|
24
|
-
layout: Layout | null;
|
|
25
|
-
scale: number;
|
|
26
|
-
}) => React.CSSProperties;
|
|
27
|
-
export declare const calculateOuter: ({ layout, scale, config, }: {
|
|
28
|
-
layout: Layout | null;
|
|
29
|
-
scale: number;
|
|
30
|
-
config: VideoConfig | null;
|
|
31
|
-
}) => {
|
|
32
|
-
readonly width?: undefined;
|
|
33
|
-
readonly height?: undefined;
|
|
34
|
-
readonly display?: undefined;
|
|
35
|
-
readonly flexDirection?: undefined;
|
|
36
|
-
readonly position?: undefined;
|
|
37
|
-
readonly left?: undefined;
|
|
38
|
-
readonly top?: undefined;
|
|
39
|
-
readonly overflow?: undefined;
|
|
40
|
-
} | {
|
|
41
|
-
readonly width: number;
|
|
42
|
-
readonly height: number;
|
|
43
|
-
readonly display: "flex";
|
|
44
|
-
readonly flexDirection: "column";
|
|
45
|
-
readonly position: "absolute";
|
|
46
|
-
readonly left: number;
|
|
47
|
-
readonly top: number;
|
|
48
|
-
readonly overflow: "hidden";
|
|
49
|
-
};
|
|
50
|
-
export {};
|
package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/calculate-scale.js
DELETED
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { Internals } from 'remotion';
|
|
2
|
-
import { calculatePlayerSize } from './utils/calculate-player-size.js';
|
|
3
|
-
export const calculateCanvasTransformation = ({ previewSize, compositionWidth, compositionHeight, canvasSize, }) => {
|
|
4
|
-
const scale = Internals.calculateScale({
|
|
5
|
-
canvasSize,
|
|
6
|
-
compositionHeight,
|
|
7
|
-
compositionWidth,
|
|
8
|
-
previewSize,
|
|
9
|
-
});
|
|
10
|
-
const correction = 0 - (1 - scale) / 2;
|
|
11
|
-
const xCorrection = correction * compositionWidth;
|
|
12
|
-
const yCorrection = correction * compositionHeight;
|
|
13
|
-
const width = compositionWidth * scale;
|
|
14
|
-
const height = compositionHeight * scale;
|
|
15
|
-
const centerX = canvasSize.width / 2 - width / 2;
|
|
16
|
-
const centerY = canvasSize.height / 2 - height / 2;
|
|
17
|
-
return {
|
|
18
|
-
centerX,
|
|
19
|
-
centerY,
|
|
20
|
-
xCorrection,
|
|
21
|
-
yCorrection,
|
|
22
|
-
scale,
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
export const calculateOuterStyle = ({ config, style, canvasSize, }) => {
|
|
26
|
-
if (!config) {
|
|
27
|
-
return {};
|
|
28
|
-
}
|
|
29
|
-
return {
|
|
30
|
-
position: 'relative',
|
|
31
|
-
overflow: 'hidden',
|
|
32
|
-
...calculatePlayerSize({
|
|
33
|
-
compositionHeight: config.height,
|
|
34
|
-
compositionWidth: config.width,
|
|
35
|
-
currentSize: canvasSize,
|
|
36
|
-
height: style === null || style === void 0 ? void 0 : style.height,
|
|
37
|
-
width: style === null || style === void 0 ? void 0 : style.width,
|
|
38
|
-
}),
|
|
39
|
-
...style,
|
|
40
|
-
};
|
|
41
|
-
};
|
|
42
|
-
export const calculateContainerStyle = ({ config, canvasSize, layout, scale, }) => {
|
|
43
|
-
if (!config || !canvasSize || !layout) {
|
|
44
|
-
return {};
|
|
45
|
-
}
|
|
46
|
-
return {
|
|
47
|
-
position: 'absolute',
|
|
48
|
-
width: config.width,
|
|
49
|
-
height: config.height,
|
|
50
|
-
display: 'flex',
|
|
51
|
-
transform: `scale(${scale})`,
|
|
52
|
-
marginLeft: layout.xCorrection,
|
|
53
|
-
marginTop: layout.yCorrection,
|
|
54
|
-
overflow: 'hidden',
|
|
55
|
-
};
|
|
56
|
-
};
|
|
57
|
-
export const calculateOuter = ({ layout, scale, config, }) => {
|
|
58
|
-
if (!layout || !config) {
|
|
59
|
-
return {};
|
|
60
|
-
}
|
|
61
|
-
const { centerX, centerY } = layout;
|
|
62
|
-
return {
|
|
63
|
-
width: config.width * scale,
|
|
64
|
-
height: config.height * scale,
|
|
65
|
-
display: 'flex',
|
|
66
|
-
flexDirection: 'column',
|
|
67
|
-
position: 'absolute',
|
|
68
|
-
left: centerX,
|
|
69
|
-
top: centerY,
|
|
70
|
-
overflow: 'hidden',
|
|
71
|
-
};
|
|
72
|
-
};
|
package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/emitter-context.d.ts
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { PlayerEmitter, ThumbnailEmitter } from './event-emitter.js';
|
|
3
|
-
export declare const PlayerEventEmitterContext: React.Context<PlayerEmitter | undefined>;
|
|
4
|
-
export declare const ThumbnailEmitterContext: React.Context<ThumbnailEmitter | undefined>;
|
package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/error-boundary.d.ts
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare class ErrorBoundary extends React.Component<{
|
|
3
|
-
onError: (error: Error) => void;
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
errorFallback: (info: {
|
|
6
|
-
error: Error;
|
|
7
|
-
}) => React.ReactNode;
|
|
8
|
-
}, {
|
|
9
|
-
hasError: Error | null;
|
|
10
|
-
}> {
|
|
11
|
-
state: {
|
|
12
|
-
hasError: null;
|
|
13
|
-
};
|
|
14
|
-
static getDerivedStateFromError(error: Error): {
|
|
15
|
-
hasError: Error;
|
|
16
|
-
};
|
|
17
|
-
componentDidCatch(error: Error): void;
|
|
18
|
-
render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null | undefined;
|
|
19
|
-
}
|
package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/error-boundary.js
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
const errorStyle = {
|
|
4
|
-
display: 'flex',
|
|
5
|
-
justifyContent: 'center',
|
|
6
|
-
alignItems: 'center',
|
|
7
|
-
flex: 1,
|
|
8
|
-
height: '100%',
|
|
9
|
-
width: '100%',
|
|
10
|
-
};
|
|
11
|
-
export class ErrorBoundary extends React.Component {
|
|
12
|
-
constructor() {
|
|
13
|
-
super(...arguments);
|
|
14
|
-
this.state = { hasError: null };
|
|
15
|
-
}
|
|
16
|
-
static getDerivedStateFromError(error) {
|
|
17
|
-
// Update state so the next render will show the fallback UI.
|
|
18
|
-
return { hasError: error };
|
|
19
|
-
}
|
|
20
|
-
componentDidCatch(error) {
|
|
21
|
-
this.props.onError(error);
|
|
22
|
-
}
|
|
23
|
-
render() {
|
|
24
|
-
if (this.state.hasError) {
|
|
25
|
-
// You can render any custom fallback UI
|
|
26
|
-
return (_jsx("div", { style: errorStyle, children: this.props.errorFallback({
|
|
27
|
-
error: this.state.hasError,
|
|
28
|
-
}) }));
|
|
29
|
-
}
|
|
30
|
-
return this.props.children;
|
|
31
|
-
}
|
|
32
|
-
}
|
package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/event-emitter.d.ts
DELETED
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
type SeekPayload = {
|
|
2
|
-
frame: number;
|
|
3
|
-
};
|
|
4
|
-
type ErrorPayload = {
|
|
5
|
-
error: Error;
|
|
6
|
-
};
|
|
7
|
-
type TimeUpdateEventPayload = {
|
|
8
|
-
frame: number;
|
|
9
|
-
};
|
|
10
|
-
type FrameUpdateEventPayload = {
|
|
11
|
-
frame: number;
|
|
12
|
-
};
|
|
13
|
-
type RateChangeEventPayload = {
|
|
14
|
-
playbackRate: number;
|
|
15
|
-
};
|
|
16
|
-
type ScaleChangeEventPayload = {
|
|
17
|
-
scale: number;
|
|
18
|
-
};
|
|
19
|
-
type VolumeChangeEventPayload = {
|
|
20
|
-
volume: number;
|
|
21
|
-
};
|
|
22
|
-
type FullscreenChangeEventPayload = {
|
|
23
|
-
isFullscreen: boolean;
|
|
24
|
-
};
|
|
25
|
-
type MuteChangeEventPayload = {
|
|
26
|
-
isMuted: boolean;
|
|
27
|
-
};
|
|
28
|
-
type WaitingEventPayload = {};
|
|
29
|
-
type ResumeEventPayload = {};
|
|
30
|
-
type PlayerStateEventMap = {
|
|
31
|
-
seeked: SeekPayload;
|
|
32
|
-
pause: undefined;
|
|
33
|
-
play: undefined;
|
|
34
|
-
ratechange: RateChangeEventPayload;
|
|
35
|
-
scalechange: ScaleChangeEventPayload;
|
|
36
|
-
volumechange: VolumeChangeEventPayload;
|
|
37
|
-
ended: undefined;
|
|
38
|
-
error: ErrorPayload;
|
|
39
|
-
timeupdate: TimeUpdateEventPayload;
|
|
40
|
-
frameupdate: FrameUpdateEventPayload;
|
|
41
|
-
fullscreenchange: FullscreenChangeEventPayload;
|
|
42
|
-
mutechange: MuteChangeEventPayload;
|
|
43
|
-
waiting: WaitingEventPayload;
|
|
44
|
-
resume: ResumeEventPayload;
|
|
45
|
-
};
|
|
46
|
-
type ThumbnailStateEventMap = {
|
|
47
|
-
error: ErrorPayload;
|
|
48
|
-
waiting: WaitingEventPayload;
|
|
49
|
-
resume: ResumeEventPayload;
|
|
50
|
-
};
|
|
51
|
-
export type PlayerEventTypes = keyof PlayerStateEventMap;
|
|
52
|
-
export type ThumbnailEventTypes = keyof ThumbnailStateEventMap;
|
|
53
|
-
export type CallbackListener<T extends PlayerEventTypes> = (data: {
|
|
54
|
-
detail: PlayerStateEventMap[T];
|
|
55
|
-
}) => void;
|
|
56
|
-
type PlayerListeners = {
|
|
57
|
-
[EventType in PlayerEventTypes]: CallbackListener<EventType>[];
|
|
58
|
-
};
|
|
59
|
-
type ThumbnailListeners = {
|
|
60
|
-
[EventType in ThumbnailEventTypes]: CallbackListener<EventType>[];
|
|
61
|
-
};
|
|
62
|
-
export declare class PlayerEmitter {
|
|
63
|
-
listeners: PlayerListeners;
|
|
64
|
-
addEventListener<Q extends PlayerEventTypes>(name: Q, callback: CallbackListener<Q>): void;
|
|
65
|
-
removeEventListener<Q extends PlayerEventTypes>(name: Q, callback: CallbackListener<Q>): void;
|
|
66
|
-
private dispatchEvent;
|
|
67
|
-
dispatchSeek(frame: number): void;
|
|
68
|
-
dispatchVolumeChange(volume: number): void;
|
|
69
|
-
dispatchPause(): void;
|
|
70
|
-
dispatchPlay(): void;
|
|
71
|
-
dispatchEnded(): void;
|
|
72
|
-
dispatchRateChange(playbackRate: number): void;
|
|
73
|
-
dispatchScaleChange(scale: number): void;
|
|
74
|
-
dispatchError(error: Error): void;
|
|
75
|
-
dispatchTimeUpdate(event: TimeUpdateEventPayload): void;
|
|
76
|
-
dispatchFrameUpdate(event: FrameUpdateEventPayload): void;
|
|
77
|
-
dispatchFullscreenChange(event: FullscreenChangeEventPayload): void;
|
|
78
|
-
dispatchMuteChange(event: MuteChangeEventPayload): void;
|
|
79
|
-
dispatchWaiting(event: WaitingEventPayload): void;
|
|
80
|
-
dispatchResume(event: ResumeEventPayload): void;
|
|
81
|
-
}
|
|
82
|
-
export declare class ThumbnailEmitter {
|
|
83
|
-
listeners: ThumbnailListeners;
|
|
84
|
-
addEventListener<Q extends ThumbnailEventTypes>(name: Q, callback: CallbackListener<Q>): void;
|
|
85
|
-
removeEventListener<Q extends ThumbnailEventTypes>(name: Q, callback: CallbackListener<Q>): void;
|
|
86
|
-
private dispatchEvent;
|
|
87
|
-
dispatchError(error: Error): void;
|
|
88
|
-
dispatchWaiting(event: WaitingEventPayload): void;
|
|
89
|
-
dispatchResume(event: ResumeEventPayload): void;
|
|
90
|
-
}
|
|
91
|
-
export {};
|
package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/event-emitter.js
DELETED
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
export class PlayerEmitter {
|
|
2
|
-
constructor() {
|
|
3
|
-
this.listeners = {
|
|
4
|
-
ended: [],
|
|
5
|
-
error: [],
|
|
6
|
-
pause: [],
|
|
7
|
-
play: [],
|
|
8
|
-
ratechange: [],
|
|
9
|
-
scalechange: [],
|
|
10
|
-
seeked: [],
|
|
11
|
-
timeupdate: [],
|
|
12
|
-
frameupdate: [],
|
|
13
|
-
fullscreenchange: [],
|
|
14
|
-
volumechange: [],
|
|
15
|
-
mutechange: [],
|
|
16
|
-
waiting: [],
|
|
17
|
-
resume: [],
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
addEventListener(name, callback) {
|
|
21
|
-
this.listeners[name].push(callback);
|
|
22
|
-
}
|
|
23
|
-
removeEventListener(name, callback) {
|
|
24
|
-
this.listeners[name] = this.listeners[name].filter((l) => l !== callback);
|
|
25
|
-
}
|
|
26
|
-
dispatchEvent(dispatchName, context) {
|
|
27
|
-
this.listeners[dispatchName].forEach((callback) => {
|
|
28
|
-
callback({ detail: context });
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
dispatchSeek(frame) {
|
|
32
|
-
this.dispatchEvent('seeked', {
|
|
33
|
-
frame,
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
dispatchVolumeChange(volume) {
|
|
37
|
-
this.dispatchEvent('volumechange', {
|
|
38
|
-
volume,
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
dispatchPause() {
|
|
42
|
-
this.dispatchEvent('pause', undefined);
|
|
43
|
-
}
|
|
44
|
-
dispatchPlay() {
|
|
45
|
-
this.dispatchEvent('play', undefined);
|
|
46
|
-
}
|
|
47
|
-
dispatchEnded() {
|
|
48
|
-
this.dispatchEvent('ended', undefined);
|
|
49
|
-
}
|
|
50
|
-
dispatchRateChange(playbackRate) {
|
|
51
|
-
this.dispatchEvent('ratechange', {
|
|
52
|
-
playbackRate,
|
|
53
|
-
});
|
|
54
|
-
}
|
|
55
|
-
dispatchScaleChange(scale) {
|
|
56
|
-
this.dispatchEvent('scalechange', {
|
|
57
|
-
scale,
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
dispatchError(error) {
|
|
61
|
-
this.dispatchEvent('error', {
|
|
62
|
-
error,
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
dispatchTimeUpdate(event) {
|
|
66
|
-
this.dispatchEvent('timeupdate', event);
|
|
67
|
-
}
|
|
68
|
-
dispatchFrameUpdate(event) {
|
|
69
|
-
this.dispatchEvent('frameupdate', event);
|
|
70
|
-
}
|
|
71
|
-
dispatchFullscreenChange(event) {
|
|
72
|
-
this.dispatchEvent('fullscreenchange', event);
|
|
73
|
-
}
|
|
74
|
-
dispatchMuteChange(event) {
|
|
75
|
-
this.dispatchEvent('mutechange', event);
|
|
76
|
-
}
|
|
77
|
-
dispatchWaiting(event) {
|
|
78
|
-
this.dispatchEvent('waiting', event);
|
|
79
|
-
}
|
|
80
|
-
dispatchResume(event) {
|
|
81
|
-
this.dispatchEvent('resume', event);
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
export class ThumbnailEmitter {
|
|
85
|
-
constructor() {
|
|
86
|
-
this.listeners = {
|
|
87
|
-
error: [],
|
|
88
|
-
waiting: [],
|
|
89
|
-
resume: [],
|
|
90
|
-
};
|
|
91
|
-
}
|
|
92
|
-
addEventListener(name, callback) {
|
|
93
|
-
this.listeners[name].push(callback);
|
|
94
|
-
}
|
|
95
|
-
removeEventListener(name, callback) {
|
|
96
|
-
this.listeners[name] = this.listeners[name].filter((l) => l !== callback);
|
|
97
|
-
}
|
|
98
|
-
dispatchEvent(dispatchName, context) {
|
|
99
|
-
this.listeners[dispatchName].forEach((callback) => {
|
|
100
|
-
callback({ detail: context });
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
dispatchError(error) {
|
|
104
|
-
this.dispatchEvent('error', {
|
|
105
|
-
error,
|
|
106
|
-
});
|
|
107
|
-
}
|
|
108
|
-
dispatchWaiting(event) {
|
|
109
|
-
this.dispatchEvent('waiting', event);
|
|
110
|
-
}
|
|
111
|
-
dispatchResume(event) {
|
|
112
|
-
this.dispatchEvent('resume', event);
|
|
113
|
-
}
|
|
114
|
-
}
|
package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/format-time.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const formatTime: (timeInSeconds: number) => string;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare const ICON_SIZE = 25;
|
|
3
|
-
export declare const fullscreenIconSize = 16;
|
|
4
|
-
export declare const PlayIcon: React.FC;
|
|
5
|
-
export declare const PauseIcon: React.FC;
|
|
6
|
-
export declare const FullscreenIcon: React.FC<{
|
|
7
|
-
isFullscreen: boolean;
|
|
8
|
-
}>;
|
|
9
|
-
export declare const VolumeOffIcon: React.FC;
|
|
10
|
-
export declare const VolumeOnIcon: React.FC;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
export const ICON_SIZE = 25;
|
|
3
|
-
export const fullscreenIconSize = 16;
|
|
4
|
-
export const PlayIcon = () => {
|
|
5
|
-
return (_jsx("svg", { width: ICON_SIZE, height: ICON_SIZE, viewBox: "0 0 25 25", fill: "none", children: _jsx("path", { d: "M8 6.375C7.40904 8.17576 7.06921 10.2486 7.01438 12.3871C6.95955 14.5255 7.19163 16.6547 7.6875 18.5625C9.95364 18.2995 12.116 17.6164 14.009 16.5655C15.902 15.5147 17.4755 14.124 18.6088 12.5C17.5158 10.8949 15.9949 9.51103 14.1585 8.45082C12.3222 7.3906 10.2174 6.68116 8 6.375Z", fill: "white", stroke: "white", strokeWidth: "6.25", strokeLinejoin: "round" }) }));
|
|
6
|
-
};
|
|
7
|
-
export const PauseIcon = () => {
|
|
8
|
-
return (_jsxs("svg", { viewBox: "0 0 100 100", width: ICON_SIZE, height: ICON_SIZE, children: [_jsx("rect", { x: "25", y: "20", width: "20", height: "60", fill: "#fff", ry: "5", rx: "5" }), _jsx("rect", { x: "55", y: "20", width: "20", height: "60", fill: "#fff", ry: "5", rx: "5" })] }));
|
|
9
|
-
};
|
|
10
|
-
export const FullscreenIcon = ({ isFullscreen, }) => {
|
|
11
|
-
const strokeWidth = 6;
|
|
12
|
-
const viewSize = 32;
|
|
13
|
-
const out = isFullscreen ? 0 : strokeWidth / 2;
|
|
14
|
-
const middleInset = isFullscreen ? strokeWidth * 1.6 : strokeWidth / 2;
|
|
15
|
-
const inset = isFullscreen ? strokeWidth * 1.6 : strokeWidth * 2;
|
|
16
|
-
return (_jsxs("svg", { viewBox: `0 0 ${viewSize} ${viewSize}`, height: fullscreenIconSize, width: fullscreenIconSize, children: [_jsx("path", { d: `
|
|
17
|
-
M ${out} ${inset}
|
|
18
|
-
L ${middleInset} ${middleInset}
|
|
19
|
-
L ${inset} ${out}
|
|
20
|
-
`, stroke: "#fff", strokeWidth: strokeWidth, fill: "none" }), _jsx("path", { d: `
|
|
21
|
-
M ${viewSize - out} ${inset}
|
|
22
|
-
L ${viewSize - middleInset} ${middleInset}
|
|
23
|
-
L ${viewSize - inset} ${out}
|
|
24
|
-
`, stroke: "#fff", strokeWidth: strokeWidth, fill: "none" }), _jsx("path", { d: `
|
|
25
|
-
M ${out} ${viewSize - inset}
|
|
26
|
-
L ${middleInset} ${viewSize - middleInset}
|
|
27
|
-
L ${inset} ${viewSize - out}
|
|
28
|
-
`, stroke: "#fff", strokeWidth: strokeWidth, fill: "none" }), _jsx("path", { d: `
|
|
29
|
-
M ${viewSize - out} ${viewSize - inset}
|
|
30
|
-
L ${viewSize - middleInset} ${viewSize - middleInset}
|
|
31
|
-
L ${viewSize - inset} ${viewSize - out}
|
|
32
|
-
`, stroke: "#fff", strokeWidth: strokeWidth, fill: "none" })] }));
|
|
33
|
-
};
|
|
34
|
-
export const VolumeOffIcon = () => {
|
|
35
|
-
return (_jsx("svg", { width: ICON_SIZE, height: ICON_SIZE, viewBox: "0 0 24 24", children: _jsx("path", { d: "M3.63 3.63a.996.996 0 000 1.41L7.29 8.7 7 9H4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71v-4.17l4.18 4.18c-.49.37-1.02.68-1.6.91-.36.15-.58.53-.58.92 0 .72.73 1.18 1.39.91.8-.33 1.55-.77 2.22-1.31l1.34 1.34a.996.996 0 101.41-1.41L5.05 3.63c-.39-.39-1.02-.39-1.42 0zM19 12c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-3.83-2.4-7.11-5.78-8.4-.59-.23-1.22.23-1.22.86v.19c0 .38.25.71.61.85C17.18 6.54 19 9.06 19 12zm-8.71-6.29l-.17.17L12 7.76V6.41c0-.89-1.08-1.33-1.71-.7zM16.5 12A4.5 4.5 0 0014 7.97v1.79l2.48 2.48c.01-.08.02-.16.02-.24z", fill: "#fff" }) }));
|
|
36
|
-
};
|
|
37
|
-
export const VolumeOnIcon = () => {
|
|
38
|
-
return (_jsx("svg", { width: ICON_SIZE, height: ICON_SIZE, viewBox: "0 0 24 24", children: _jsx("path", { d: "M3 10v4c0 .55.45 1 1 1h3l3.29 3.29c.63.63 1.71.18 1.71-.71V6.41c0-.89-1.08-1.34-1.71-.71L7 9H4c-.55 0-1 .45-1 1zm13.5 2A4.5 4.5 0 0014 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 4.45v.2c0 .38.25.71.6.85C17.18 6.53 19 9.06 19 12s-1.82 5.47-4.4 6.5c-.36.14-.6.47-.6.85v.2c0 .63.63 1.07 1.21.85C18.6 19.11 21 15.84 21 12s-2.4-7.11-5.79-8.4c-.58-.23-1.21.22-1.21.85z", fill: "#fff" }) }));
|
|
39
|
-
};
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { CallbackListener, PlayerEventTypes } from './event-emitter.js';
|
|
3
|
-
import { PlayerEmitter } from './event-emitter.js';
|
|
4
|
-
export { PlayerMethods, PlayerRef, ThumbnailMethods, ThumbnailRef, } from './player-methods.js';
|
|
5
|
-
export { Player, PlayerProps } from './Player.js';
|
|
6
|
-
export type { RenderFullscreenButton, RenderPlayPauseButton, } from './PlayerControls.js';
|
|
7
|
-
export type { ErrorFallback, RenderLoading, RenderPoster } from './PlayerUI.js';
|
|
8
|
-
export { Thumbnail } from './Thumbnail.js';
|
|
9
|
-
export { Size } from './utils/use-element-size.js';
|
|
10
|
-
export type { CallbackListener, PlayerEventTypes as EventTypes };
|
|
11
|
-
export declare const PlayerInternals: {
|
|
12
|
-
PlayerEventEmitterContext: import("react").Context<PlayerEmitter | undefined>;
|
|
13
|
-
PlayerEmitter: typeof PlayerEmitter;
|
|
14
|
-
usePlayer: () => {
|
|
15
|
-
frameBack: (frames: number) => void;
|
|
16
|
-
frameForward: (frames: number) => void;
|
|
17
|
-
isLastFrame: boolean;
|
|
18
|
-
isFirstFrame: boolean;
|
|
19
|
-
emitter: PlayerEmitter;
|
|
20
|
-
playing: boolean;
|
|
21
|
-
play: (e?: import("react").SyntheticEvent<Element, Event> | undefined) => void;
|
|
22
|
-
pause: () => void;
|
|
23
|
-
pauseAndReturnToPlayStart: () => void;
|
|
24
|
-
seek: (newFrame: number) => void;
|
|
25
|
-
getCurrentFrame: () => number;
|
|
26
|
-
isPlaying: () => boolean;
|
|
27
|
-
hasPlayed: boolean;
|
|
28
|
-
isBuffering: () => boolean;
|
|
29
|
-
remotionInternal_currentFrameRef: import("react").MutableRefObject<number>;
|
|
30
|
-
};
|
|
31
|
-
usePlayback: ({ loop, playbackRate, moveToBeginningWhenEnded, inFrame, outFrame, frameRef, }: {
|
|
32
|
-
loop: boolean;
|
|
33
|
-
playbackRate: number;
|
|
34
|
-
moveToBeginningWhenEnded: boolean;
|
|
35
|
-
inFrame: number | null;
|
|
36
|
-
outFrame: number | null;
|
|
37
|
-
frameRef: import("react").MutableRefObject<number>;
|
|
38
|
-
}) => void;
|
|
39
|
-
useElementSize: (ref: import("react").RefObject<HTMLElement>, options: {
|
|
40
|
-
triggerOnWindowResize: boolean;
|
|
41
|
-
shouldApplyCssTransforms: boolean;
|
|
42
|
-
}) => import("./utils/use-element-size.js").Size | null;
|
|
43
|
-
calculateCanvasTransformation: ({ previewSize, compositionWidth, compositionHeight, canvasSize, }: {
|
|
44
|
-
previewSize: number | "auto";
|
|
45
|
-
compositionWidth: number;
|
|
46
|
-
compositionHeight: number;
|
|
47
|
-
canvasSize: import("./utils/use-element-size.js").Size;
|
|
48
|
-
}) => {
|
|
49
|
-
centerX: number;
|
|
50
|
-
centerY: number;
|
|
51
|
-
xCorrection: number;
|
|
52
|
-
yCorrection: number;
|
|
53
|
-
scale: number;
|
|
54
|
-
};
|
|
55
|
-
useHoverState: (ref: import("react").RefObject<HTMLDivElement>, hideControlsWhenPointerDoesntMove: number | boolean) => boolean;
|
|
56
|
-
updateAllElementsSizes: () => void;
|
|
57
|
-
PlayerEmitterProvider: import("react").FC<{
|
|
58
|
-
children: import("react").ReactNode;
|
|
59
|
-
currentPlaybackRate: number | null;
|
|
60
|
-
}>;
|
|
61
|
-
BufferingIndicator: import("react").FC<{
|
|
62
|
-
type: "player" | "studio";
|
|
63
|
-
}>;
|
|
64
|
-
};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { BufferingIndicator } from './BufferingIndicator.js';
|
|
2
|
-
import { calculateCanvasTransformation } from './calculate-scale.js';
|
|
3
|
-
import { PlayerEventEmitterContext } from './emitter-context.js';
|
|
4
|
-
import { PlayerEmitterProvider } from './EmitterProvider.js';
|
|
5
|
-
import { PlayerEmitter } from './event-emitter.js';
|
|
6
|
-
import { useHoverState } from './use-hover-state.js';
|
|
7
|
-
import { usePlayback } from './use-playback.js';
|
|
8
|
-
import { usePlayer } from './use-player.js';
|
|
9
|
-
import { updateAllElementsSizes, useElementSize, } from './utils/use-element-size.js';
|
|
10
|
-
export { Player } from './Player.js';
|
|
11
|
-
export { Thumbnail } from './Thumbnail.js';
|
|
12
|
-
export const PlayerInternals = {
|
|
13
|
-
PlayerEventEmitterContext,
|
|
14
|
-
PlayerEmitter,
|
|
15
|
-
usePlayer,
|
|
16
|
-
usePlayback,
|
|
17
|
-
useElementSize,
|
|
18
|
-
calculateCanvasTransformation,
|
|
19
|
-
useHoverState,
|
|
20
|
-
updateAllElementsSizes,
|
|
21
|
-
PlayerEmitterProvider,
|
|
22
|
-
BufferingIndicator,
|
|
23
|
-
};
|
package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/is-backgrounded.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { useEffect, useRef } from 'react';
|
|
2
|
-
const getIsBackgrounded = () => {
|
|
3
|
-
if (typeof document === 'undefined') {
|
|
4
|
-
return false;
|
|
5
|
-
}
|
|
6
|
-
return document.visibilityState === 'hidden';
|
|
7
|
-
};
|
|
8
|
-
export const useIsBackgrounded = () => {
|
|
9
|
-
const isBackgrounded = useRef(getIsBackgrounded());
|
|
10
|
-
useEffect(() => {
|
|
11
|
-
const onVisibilityChange = () => {
|
|
12
|
-
isBackgrounded.current = getIsBackgrounded();
|
|
13
|
-
};
|
|
14
|
-
document.addEventListener('visibilitychange', onVisibilityChange);
|
|
15
|
-
return () => {
|
|
16
|
-
document.removeEventListener('visibilitychange', onVisibilityChange);
|
|
17
|
-
};
|
|
18
|
-
}, []);
|
|
19
|
-
return isBackgrounded;
|
|
20
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const PLAYER_CSS_CLASSNAME = "__remotion-player";
|
package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/player-css-classname.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export const PLAYER_CSS_CLASSNAME = '__remotion-player';
|
package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/player-methods.d.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import type { SyntheticEvent } from 'react';
|
|
2
|
-
import type { PlayerEmitter, ThumbnailEmitter } from './event-emitter.js';
|
|
3
|
-
export type ThumbnailMethods = {
|
|
4
|
-
getContainerNode: () => HTMLDivElement | null;
|
|
5
|
-
getScale: () => number;
|
|
6
|
-
};
|
|
7
|
-
export type PlayerMethods = ThumbnailMethods & {
|
|
8
|
-
play: (e?: SyntheticEvent) => void;
|
|
9
|
-
pause: () => void;
|
|
10
|
-
toggle: (e?: SyntheticEvent) => void;
|
|
11
|
-
seekTo: (frame: number) => void;
|
|
12
|
-
getCurrentFrame: () => number;
|
|
13
|
-
requestFullscreen: () => void;
|
|
14
|
-
exitFullscreen: () => void;
|
|
15
|
-
isFullscreen: () => boolean;
|
|
16
|
-
setVolume: (num: number) => void;
|
|
17
|
-
getVolume: () => number;
|
|
18
|
-
isMuted: () => boolean;
|
|
19
|
-
isPlaying: () => boolean;
|
|
20
|
-
mute: () => void;
|
|
21
|
-
unmute: () => void;
|
|
22
|
-
pauseAndReturnToPlayStart: () => void;
|
|
23
|
-
};
|
|
24
|
-
export type ThumbnailRef = ThumbnailEmitter & ThumbnailMethods;
|
|
25
|
-
export type PlayerRef = PlayerEmitter & PlayerMethods;
|
package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/player-methods.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/test/index.test.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/test/test-utils.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { queries, RenderOptions } from '@testing-library/react';
|
|
2
|
-
import type { FC, ReactElement } from 'react';
|
|
3
|
-
declare const HelloWorld: FC;
|
|
4
|
-
declare const customRender: (ui: ReactElement, options?: Omit<RenderOptions, 'queries'>) => import("@testing-library/react").RenderResult<typeof queries, HTMLElement, HTMLElement>;
|
|
5
|
-
export * from '@testing-library/react';
|
|
6
|
-
export { customRender as render, HelloWorld };
|
package/.rollup.cache/Users/jonathanburger/remotion/packages/player/dist/esm/test/test-utils.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { render } from '@testing-library/react';
|
|
3
|
-
const HelloWorld = () => {
|
|
4
|
-
return _jsx("div", { children: "Hello World" });
|
|
5
|
-
};
|
|
6
|
-
const AllTheProviders = ({ children }) => {
|
|
7
|
-
// overwriting console.error console does not gets poluted with all the errors
|
|
8
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
9
|
-
window.console.error = () => { };
|
|
10
|
-
return _jsx("div", { children: children });
|
|
11
|
-
};
|
|
12
|
-
const customRender = (ui, options) => render(ui, { wrapper: AllTheProviders, ...options });
|
|
13
|
-
export * from '@testing-library/react';
|
|
14
|
-
export { customRender as render, HelloWorld };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|