video-react-player 0.1.0

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.
Files changed (105) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/LICENSE +23 -0
  3. package/README.md +584 -0
  4. package/dist/Manager.d.ts +36 -0
  5. package/dist/actions/player.d.ts +124 -0
  6. package/dist/actions/video.d.ts +161 -0
  7. package/dist/components/Bezel.d.ts +22 -0
  8. package/dist/components/BigPlayButton.d.ts +20 -0
  9. package/dist/components/ClickableComponent.d.ts +24 -0
  10. package/dist/components/LoadingSpinner.d.ts +11 -0
  11. package/dist/components/Player.d.ts +82 -0
  12. package/dist/components/PosterImage.d.ts +12 -0
  13. package/dist/components/Shortcut.d.ts +48 -0
  14. package/dist/components/Slider.d.ts +49 -0
  15. package/dist/components/Source.d.ts +25 -0
  16. package/dist/components/Video.d.ts +48 -0
  17. package/dist/components/control-bar/ClosedCaptionButton.d.ts +19 -0
  18. package/dist/components/control-bar/ControlBar.d.ts +17 -0
  19. package/dist/components/control-bar/DownloadButton.d.ts +17 -0
  20. package/dist/components/control-bar/ForwardControl.d.ts +13 -0
  21. package/dist/components/control-bar/ForwardReplayControl.d.ts +17 -0
  22. package/dist/components/control-bar/FullscreenToggle.d.ts +5 -0
  23. package/dist/components/control-bar/LoadProgressBar.d.ts +18 -0
  24. package/dist/components/control-bar/LoopToggle.d.ts +5 -0
  25. package/dist/components/control-bar/MouseTimeDisplay.d.ts +22 -0
  26. package/dist/components/control-bar/PictureInPictureToggle.d.ts +15 -0
  27. package/dist/components/control-bar/PlayProgressBar.d.ts +12 -0
  28. package/dist/components/control-bar/PlayToggle.d.ts +13 -0
  29. package/dist/components/control-bar/PlaybackRate.d.ts +14 -0
  30. package/dist/components/control-bar/PlaybackRateMenuButton.d.ts +17 -0
  31. package/dist/components/control-bar/ProgressControl.d.ts +16 -0
  32. package/dist/components/control-bar/QualityMenuButton.d.ts +17 -0
  33. package/dist/components/control-bar/ReplayControl.d.ts +13 -0
  34. package/dist/components/control-bar/ScreenshotButton.d.ts +14 -0
  35. package/dist/components/control-bar/SeekBar.d.ts +18 -0
  36. package/dist/components/control-bar/TheaterModeToggle.d.ts +14 -0
  37. package/dist/components/control-bar/VolumeMenuButton.d.ts +17 -0
  38. package/dist/components/menu/Menu.d.ts +15 -0
  39. package/dist/components/menu/MenuButton.d.ts +46 -0
  40. package/dist/components/menu/MenuItem.d.ts +22 -0
  41. package/dist/components/popup/Popup.d.ts +15 -0
  42. package/dist/components/popup/PopupButton.d.ts +19 -0
  43. package/dist/components/time-controls/CurrentTimeDisplay.d.ts +18 -0
  44. package/dist/components/time-controls/DurationDisplay.d.ts +12 -0
  45. package/dist/components/time-controls/RemainingTimeDisplay.d.ts +13 -0
  46. package/dist/components/time-controls/TimeDivider.d.ts +10 -0
  47. package/dist/components/volume-control/VolumeBar.d.ts +33 -0
  48. package/dist/components/volume-control/VolumeControl.d.ts +16 -0
  49. package/dist/components/volume-control/VolumeLevel.d.ts +9 -0
  50. package/dist/index.d.ts +46 -0
  51. package/dist/reducers/index.d.ts +11 -0
  52. package/dist/reducers/operation.d.ts +10 -0
  53. package/dist/reducers/player.d.ts +33 -0
  54. package/dist/types/component.d.ts +13 -0
  55. package/dist/types/player.d.ts +31 -0
  56. package/dist/utils/browser.d.ts +5 -0
  57. package/dist/utils/dom.d.ts +31 -0
  58. package/dist/utils/fullscreen.d.ts +16 -0
  59. package/dist/utils/index.d.ts +24 -0
  60. package/dist/video-react-new.cjs.js +3904 -0
  61. package/dist/video-react-new.css +1155 -0
  62. package/dist/video-react-new.d.ts +11 -0
  63. package/dist/video-react-new.es.js +3861 -0
  64. package/dist/video-react-new.full.js +4578 -0
  65. package/dist/video-react-new.full.min.js +2 -0
  66. package/dist/video-react-new.js +4283 -0
  67. package/dist/video-react-new.min.js +2 -0
  68. package/dist/video-react-player.cjs.js +3904 -0
  69. package/dist/video-react-player.css +1155 -0
  70. package/dist/video-react-player.d.ts +11 -0
  71. package/dist/video-react-player.es.js +3861 -0
  72. package/dist/video-react-player.full.js +4578 -0
  73. package/dist/video-react-player.full.min.js +2 -0
  74. package/dist/video-react-player.js +4283 -0
  75. package/dist/video-react-player.min.js +2 -0
  76. package/package.json +145 -0
  77. package/styles/fonts/video-react.eot +0 -0
  78. package/styles/fonts/video-react.svg +43 -0
  79. package/styles/fonts/video-react.ttf +0 -0
  80. package/styles/fonts/video-react.woff +0 -0
  81. package/styles/icons.json +584 -0
  82. package/styles/scss/components/bezel.scss +119 -0
  83. package/styles/scss/components/big-play-button.scss +45 -0
  84. package/styles/scss/components/button.scss +18 -0
  85. package/styles/scss/components/closed-caption.scss +13 -0
  86. package/styles/scss/components/control-bar.scss +51 -0
  87. package/styles/scss/components/control.scss +42 -0
  88. package/styles/scss/components/fullscreen.scss +13 -0
  89. package/styles/scss/components/loading-spinner.scss +105 -0
  90. package/styles/scss/components/menu/menu-inline.scss +67 -0
  91. package/styles/scss/components/menu/menu-popup.scss +27 -0
  92. package/styles/scss/components/menu/menu.scss +59 -0
  93. package/styles/scss/components/new-controls.scss +42 -0
  94. package/styles/scss/components/play-pause.scss +11 -0
  95. package/styles/scss/components/playback-rate.scss +13 -0
  96. package/styles/scss/components/poster.scss +27 -0
  97. package/styles/scss/components/progress.scss +157 -0
  98. package/styles/scss/components/slider.scss +13 -0
  99. package/styles/scss/components/time.scss +18 -0
  100. package/styles/scss/components/volume.scss +147 -0
  101. package/styles/scss/icons.scss +278 -0
  102. package/styles/scss/layout.scss +115 -0
  103. package/styles/scss/mixins.scss +117 -0
  104. package/styles/scss/variables.scss +16 -0
  105. package/styles/scss/video-react-player.scss +34 -0
