@revideo/player-react 0.4.7-four.1027 → 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.
@@ -1,8 +1,14 @@
1
- export declare function Controls({ duration, playing, setPlaying, currentTime, setForcedTime, }: {
2
- duration: number;
3
- playing: boolean;
4
- setPlaying: (playing: boolean) => void;
5
- currentTime: number;
6
- setForcedTime: (currentTime: number) => void;
7
- }): import("react/jsx-runtime").JSX.Element;
8
- //# sourceMappingURL=controls.d.ts.map
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 { 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", { className: "p-p-1 p-z-20", onClick: () => setPlaying(!playing), children: playing ? _jsx(PauseButton, {}) : _jsx(PlayButton, {}) }));
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({ currentTime, duration, setCurrentTime, }) {
8
- const progressPercentage = (currentTime / duration) * 100;
9
- return (_jsxs("div", { className: "p-relative p-flex-1 p-w-full p-h-1.5 p-bg-gray-300 p-rounded-full p-overflow-hidden", children: [_jsx("div", { className: "p-absolute p-top-0 p-left-0 p-h-full p-bg-gray-100", style: { width: `${progressPercentage}%` } }), _jsx("input", { type: "range", value: currentTime, min: 0, max: duration, step: 0.01, className: "p-absolute p-top-0 p-left-0 p-w-full p-h-full p-opacity-0 p-cursor-pointer", onChange: event => setCurrentTime(Number(event.target.value)) })] }));
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({ duration, playing, setPlaying, currentTime, setForcedTime, }) {
12
- return (_jsxs("div", { className: "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", children: [_jsxs("div", { className: "p-flex p-space-x-3 p-items-center", children: [_jsx(PlayPause, { playing: playing, setPlaying: setPlaying }), _jsx("span", { children: getFormattedTime(currentTime, duration) })] }), _jsx(Timeline, { currentTime: currentTime, duration: duration, setCurrentTime: setForcedTime })] }));
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("react/jsx-runtime").JSX.Element;
2
- export declare function PauseButton(): import("react/jsx-runtime").JSX.Element;
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 { jsx as _jsx } from "react/jsx-runtime";
1
+ import {jsx as _jsx} from 'react/jsx-runtime';
2
2
  export function PlayButton() {
3
- return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "p-w-6 p-h-6", children: _jsx("path", { fillRule: "evenodd", 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", clipRule: "evenodd" }) }));
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
- return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "p-w-6 p-h-6", children: _jsx("path", { fillRule: "evenodd", 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", clipRule: "evenodd" }) }));
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,37 +1,49 @@
1
- import { ComponentProps } from 'react';
2
- import './player-wrapper.css';
1
+ import {ComponentProps} from 'react';
3
2
  import './styles.css';
4
3
  interface RevideoPlayerProps {
5
- src: `${string}/`;
6
- playing?: string;
7
- variables?: string;
8
- looping?: string;
9
- width?: number;
10
- height?: number;
11
- quality?: number;
12
- fps?: number;
4
+ src: `${string}/`;
5
+ playing?: string;
6
+ variables?: string;
7
+ looping?: string;
8
+ width?: number;
9
+ height?: number;
10
+ quality?: number;
11
+ fps?: number;
13
12
  }
14
13
  declare global {
15
- namespace JSX {
16
- interface IntrinsicElements {
17
- 'revideo-player': RevideoPlayerProps & ComponentProps<'div'>;
18
- }
14
+ namespace JSX {
15
+ interface IntrinsicElements {
16
+ 'revideo-player': RevideoPlayerProps & ComponentProps<'div'>;
19
17
  }
18
+ }
20
19
  }
21
20
  interface PlayerProps {
22
- src: `${string}/`;
23
- controls?: boolean;
24
- variables?: Record<string, any>;
25
- playing?: boolean;
26
- currentTime?: number;
27
- looping?: boolean;
28
- fps?: number;
29
- width?: number;
30
- height?: number;
31
- quality?: number;
32
- onDurationChange?: (duration: number) => void;
33
- onTimeUpdate?: (currentTime: number) => void;
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;
34
33
  }
35
- export declare function Player({ src, controls, variables, playing, currentTime, looping, fps, width, height, quality, onDurationChange, onTimeUpdate, }: PlayerProps): import("react/jsx-runtime").JSX.Element;
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;
36
48
  export {};
37
- //# sourceMappingURL=index.d.ts.map
49
+ //# sourceMappingURL=index.d.ts.map
@@ -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,sBAAsB,CAAC;AAC9B,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"}
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,82 +1,136 @@
1
1
  'use client';
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { useEffect, useRef, useState } from 'react';
4
- import { Controls } from './controls';
5
- import './player-wrapper.css';
2
+ import {useEffect, useRef, useState} from 'react';
3
+ import {jsx as _jsx, jsxs as _jsxs} from 'react/jsx-runtime';
4
+ import {Controls} from './controls';
6
5
  import './styles.css';
7
- import { shouldShowControls } from './utils';
8
- export function Player({ src, controls = true, variables = {}, playing = false, currentTime = 0, looping = true, fps = 30, width = undefined, height = undefined, quality = undefined, onDurationChange = () => { }, onTimeUpdate = () => { }, }) {
9
- const [playingState, setPlaying] = useState(playing);
10
- const [isMouseOver, setIsMouseOver] = useState(false);
11
- const [currentTimeState, setCurrentTime] = useState(currentTime);
12
- const [forcedTime, setForcedTime] = useState(0);
13
- const [duration, setDuration] = useState(-1);
14
- const focus = useRef(false);
15
- const playerRef = useRef(null);
16
- /**
17
- * Sync the playing prop with the player's own state when it changes.
18
- */
19
- useEffect(() => {
20
- setPlaying(playing);
21
- }, [playing]);
22
- /**
23
- * Sync the current time with the player's own state.
24
- */
25
- useEffect(() => {
26
- const diff = Math.abs(currentTime - currentTimeState);
27
- if (diff > 0.05) {
28
- setForcedTime(currentTime);
29
- }
30
- }, [currentTime]);
31
- /**
32
- * Receives the current time of the video from the player.
33
- */
34
- const handleTimeUpdate = (event) => {
35
- const e = event;
36
- setCurrentTime(e.detail);
37
- onTimeUpdate(e.detail);
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);
38
80
  };
39
- /**
40
- * Receives the duration of the video from the player.
41
- */
42
- const handleDurationUpdate = (event) => {
43
- const e = event;
44
- setDuration(e.detail);
45
- onDurationChange(e.detail);
46
- };
47
- /**
48
- * Play and pause using the space key.
49
- */
50
- const handleKeyDown = (event) => {
51
- if (event.code === 'Space' && focus.current) {
52
- event.preventDefault();
53
- setPlaying(prev => !prev);
54
- }
55
- };
56
- /**
57
- * Import the player and add all event listeners.
58
- */
59
- useEffect(() => {
60
- import('./internal');
61
- playerRef.current?.addEventListener('timeupdate', handleTimeUpdate);
62
- playerRef.current?.addEventListener('duration', handleDurationUpdate);
63
- document.addEventListener('keydown', handleKeyDown);
64
- return () => {
65
- playerRef.current?.removeEventListener('timeupdate', handleTimeUpdate);
66
- playerRef.current?.removeEventListener('duration', handleDurationUpdate);
67
- document.removeEventListener('keydown', handleKeyDown);
68
- };
69
- }, []);
70
- /**
71
- * When the forced time changes, seek to that time.
72
- */
73
- useEffect(() => {
74
- if (playerRef.current) {
75
- playerRef.current.dispatchEvent(new CustomEvent('seekto', { detail: forcedTime }));
76
- }
77
- }, [forcedTime]);
78
- return (_jsx("div", { className: "revideo-player-wrapper", style: { display: 'contents' }, children: _jsx("div", { className: "p-relative p-cursor-default p-focus:outline-none", onFocus: () => (focus.current = true), onBlur: () => (focus.current = false), tabIndex: 0, onMouseEnter: () => setIsMouseOver(true), onMouseLeave: () => setIsMouseOver(false), children: _jsxs("div", { className: "p-relative", children: [_jsx("revideo-player", { ref: playerRef, src: src, playing: String(playingState), onClick: () => setPlaying(prev => !prev), variables: JSON.stringify(variables), looping: looping ? 'true' : 'false', width: width, height: height, quality: quality, fps: fps }), _jsx("div", { className: `p-absolute p-bottom-0 p-w-full p-transition-opacity p-duration-200 ${shouldShowControls(playingState, isMouseOver, !controls)
79
- ? 'p-opacity-100'
80
- : 'p-opacity-0'}`, children: _jsx(Controls, { duration: duration, playing: playingState, setPlaying: setPlaying, currentTime: currentTimeState, setForcedTime: setForcedTime }) })] }) }) }));
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
+ });
81
135
  }
82
- //# 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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"}
@@ -1,2 +1,2 @@
1
1
  export {};
2
- //# sourceMappingURL=internal.d.ts.map
2
+ //# sourceMappingURL=internal.d.ts.map