@revideo/player-react 0.4.7-five.1022 → 0.4.7-one.1023
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/controls.d.ts +14 -8
- package/dist/controls.js +57 -11
- package/dist/icons.d.ts +3 -3
- package/dist/icons.js +24 -4
- package/dist/index.d.ts +40 -27
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +132 -77
- package/dist/index.js.map +1 -1
- package/dist/internal.d.ts +1 -1
- package/dist/internal.js +206 -206
- package/dist/player-wrapper.css +4 -1
- package/dist/styles.css +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/utils.d.ts +10 -3
- package/dist/utils.js +13 -13
- package/package.json +3 -3
package/dist/controls.d.ts
CHANGED
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
export declare function Controls({
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
8
|
-
|
|
1
|
+
export declare function Controls({
|
|
2
|
+
duration,
|
|
3
|
+
playing,
|
|
4
|
+
setPlaying,
|
|
5
|
+
currentTime,
|
|
6
|
+
setForcedTime,
|
|
7
|
+
}: {
|
|
8
|
+
duration: number;
|
|
9
|
+
playing: boolean;
|
|
10
|
+
setPlaying: (playing: boolean) => void;
|
|
11
|
+
currentTime: number;
|
|
12
|
+
setForcedTime: (currentTime: number) => void;
|
|
13
|
+
}): import('react/jsx-runtime').JSX.Element;
|
|
14
|
+
//# sourceMappingURL=controls.d.ts.map
|
package/dist/controls.js
CHANGED
|
@@ -1,14 +1,60 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
function PlayPause({
|
|
5
|
-
|
|
1
|
+
import {jsx as _jsx, jsxs as _jsxs} from 'react/jsx-runtime';
|
|
2
|
+
import {PauseButton, PlayButton} from './icons';
|
|
3
|
+
import {getFormattedTime} from './utils';
|
|
4
|
+
function PlayPause({playing, setPlaying}) {
|
|
5
|
+
return _jsx('button', {
|
|
6
|
+
className: 'p-p-1 p-z-20',
|
|
7
|
+
onClick: () => setPlaying(!playing),
|
|
8
|
+
children: playing ? _jsx(PauseButton, {}) : _jsx(PlayButton, {}),
|
|
9
|
+
});
|
|
6
10
|
}
|
|
7
|
-
function Timeline({
|
|
8
|
-
|
|
9
|
-
|
|
11
|
+
function Timeline({currentTime, duration, setCurrentTime}) {
|
|
12
|
+
const progressPercentage = (currentTime / duration) * 100;
|
|
13
|
+
return _jsxs('div', {
|
|
14
|
+
className:
|
|
15
|
+
'p-relative p-flex-1 p-w-full p-h-1.5 p-bg-gray-300 p-rounded-full p-overflow-hidden',
|
|
16
|
+
children: [
|
|
17
|
+
_jsx('div', {
|
|
18
|
+
className: 'p-absolute p-top-0 p-left-0 p-h-full p-bg-gray-100',
|
|
19
|
+
style: {width: `${progressPercentage}%`},
|
|
20
|
+
}),
|
|
21
|
+
_jsx('input', {
|
|
22
|
+
type: 'range',
|
|
23
|
+
value: currentTime,
|
|
24
|
+
min: 0,
|
|
25
|
+
max: duration,
|
|
26
|
+
step: 0.01,
|
|
27
|
+
className:
|
|
28
|
+
'p-absolute p-top-0 p-left-0 p-w-full p-h-full p-opacity-0 p-cursor-pointer',
|
|
29
|
+
onChange: event => setCurrentTime(Number(event.target.value)),
|
|
30
|
+
}),
|
|
31
|
+
],
|
|
32
|
+
});
|
|
10
33
|
}
|
|
11
|
-
export function Controls({
|
|
12
|
-
|
|
34
|
+
export function Controls({
|
|
35
|
+
duration,
|
|
36
|
+
playing,
|
|
37
|
+
setPlaying,
|
|
38
|
+
currentTime,
|
|
39
|
+
setForcedTime,
|
|
40
|
+
}) {
|
|
41
|
+
return _jsxs('div', {
|
|
42
|
+
className:
|
|
43
|
+
'p-text-white p-p-4 p-flex-col p-space-y-2 p-bg-gradient-to-t p-from-gray-500 p-to-transparent',
|
|
44
|
+
children: [
|
|
45
|
+
_jsxs('div', {
|
|
46
|
+
className: 'p-flex p-space-x-3 p-items-center',
|
|
47
|
+
children: [
|
|
48
|
+
_jsx(PlayPause, {playing: playing, setPlaying: setPlaying}),
|
|
49
|
+
_jsx('span', {children: getFormattedTime(currentTime, duration)}),
|
|
50
|
+
],
|
|
51
|
+
}),
|
|
52
|
+
_jsx(Timeline, {
|
|
53
|
+
currentTime: currentTime,
|
|
54
|
+
duration: duration,
|
|
55
|
+
setCurrentTime: setForcedTime,
|
|
56
|
+
}),
|
|
57
|
+
],
|
|
58
|
+
});
|
|
13
59
|
}
|
|
14
|
-
//# sourceMappingURL=controls.js.map
|
|
60
|
+
//# sourceMappingURL=controls.js.map
|
package/dist/icons.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare function PlayButton(): import(
|
|
2
|
-
export declare function PauseButton(): import(
|
|
3
|
-
//# sourceMappingURL=icons.d.ts.map
|
|
1
|
+
export declare function PlayButton(): import('react/jsx-runtime').JSX.Element;
|
|
2
|
+
export declare function PauseButton(): import('react/jsx-runtime').JSX.Element;
|
|
3
|
+
//# sourceMappingURL=icons.d.ts.map
|
package/dist/icons.js
CHANGED
|
@@ -1,8 +1,28 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {jsx as _jsx} from 'react/jsx-runtime';
|
|
2
2
|
export function PlayButton() {
|
|
3
|
-
|
|
3
|
+
return _jsx('svg', {
|
|
4
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
5
|
+
viewBox: '0 0 24 24',
|
|
6
|
+
fill: 'currentColor',
|
|
7
|
+
className: 'p-w-6 p-h-6',
|
|
8
|
+
children: _jsx('path', {
|
|
9
|
+
fillRule: 'evenodd',
|
|
10
|
+
d: 'M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z',
|
|
11
|
+
clipRule: 'evenodd',
|
|
12
|
+
}),
|
|
13
|
+
});
|
|
4
14
|
}
|
|
5
15
|
export function PauseButton() {
|
|
6
|
-
|
|
16
|
+
return _jsx('svg', {
|
|
17
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
18
|
+
viewBox: '0 0 24 24',
|
|
19
|
+
fill: 'currentColor',
|
|
20
|
+
className: 'p-w-6 p-h-6',
|
|
21
|
+
children: _jsx('path', {
|
|
22
|
+
fillRule: 'evenodd',
|
|
23
|
+
d: 'M6.75 5.25a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75V5.25Zm7.5 0A.75.75 0 0 1 15 4.5h1.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75V5.25Z',
|
|
24
|
+
clipRule: 'evenodd',
|
|
25
|
+
}),
|
|
26
|
+
});
|
|
7
27
|
}
|
|
8
|
-
//# sourceMappingURL=icons.js.map
|
|
28
|
+
//# sourceMappingURL=icons.js.map
|
package/dist/index.d.ts
CHANGED
|
@@ -1,36 +1,49 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {ComponentProps} from 'react';
|
|
2
2
|
import './styles.css';
|
|
3
3
|
interface RevideoPlayerProps {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
4
|
+
src: `${string}/`;
|
|
5
|
+
playing?: string;
|
|
6
|
+
variables?: string;
|
|
7
|
+
looping?: string;
|
|
8
|
+
width?: number;
|
|
9
|
+
height?: number;
|
|
10
|
+
quality?: number;
|
|
11
|
+
fps?: number;
|
|
12
12
|
}
|
|
13
13
|
declare global {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
14
|
+
namespace JSX {
|
|
15
|
+
interface IntrinsicElements {
|
|
16
|
+
'revideo-player': RevideoPlayerProps & ComponentProps<'div'>;
|
|
18
17
|
}
|
|
18
|
+
}
|
|
19
19
|
}
|
|
20
20
|
interface PlayerProps {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
21
|
+
src: `${string}/`;
|
|
22
|
+
controls?: boolean;
|
|
23
|
+
variables?: Record<string, any>;
|
|
24
|
+
playing?: boolean;
|
|
25
|
+
currentTime?: number;
|
|
26
|
+
looping?: boolean;
|
|
27
|
+
fps?: number;
|
|
28
|
+
width?: number;
|
|
29
|
+
height?: number;
|
|
30
|
+
quality?: number;
|
|
31
|
+
onDurationChange?: (duration: number) => void;
|
|
32
|
+
onTimeUpdate?: (currentTime: number) => void;
|
|
33
33
|
}
|
|
34
|
-
export declare function Player({
|
|
34
|
+
export declare function Player({
|
|
35
|
+
src,
|
|
36
|
+
controls,
|
|
37
|
+
variables,
|
|
38
|
+
playing,
|
|
39
|
+
currentTime,
|
|
40
|
+
looping,
|
|
41
|
+
fps,
|
|
42
|
+
width,
|
|
43
|
+
height,
|
|
44
|
+
quality,
|
|
45
|
+
onDurationChange,
|
|
46
|
+
onTimeUpdate,
|
|
47
|
+
}: PlayerProps): import('react/jsx-runtime').JSX.Element;
|
|
35
48
|
export {};
|
|
36
|
-
//# sourceMappingURL=index.d.ts.map
|
|
49
|
+
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,EAA8B,MAAM,OAAO,CAAC;AAElE,OAAO,cAAc,CAAC;AAGtB,UAAU,kBAAkB;IAC1B,GAAG,EAAE,GAAG,MAAM,GAAG,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YAEzB,gBAAgB,EAAE,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;SAC9D;KACF;CACF;AAED,UAAU,WAAW;IACnB,GAAG,EAAE,GAAG,MAAM,GAAG,CAAC;IAElB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,MAAM,CAAC,EACrB,GAAG,EAEH,QAAe,EACf,SAAc,EACd,OAAe,EACf,WAAe,EACf,OAAc,EACd,GAAQ,EAER,KAAiB,EACjB,MAAkB,EAClB,OAAmB,EAEnB,gBAA2B,EAC3B,YAAuB,GACxB,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,cAAc,EAA8B,MAAM,OAAO,CAAC;AAElE,OAAO,cAAc,CAAC;AAGtB,UAAU,kBAAkB;IAC1B,GAAG,EAAE,GAAG,MAAM,GAAG,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YAEzB,gBAAgB,EAAE,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;SAC9D;KACF;CACF;AAED,UAAU,WAAW;IACnB,GAAG,EAAE,GAAG,MAAM,GAAG,CAAC;IAElB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,MAAM,CAAC,EACrB,GAAG,EAEH,QAAe,EACf,SAAc,EACd,OAAe,EACf,WAAe,EACf,OAAc,EACd,GAAQ,EAER,KAAiB,EACjB,MAAkB,EAClB,OAAmB,EAEnB,gBAA2B,EAC3B,YAAuB,GACxB,EAAE,WAAW,2CA6Hb"}
|
package/dist/index.js
CHANGED
|
@@ -1,81 +1,136 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
import {useEffect, useRef, useState} from 'react';
|
|
3
|
+
import {jsx as _jsx, jsxs as _jsxs} from 'react/jsx-runtime';
|
|
4
|
+
import {Controls} from './controls';
|
|
5
5
|
import './styles.css';
|
|
6
|
-
import {
|
|
7
|
-
export function Player({
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
6
|
+
import {shouldShowControls} from './utils';
|
|
7
|
+
export function Player({
|
|
8
|
+
src,
|
|
9
|
+
controls = true,
|
|
10
|
+
variables = {},
|
|
11
|
+
playing = false,
|
|
12
|
+
currentTime = 0,
|
|
13
|
+
looping = true,
|
|
14
|
+
fps = 30,
|
|
15
|
+
width = undefined,
|
|
16
|
+
height = undefined,
|
|
17
|
+
quality = undefined,
|
|
18
|
+
onDurationChange = () => {},
|
|
19
|
+
onTimeUpdate = () => {},
|
|
20
|
+
}) {
|
|
21
|
+
const [playingState, setPlaying] = useState(playing);
|
|
22
|
+
const [isMouseOver, setIsMouseOver] = useState(false);
|
|
23
|
+
const [currentTimeState, setCurrentTime] = useState(currentTime);
|
|
24
|
+
const [forcedTime, setForcedTime] = useState(0);
|
|
25
|
+
const [duration, setDuration] = useState(-1);
|
|
26
|
+
const focus = useRef(false);
|
|
27
|
+
const playerRef = useRef(null);
|
|
28
|
+
/**
|
|
29
|
+
* Sync the playing prop with the player's own state when it changes.
|
|
30
|
+
*/
|
|
31
|
+
useEffect(() => {
|
|
32
|
+
setPlaying(playing);
|
|
33
|
+
}, [playing]);
|
|
34
|
+
/**
|
|
35
|
+
* Sync the current time with the player's own state.
|
|
36
|
+
*/
|
|
37
|
+
useEffect(() => {
|
|
38
|
+
const diff = Math.abs(currentTime - currentTimeState);
|
|
39
|
+
if (diff > 0.05) {
|
|
40
|
+
setForcedTime(currentTime);
|
|
41
|
+
}
|
|
42
|
+
}, [currentTime]);
|
|
43
|
+
/**
|
|
44
|
+
* Receives the current time of the video from the player.
|
|
45
|
+
*/
|
|
46
|
+
const handleTimeUpdate = event => {
|
|
47
|
+
const e = event;
|
|
48
|
+
setCurrentTime(e.detail);
|
|
49
|
+
onTimeUpdate(e.detail);
|
|
50
|
+
};
|
|
51
|
+
/**
|
|
52
|
+
* Receives the duration of the video from the player.
|
|
53
|
+
*/
|
|
54
|
+
const handleDurationUpdate = event => {
|
|
55
|
+
const e = event;
|
|
56
|
+
setDuration(e.detail);
|
|
57
|
+
onDurationChange(e.detail);
|
|
58
|
+
};
|
|
59
|
+
/**
|
|
60
|
+
* Play and pause using the space key.
|
|
61
|
+
*/
|
|
62
|
+
const handleKeyDown = event => {
|
|
63
|
+
if (event.code === 'Space' && focus.current) {
|
|
64
|
+
event.preventDefault();
|
|
65
|
+
setPlaying(prev => !prev);
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
/**
|
|
69
|
+
* Import the player and add all event listeners.
|
|
70
|
+
*/
|
|
71
|
+
useEffect(() => {
|
|
72
|
+
import('./internal');
|
|
73
|
+
playerRef.current?.addEventListener('timeupdate', handleTimeUpdate);
|
|
74
|
+
playerRef.current?.addEventListener('duration', handleDurationUpdate);
|
|
75
|
+
document.addEventListener('keydown', handleKeyDown);
|
|
76
|
+
return () => {
|
|
77
|
+
playerRef.current?.removeEventListener('timeupdate', handleTimeUpdate);
|
|
78
|
+
playerRef.current?.removeEventListener('duration', handleDurationUpdate);
|
|
79
|
+
document.removeEventListener('keydown', handleKeyDown);
|
|
37
80
|
};
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
81
|
+
}, []);
|
|
82
|
+
/**
|
|
83
|
+
* When the forced time changes, seek to that time.
|
|
84
|
+
*/
|
|
85
|
+
useEffect(() => {
|
|
86
|
+
if (playerRef.current) {
|
|
87
|
+
playerRef.current.dispatchEvent(
|
|
88
|
+
new CustomEvent('seekto', {detail: forcedTime}),
|
|
89
|
+
);
|
|
90
|
+
}
|
|
91
|
+
}, [forcedTime]);
|
|
92
|
+
return _jsx('div', {
|
|
93
|
+
'data-player': 'true',
|
|
94
|
+
style: {display: 'contents'},
|
|
95
|
+
children: _jsx('div', {
|
|
96
|
+
className: 'p-relative p-cursor-default p-focus:outline-none',
|
|
97
|
+
onFocus: () => (focus.current = true),
|
|
98
|
+
onBlur: () => (focus.current = false),
|
|
99
|
+
tabIndex: 0,
|
|
100
|
+
onMouseEnter: () => setIsMouseOver(true),
|
|
101
|
+
onMouseLeave: () => setIsMouseOver(false),
|
|
102
|
+
children: _jsxs('div', {
|
|
103
|
+
className: 'p-relative',
|
|
104
|
+
children: [
|
|
105
|
+
_jsx('revideo-player', {
|
|
106
|
+
ref: playerRef,
|
|
107
|
+
src: src,
|
|
108
|
+
playing: String(playingState),
|
|
109
|
+
onClick: () => setPlaying(prev => !prev),
|
|
110
|
+
variables: JSON.stringify(variables),
|
|
111
|
+
looping: looping ? 'true' : 'false',
|
|
112
|
+
width: width,
|
|
113
|
+
height: height,
|
|
114
|
+
quality: quality,
|
|
115
|
+
fps: fps,
|
|
116
|
+
}),
|
|
117
|
+
_jsx('div', {
|
|
118
|
+
className: `p-absolute p-bottom-0 p-w-full p-transition-opacity p-duration-200 ${
|
|
119
|
+
shouldShowControls(playingState, isMouseOver, !controls)
|
|
120
|
+
? 'p-opacity-100'
|
|
121
|
+
: 'p-opacity-0'
|
|
122
|
+
}`,
|
|
123
|
+
children: _jsx(Controls, {
|
|
124
|
+
duration: duration,
|
|
125
|
+
playing: playingState,
|
|
126
|
+
setPlaying: setPlaying,
|
|
127
|
+
currentTime: currentTimeState,
|
|
128
|
+
setForcedTime: setForcedTime,
|
|
129
|
+
}),
|
|
130
|
+
}),
|
|
131
|
+
],
|
|
132
|
+
}),
|
|
133
|
+
}),
|
|
134
|
+
});
|
|
80
135
|
}
|
|
81
|
-
//# sourceMappingURL=index.js.map
|
|
136
|
+
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/internal.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=internal.d.ts.map
|
|
2
|
+
//# sourceMappingURL=internal.d.ts.map
|