@@ -0,0 +1,17 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import React from 'react';
10
+ import type { PlayerComponentProps } from '../../types/component';
11
+ interface DownloadButtonProps extends Pick<PlayerComponentProps, 'player'> {
12
+ className?: string;
13
+ filename?: string;
14
+ }
15
+ declare const DownloadButton: React.FC<DownloadButtonProps>;
16
+ export default DownloadButton;
17
+ //# sourceMappingURL=DownloadButton.d.ts.map
@@ -0,0 +1,13 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import { ForwardReplayControlProps } from './ForwardReplayControl';
10
+ declare const ForwardControl: import("react").ForwardRefExoticComponent<ForwardReplayControlProps & import("react").RefAttributes<HTMLButtonElement>>;
11
+ export default ForwardControl;
12
+ export type ForwardControlProps = ForwardReplayControlProps;
13
+ //# sourceMappingURL=ForwardControl.d.ts.map
@@ -0,0 +1,17 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import React from 'react';
10
+ import type { PlayerButtonProps } from '../../types/component';
11
+ type Mode = 'forward' | 'replay';
12
+ export interface ForwardReplayControlProps extends PlayerButtonProps {
13
+ seconds?: 5 | 10 | 30;
14
+ }
15
+ declare const createForwardReplayControl: (mode: Mode) => React.ForwardRefExoticComponent<ForwardReplayControlProps & React.RefAttributes<HTMLButtonElement>>;
16
+ export default createForwardReplayControl;
17
+ //# sourceMappingURL=ForwardReplayControl.d.ts.map
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import type { PlayerButtonProps } from '../../types/component';
3
+ declare const FullscreenToggle: React.ForwardRefExoticComponent<PlayerButtonProps & React.RefAttributes<HTMLButtonElement>>;
4
+ export default FullscreenToggle;
5
+ //# sourceMappingURL=FullscreenToggle.d.ts.map
@@ -0,0 +1,18 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import React from 'react';
10
+ interface LoadProgressBarProps {
11
+ duration: number;
12
+ buffered?: TimeRanges | null;
13
+ className?: string;
14
+ currentTime?: number;
15
+ }
16
+ declare const LoadProgressBar: React.FC<LoadProgressBarProps>;
17
+ export default LoadProgressBar;
18
+ //# sourceMappingURL=LoadProgressBar.d.ts.map
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import type { PlayerButtonProps } from '../../types/component';
3
+ declare const LoopToggle: React.ForwardRefExoticComponent<PlayerButtonProps & React.RefAttributes<HTMLButtonElement>>;
4
+ export default LoopToggle;
5
+ //# sourceMappingURL=LoopToggle.d.ts.map
@@ -0,0 +1,22 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import React from 'react';
10
+ export interface MouseTime {
11
+ time: number | null;
12
+ position: number;
13
+ }
14
+ interface MouseTimeDisplayProps {
15
+ duration: number;
16
+ mouseTime: MouseTime;
17
+ className?: string;
18
+ text?: string;
19
+ }
20
+ declare const MouseTimeDisplay: React.FC<MouseTimeDisplayProps>;
21
+ export default MouseTimeDisplay;
22
+ //# sourceMappingURL=MouseTimeDisplay.d.ts.map
@@ -0,0 +1,15 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import React from 'react';
10
+ import type { PlayerButtonProps } from '../../types/component';
11
+ interface PictureInPictureToggleProps extends PlayerButtonProps {
12
+ }
13
+ declare const PictureInPictureToggle: React.FC<PictureInPictureToggleProps>;
14
+ export default PictureInPictureToggle;
15
+ //# sourceMappingURL=PictureInPictureToggle.d.ts.map
@@ -0,0 +1,12 @@
1
+ interface PlayProgressBarProps {
2
+ currentTime: number;
3
+ duration: number;
4
+ percentage: string;
5
+ className?: string;
6
+ }
7
+ declare function PlayProgressBar({ currentTime, duration, percentage, className, }: PlayProgressBarProps): import("react/jsx-runtime").JSX.Element;
8
+ declare namespace PlayProgressBar {
9
+ var displayName: string;
10
+ }
11
+ export default PlayProgressBar;
12
+ //# sourceMappingURL=PlayProgressBar.d.ts.map
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import type { ActionCreators } from '../../Manager';
3
+ import type { PlayerState } from '../../reducers/player';
4
+ interface PlayToggleProps {
5
+ actions?: ActionCreators;
6
+ player?: PlayerState;
7
+ className?: string;
8
+ order?: number;
9
+ disabled?: boolean;
10
+ }
11
+ declare const PlayToggle: React.ForwardRefExoticComponent<PlayToggleProps & React.RefAttributes<HTMLButtonElement>>;
12
+ export default PlayToggle;
13
+ //# sourceMappingURL=PlayToggle.d.ts.map
@@ -0,0 +1,14 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import React from 'react';
10
+ import PlaybackRateMenuButton from './PlaybackRateMenuButton';
11
+ type PlaybackRateProps = React.ComponentProps<typeof PlaybackRateMenuButton>;
12
+ declare const PlaybackRate: React.FC<PlaybackRateProps>;
13
+ export default PlaybackRate;
14
+ //# sourceMappingURL=PlaybackRate.d.ts.map
@@ -0,0 +1,17 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import React from 'react';
10
+ import type { PlayerComponentProps } from '../../types/component';
11
+ interface PlaybackRateMenuButtonProps extends PlayerComponentProps {
12
+ rates?: number[];
13
+ className?: string;
14
+ }
15
+ declare const PlaybackRateMenuButton: React.FC<PlaybackRateMenuButtonProps>;
16
+ export default PlaybackRateMenuButton;
17
+ //# sourceMappingURL=PlaybackRateMenuButton.d.ts.map
@@ -0,0 +1,16 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import React from 'react';
10
+ import type { PlayerComponentProps } from '../../types/component';
11
+ interface ProgressControlProps extends PlayerComponentProps {
12
+ className?: string;
13
+ }
14
+ declare const ProgressControl: React.FC<ProgressControlProps>;
15
+ export default ProgressControl;
16
+ //# sourceMappingURL=ProgressControl.d.ts.map
@@ -0,0 +1,17 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import React from 'react';
10
+ import type { PlayerComponentProps } from '../../types/component';
11
+ interface QualityMenuButtonProps extends PlayerComponentProps {
12
+ qualities?: string[];
13
+ className?: string;
14
+ }
15
+ declare const QualityMenuButton: React.FC<QualityMenuButtonProps>;
16
+ export default QualityMenuButton;
17
+ //# sourceMappingURL=QualityMenuButton.d.ts.map
@@ -0,0 +1,13 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import { ForwardReplayControlProps } from './ForwardReplayControl';
10
+ declare const ReplayControl: import("react").ForwardRefExoticComponent<ForwardReplayControlProps & import("react").RefAttributes<HTMLButtonElement>>;
11
+ export default ReplayControl;
12
+ export type ReplayControlProps = ForwardReplayControlProps;
13
+ //# sourceMappingURL=ReplayControl.d.ts.map
@@ -0,0 +1,14 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import React from 'react';
10
+ import type { PlayerButtonProps } from '../../types/component';
11
+ type ScreenshotButtonProps = PlayerButtonProps;
12
+ declare const ScreenshotButton: React.FC<ScreenshotButtonProps>;
13
+ export default ScreenshotButton;
14
+ //# sourceMappingURL=ScreenshotButton.d.ts.map
@@ -0,0 +1,18 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import React from 'react';
10
+ import { MouseTime } from './MouseTimeDisplay';
11
+ import type { PlayerComponentProps } from '../../types/component';
12
+ interface SeekBarProps extends PlayerComponentProps {
13
+ mouseTime: MouseTime;
14
+ className?: string;
15
+ }
16
+ declare const SeekBar: React.FC<SeekBarProps>;
17
+ export default SeekBar;
18
+ //# sourceMappingURL=SeekBar.d.ts.map
@@ -0,0 +1,14 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import React from 'react';
10
+ import type { PlayerButtonProps } from '../../types/component';
11
+ type TheaterModeToggleProps = PlayerButtonProps;
12
+ declare const TheaterModeToggle: React.FC<TheaterModeToggleProps>;
13
+ export default TheaterModeToggle;
14
+ //# sourceMappingURL=TheaterModeToggle.d.ts.map
@@ -0,0 +1,17 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import React from 'react';
10
+ import type { PlayerButtonProps } from '../../types/component';
11
+ interface VolumeMenuButtonProps extends PlayerButtonProps {
12
+ vertical?: boolean;
13
+ alwaysShowVolume?: boolean;
14
+ }
15
+ declare const VolumeMenuButton: React.FC<VolumeMenuButtonProps>;
16
+ export default VolumeMenuButton;
17
+ //# sourceMappingURL=VolumeMenuButton.d.ts.map
@@ -0,0 +1,15 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import React from 'react';
10
+ interface MenuProps {
11
+ children?: React.ReactNode;
12
+ }
13
+ declare const Menu: React.FC<MenuProps>;
14
+ export default Menu;
15
+ //# sourceMappingURL=Menu.d.ts.map
@@ -0,0 +1,46 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import React, { Component } from 'react';
10
+ import { MenuItemData } from './MenuItem';
11
+ interface MenuButtonProps {
12
+ inline?: boolean;
13
+ items?: MenuItemData[];
14
+ className?: string;
15
+ onSelectItem: (index: number) => void;
16
+ children?: React.ReactNode;
17
+ selectedIndex?: number;
18
+ }
19
+ interface MenuButtonState {
20
+ active: boolean;
21
+ activateIndex: number;
22
+ }
23
+ declare class MenuButton extends Component<MenuButtonProps, MenuButtonState> {
24
+ static displayName: string;
25
+ static defaultProps: Partial<MenuButtonProps>;
26
+ state: MenuButtonState;
27
+ componentWillUnmount(): void;
28
+ componentDidUpdate(prevProps: MenuButtonProps): void;
29
+ commitSelection: (index: number) => void;
30
+ activateMenuItem: (index?: number) => void;
31
+ handleIndexChange: (index: number) => void;
32
+ handleClick: () => void;
33
+ handleFocus: () => void;
34
+ handleBlur: () => void;
35
+ handleUpArrow: (event: KeyboardEvent) => void;
36
+ handleDownArrow: (event: KeyboardEvent) => void;
37
+ handleTab: (event: KeyboardEvent) => void;
38
+ handleReturn: (event: KeyboardEvent) => void;
39
+ handleEscape: () => void;
40
+ handleKeyPress: (event: KeyboardEvent) => void;
41
+ handleSelectItem: (index: number) => void;
42
+ renderMenu(): import("react/jsx-runtime").JSX.Element;
43
+ render(): import("react/jsx-runtime").JSX.Element;
44
+ }
45
+ export default MenuButton;
46
+ //# sourceMappingURL=MenuButton.d.ts.map
@@ -0,0 +1,22 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import React from 'react';
10
+ export interface MenuItemData {
11
+ label: React.ReactNode;
12
+ value?: unknown;
13
+ }
14
+ interface MenuItemProps {
15
+ item: MenuItemData;
16
+ index: number;
17
+ activateIndex: number;
18
+ onSelectItem: (index: number) => void;
19
+ }
20
+ declare const MenuItem: React.FC<MenuItemProps>;
21
+ export default MenuItem;
22
+ //# sourceMappingURL=MenuItem.d.ts.map
@@ -0,0 +1,15 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import React from 'react';
10
+ interface PopupProps {
11
+ children?: React.ReactNode;
12
+ }
13
+ declare const Popup: React.FC<PopupProps>;
14
+ export default Popup;
15
+ //# sourceMappingURL=Popup.d.ts.map
@@ -0,0 +1,19 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import React from 'react';
10
+ import ClickableComponent from '../ClickableComponent';
11
+ type ClickableProps = React.ComponentProps<typeof ClickableComponent>;
12
+ interface PopupButtonProps extends Omit<ClickableProps, 'className' | 'children'> {
13
+ inline?: boolean;
14
+ className?: string;
15
+ children?: React.ReactNode;
16
+ }
17
+ declare const PopupButton: React.FC<PopupButtonProps>;
18
+ export default PopupButton;
19
+ //# sourceMappingURL=PopupButton.d.ts.map
@@ -0,0 +1,18 @@
1
+ import PropTypes from 'prop-types';
2
+ interface CurrentTimeDisplayProps {
3
+ player: {
4
+ currentTime: number;
5
+ duration: number;
6
+ };
7
+ className?: string;
8
+ }
9
+ declare function CurrentTimeDisplay({ player, className }: CurrentTimeDisplayProps): import("react/jsx-runtime").JSX.Element;
10
+ declare namespace CurrentTimeDisplay {
11
+ var propTypes: {
12
+ player: PropTypes.Requireable<object>;
13
+ className: PropTypes.Requireable<string>;
14
+ };
15
+ var displayName: string;
16
+ }
17
+ export default CurrentTimeDisplay;
18
+ //# sourceMappingURL=CurrentTimeDisplay.d.ts.map
@@ -0,0 +1,12 @@
1
+ export interface DurationDisplayProps {
2
+ player: {
3
+ duration: number;
4
+ };
5
+ className?: string;
6
+ }
7
+ declare function DurationDisplay({ player, className }: DurationDisplayProps): import("react/jsx-runtime").JSX.Element;
8
+ declare namespace DurationDisplay {
9
+ var displayName: string;
10
+ }
11
+ export default DurationDisplay;
12
+ //# sourceMappingURL=DurationDisplay.d.ts.map
@@ -0,0 +1,13 @@
1
+ interface RemainingTimeDisplayProps {
2
+ player: {
3
+ currentTime: number;
4
+ duration: number;
5
+ };
6
+ className?: string;
7
+ }
8
+ declare function RemainingTimeDisplay({ player: { currentTime, duration }, className, }: RemainingTimeDisplayProps): import("react/jsx-runtime").JSX.Element;
9
+ declare namespace RemainingTimeDisplay {
10
+ var displayName: string;
11
+ }
12
+ export default RemainingTimeDisplay;
13
+ //# sourceMappingURL=RemainingTimeDisplay.d.ts.map
@@ -0,0 +1,10 @@
1
+ interface TimeDividerProps {
2
+ separator?: string;
3
+ className?: string;
4
+ }
5
+ declare function TimeDivider({ separator, className, }: TimeDividerProps): import("react/jsx-runtime").JSX.Element;
6
+ declare namespace TimeDivider {
7
+ var displayName: string;
8
+ }
9
+ export default TimeDivider;
10
+ //# sourceMappingURL=TimeDivider.d.ts.map
@@ -0,0 +1,33 @@
1
+ import React, { Component } from 'react';
2
+ import Slider from '../Slider';
3
+ import type { PlayerComponentProps } from '../../types/component';
4
+ type SliderDistanceEvent = Parameters<Slider['calculateDistance']>[0];
5
+ type SliderActivateEvent = MouseEvent | TouchEvent | React.MouseEvent<Element> | React.TouchEvent<Element> | React.FocusEvent<HTMLDivElement>;
6
+ interface VolumeBarProps extends PlayerComponentProps {
7
+ className?: string;
8
+ onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
9
+ onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
10
+ vertical?: boolean;
11
+ }
12
+ interface VolumeBarState {
13
+ percentage: string;
14
+ }
15
+ declare class VolumeBar extends Component<VolumeBarProps, VolumeBarState> {
16
+ static displayName: string;
17
+ private slider;
18
+ state: VolumeBarState;
19
+ getPercent: () => number;
20
+ checkMuted: () => void;
21
+ handleMouseMove: (event: SliderDistanceEvent) => void;
22
+ stepForward: () => void;
23
+ stepBack: () => void;
24
+ handleFocus: (event: React.FocusEvent<HTMLDivElement>) => void;
25
+ handleBlur: (event: React.FocusEvent<HTMLDivElement>) => void;
26
+ handleSliderActivate: (event: SliderActivateEvent) => void;
27
+ handleSliderDeactivate: (event: SliderActivateEvent) => void;
28
+ handlePercentageChange: (percentage: string) => void;
29
+ handleClick: (event: React.MouseEvent<HTMLDivElement>) => void;
30
+ render(): import("react/jsx-runtime").JSX.Element;
31
+ }
32
+ export default VolumeBar;
33
+ //# sourceMappingURL=VolumeBar.d.ts.map
@@ -0,0 +1,16 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import React from 'react';
10
+ import VolumeBar from './VolumeBar';
11
+ type VolumeControlProps = React.ComponentProps<typeof VolumeBar> & {
12
+ className?: string;
13
+ };
14
+ declare const VolumeControl: React.FC<VolumeControlProps>;
15
+ export default VolumeControl;
16
+ //# sourceMappingURL=VolumeControl.d.ts.map
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ interface VolumeLevelProps {
3
+ percentage?: string;
4
+ vertical?: boolean;
5
+ className?: string;
6
+ }
7
+ declare const VolumeLevel: React.FC<VolumeLevelProps>;
8
+ export default VolumeLevel;
9
+ //# sourceMappingURL=VolumeLevel.d.ts.map
@@ -0,0 +1,46 @@
1
+ /**
2
+
3
+ * Copyright (c) 2016 Video-React contributors
4
+ * Copyright (c) 2025 ZingMe.Vn
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ import Player from './components/Player';
10
+ import Video from './components/Video';
11
+ import BigPlayButton from './components/BigPlayButton';
12
+ import LoadingSpinner from './components/LoadingSpinner';
13
+ import PosterImage from './components/PosterImage';
14
+ import Slider from './components/Slider';
15
+ import Bezel from './components/Bezel';
16
+ import Shortcut from './components/Shortcut';
17
+ import ControlBar from './components/control-bar/ControlBar';
18
+ import PlayToggle from './components/control-bar/PlayToggle';
19
+ import ForwardControl from './components/control-bar/ForwardControl';
20
+ import ReplayControl from './components/control-bar/ReplayControl';
21
+ import FullscreenToggle from './components/control-bar/FullscreenToggle';
22
+ import ProgressControl from './components/control-bar/ProgressControl';
23
+ import SeekBar from './components/control-bar/SeekBar';
24
+ import PlayProgressBar from './components/control-bar/PlayProgressBar';
25
+ import LoadProgressBar from './components/control-bar/LoadProgressBar';
26
+ import MouseTimeDisplay from './components/control-bar/MouseTimeDisplay';
27
+ import VolumeMenuButton from './components/control-bar/VolumeMenuButton';
28
+ import PlaybackRateMenuButton from './components/control-bar/PlaybackRateMenuButton';
29
+ import PlaybackRate from './components/control-bar/PlaybackRate';
30
+ import ClosedCaptionButton from './components/control-bar/ClosedCaptionButton';
31
+ import PictureInPictureToggle from './components/control-bar/PictureInPictureToggle';
32
+ import LoopToggle from './components/control-bar/LoopToggle';
33
+ import TheaterModeToggle from './components/control-bar/TheaterModeToggle';
34
+ import DownloadButton from './components/control-bar/DownloadButton';
35
+ import ScreenshotButton from './components/control-bar/ScreenshotButton';
36
+ import QualityMenuButton from './components/control-bar/QualityMenuButton';
37
+ import RemainingTimeDisplay from './components/time-controls/RemainingTimeDisplay';
38
+ import CurrentTimeDisplay from './components/time-controls/CurrentTimeDisplay';
39
+ import DurationDisplay from './components/time-controls/DurationDisplay';
40
+ import TimeDivider from './components/time-controls/TimeDivider';
41
+ import MenuButton from './components/menu/MenuButton';
42
+ import * as playerActions from './actions/player';
43
+ import * as videoActions from './actions/video';
44
+ import { playerReducer, operationReducer } from './reducers';
45
+ export { Player, Video, BigPlayButton, LoadingSpinner, PosterImage, Bezel, Shortcut, ControlBar, PlayToggle, ForwardControl, ReplayControl, FullscreenToggle, ProgressControl, SeekBar, Slider, PlayProgressBar, LoadProgressBar, MouseTimeDisplay, RemainingTimeDisplay, CurrentTimeDisplay, DurationDisplay, TimeDivider, VolumeMenuButton, PlaybackRateMenuButton, ClosedCaptionButton, PlaybackRate, PictureInPictureToggle, LoopToggle, TheaterModeToggle, DownloadButton, ScreenshotButton, QualityMenuButton, MenuButton, playerActions, videoActions, playerReducer, operationReducer, };
46
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,11 @@
1
+ import { AnyAction } from 'redux';
2
+ import player, { PlayerState } from './player';
3
+ import operation, { OperationState } from './operation';
4
+ export interface RootState {
5
+ player: PlayerState;
6
+ operation: OperationState;
7
+ }
8
+ export default function reducer(state: Partial<RootState> | undefined, action: AnyAction): RootState;
9
+ export declare const playerReducer: typeof player;
10
+ export declare const operationReducer: typeof operation;
11
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1,10 @@
1
+ import { AnyAction } from 'redux';
2
+ export interface OperationState {
3
+ count: number;
4
+ operation: {
5
+ action: string;
6
+ source: string;
7
+ };
8
+ }
9
+ export default function operation(state: OperationState, action: AnyAction): OperationState;
10
+ //# sourceMappingURL=operation.d.ts.map