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.
- package/CHANGELOG.md +27 -0
- package/LICENSE +23 -0
- package/README.md +584 -0
- package/dist/Manager.d.ts +36 -0
- package/dist/actions/player.d.ts +124 -0
- package/dist/actions/video.d.ts +161 -0
- package/dist/components/Bezel.d.ts +22 -0
- package/dist/components/BigPlayButton.d.ts +20 -0
- package/dist/components/ClickableComponent.d.ts +24 -0
- package/dist/components/LoadingSpinner.d.ts +11 -0
- package/dist/components/Player.d.ts +82 -0
- package/dist/components/PosterImage.d.ts +12 -0
- package/dist/components/Shortcut.d.ts +48 -0
- package/dist/components/Slider.d.ts +49 -0
- package/dist/components/Source.d.ts +25 -0
- package/dist/components/Video.d.ts +48 -0
- package/dist/components/control-bar/ClosedCaptionButton.d.ts +19 -0
- package/dist/components/control-bar/ControlBar.d.ts +17 -0
- package/dist/components/control-bar/DownloadButton.d.ts +17 -0
- package/dist/components/control-bar/ForwardControl.d.ts +13 -0
- package/dist/components/control-bar/ForwardReplayControl.d.ts +17 -0
- package/dist/components/control-bar/FullscreenToggle.d.ts +5 -0
- package/dist/components/control-bar/LoadProgressBar.d.ts +18 -0
- package/dist/components/control-bar/LoopToggle.d.ts +5 -0
- package/dist/components/control-bar/MouseTimeDisplay.d.ts +22 -0
- package/dist/components/control-bar/PictureInPictureToggle.d.ts +15 -0
- package/dist/components/control-bar/PlayProgressBar.d.ts +12 -0
- package/dist/components/control-bar/PlayToggle.d.ts +13 -0
- package/dist/components/control-bar/PlaybackRate.d.ts +14 -0
- package/dist/components/control-bar/PlaybackRateMenuButton.d.ts +17 -0
- package/dist/components/control-bar/ProgressControl.d.ts +16 -0
- package/dist/components/control-bar/QualityMenuButton.d.ts +17 -0
- package/dist/components/control-bar/ReplayControl.d.ts +13 -0
- package/dist/components/control-bar/ScreenshotButton.d.ts +14 -0
- package/dist/components/control-bar/SeekBar.d.ts +18 -0
- package/dist/components/control-bar/TheaterModeToggle.d.ts +14 -0
- package/dist/components/control-bar/VolumeMenuButton.d.ts +17 -0
- package/dist/components/menu/Menu.d.ts +15 -0
- package/dist/components/menu/MenuButton.d.ts +46 -0
- package/dist/components/menu/MenuItem.d.ts +22 -0
- package/dist/components/popup/Popup.d.ts +15 -0
- package/dist/components/popup/PopupButton.d.ts +19 -0
- package/dist/components/time-controls/CurrentTimeDisplay.d.ts +18 -0
- package/dist/components/time-controls/DurationDisplay.d.ts +12 -0
- package/dist/components/time-controls/RemainingTimeDisplay.d.ts +13 -0
- package/dist/components/time-controls/TimeDivider.d.ts +10 -0
- package/dist/components/volume-control/VolumeBar.d.ts +33 -0
- package/dist/components/volume-control/VolumeControl.d.ts +16 -0
- package/dist/components/volume-control/VolumeLevel.d.ts +9 -0
- package/dist/index.d.ts +46 -0
- package/dist/reducers/index.d.ts +11 -0
- package/dist/reducers/operation.d.ts +10 -0
- package/dist/reducers/player.d.ts +33 -0
- package/dist/types/component.d.ts +13 -0
- package/dist/types/player.d.ts +31 -0
- package/dist/utils/browser.d.ts +5 -0
- package/dist/utils/dom.d.ts +31 -0
- package/dist/utils/fullscreen.d.ts +16 -0
- package/dist/utils/index.d.ts +24 -0
- package/dist/video-react-new.cjs.js +3904 -0
- package/dist/video-react-new.css +1155 -0
- package/dist/video-react-new.d.ts +11 -0
- package/dist/video-react-new.es.js +3861 -0
- package/dist/video-react-new.full.js +4578 -0
- package/dist/video-react-new.full.min.js +2 -0
- package/dist/video-react-new.js +4283 -0
- package/dist/video-react-new.min.js +2 -0
- package/dist/video-react-player.cjs.js +3904 -0
- package/dist/video-react-player.css +1155 -0
- package/dist/video-react-player.d.ts +11 -0
- package/dist/video-react-player.es.js +3861 -0
- package/dist/video-react-player.full.js +4578 -0
- package/dist/video-react-player.full.min.js +2 -0
- package/dist/video-react-player.js +4283 -0
- package/dist/video-react-player.min.js +2 -0
- package/package.json +145 -0
- package/styles/fonts/video-react.eot +0 -0
- package/styles/fonts/video-react.svg +43 -0
- package/styles/fonts/video-react.ttf +0 -0
- package/styles/fonts/video-react.woff +0 -0
- package/styles/icons.json +584 -0
- package/styles/scss/components/bezel.scss +119 -0
- package/styles/scss/components/big-play-button.scss +45 -0
- package/styles/scss/components/button.scss +18 -0
- package/styles/scss/components/closed-caption.scss +13 -0
- package/styles/scss/components/control-bar.scss +51 -0
- package/styles/scss/components/control.scss +42 -0
- package/styles/scss/components/fullscreen.scss +13 -0
- package/styles/scss/components/loading-spinner.scss +105 -0
- package/styles/scss/components/menu/menu-inline.scss +67 -0
- package/styles/scss/components/menu/menu-popup.scss +27 -0
- package/styles/scss/components/menu/menu.scss +59 -0
- package/styles/scss/components/new-controls.scss +42 -0
- package/styles/scss/components/play-pause.scss +11 -0
- package/styles/scss/components/playback-rate.scss +13 -0
- package/styles/scss/components/poster.scss +27 -0
- package/styles/scss/components/progress.scss +157 -0
- package/styles/scss/components/slider.scss +13 -0
- package/styles/scss/components/time.scss +18 -0
- package/styles/scss/components/volume.scss +147 -0
- package/styles/scss/icons.scss +278 -0
- package/styles/scss/layout.scss +115 -0
- package/styles/scss/mixins.scss +117 -0
- package/styles/scss/variables.scss +16 -0
- package/styles/scss/video-react-player.scss +34 -0
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { AnyAction } from 'redux';
|
|
2
|
+
export interface PlayerState {
|
|
3
|
+
currentSrc: string | null;
|
|
4
|
+
duration: number;
|
|
5
|
+
currentTime: number;
|
|
6
|
+
seekingTime: number;
|
|
7
|
+
buffered: TimeRanges | null;
|
|
8
|
+
textTracks: TextTrackList | TextTrack[] | null;
|
|
9
|
+
waiting: boolean;
|
|
10
|
+
seeking: boolean;
|
|
11
|
+
paused: boolean;
|
|
12
|
+
autoPaused: boolean;
|
|
13
|
+
ended: boolean;
|
|
14
|
+
playbackRate: number;
|
|
15
|
+
muted: boolean;
|
|
16
|
+
volume: number;
|
|
17
|
+
readyState: number;
|
|
18
|
+
networkState: number;
|
|
19
|
+
videoWidth: number;
|
|
20
|
+
videoHeight: number;
|
|
21
|
+
hasStarted: boolean;
|
|
22
|
+
userActivity: boolean;
|
|
23
|
+
isActive: boolean;
|
|
24
|
+
isFullscreen: boolean;
|
|
25
|
+
isPictureInPicture: boolean;
|
|
26
|
+
loop: boolean;
|
|
27
|
+
isTheater: boolean;
|
|
28
|
+
quality: string;
|
|
29
|
+
activeTextTrack: TextTrack | null;
|
|
30
|
+
error?: string;
|
|
31
|
+
}
|
|
32
|
+
export default function player(state: PlayerState, action: AnyAction): PlayerState;
|
|
33
|
+
//# sourceMappingURL=player.d.ts.map
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ActionCreators } from '../Manager';
|
|
2
|
+
import type { PlayerState } from '../reducers/player';
|
|
3
|
+
export interface PlayerComponentProps {
|
|
4
|
+
actions: ActionCreators;
|
|
5
|
+
player: PlayerState;
|
|
6
|
+
order?: number;
|
|
7
|
+
}
|
|
8
|
+
export interface PlayerButtonProps extends PlayerComponentProps {
|
|
9
|
+
className?: string;
|
|
10
|
+
order?: number;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=component.d.ts.map
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export interface PlayerState {
|
|
2
|
+
currentSrc: string | null;
|
|
3
|
+
duration: number;
|
|
4
|
+
currentTime: number;
|
|
5
|
+
seekingTime: number;
|
|
6
|
+
buffered: TimeRanges | null;
|
|
7
|
+
textTracks: TextTrackList | TextTrack[] | null;
|
|
8
|
+
waiting: boolean;
|
|
9
|
+
seeking: boolean;
|
|
10
|
+
paused: boolean;
|
|
11
|
+
autoPaused: boolean;
|
|
12
|
+
ended: boolean;
|
|
13
|
+
playbackRate: number;
|
|
14
|
+
muted: boolean;
|
|
15
|
+
volume: number;
|
|
16
|
+
readyState: number;
|
|
17
|
+
networkState: number;
|
|
18
|
+
videoWidth: number;
|
|
19
|
+
videoHeight: number;
|
|
20
|
+
hasStarted: boolean;
|
|
21
|
+
userActivity: boolean;
|
|
22
|
+
isActive: boolean;
|
|
23
|
+
isFullscreen: boolean;
|
|
24
|
+
isPictureInPicture: boolean;
|
|
25
|
+
loop: boolean;
|
|
26
|
+
isTheater: boolean;
|
|
27
|
+
quality: string;
|
|
28
|
+
activeTextTrack: TextTrack | null;
|
|
29
|
+
error?: string;
|
|
30
|
+
}
|
|
31
|
+
//# sourceMappingURL=player.d.ts.map
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Offset Left
|
|
3
|
+
* getBoundingClientRect technique from
|
|
4
|
+
* John Resig http://ejohn.org/blog/getboundingclientrect-is-awesome/
|
|
5
|
+
*
|
|
6
|
+
* @function findElPosition
|
|
7
|
+
* @param {ReactNodeRef} el React Node ref from which to get offset
|
|
8
|
+
* @return {Object}
|
|
9
|
+
*/
|
|
10
|
+
export declare function findElPosition(el: HTMLElement): {
|
|
11
|
+
left: number;
|
|
12
|
+
top: number;
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* Get pointer position in a React Node ref
|
|
16
|
+
* Returns an object with x and y coordinates.
|
|
17
|
+
* The base on the coordinates are the bottom left of the element.
|
|
18
|
+
*
|
|
19
|
+
* @function getPointerPosition
|
|
20
|
+
* @param {ReactNodeRef} el React Node ref on which to get the pointer position on
|
|
21
|
+
* @param {Event} event Event object
|
|
22
|
+
* @return {Object} This object will have x and y coordinates corresponding to the mouse position
|
|
23
|
+
*/
|
|
24
|
+
export declare function getPointerPosition(el: HTMLElement, event: MouseEvent | TouchEvent): {
|
|
25
|
+
x?: number;
|
|
26
|
+
y?: number;
|
|
27
|
+
};
|
|
28
|
+
export declare function blurNode(reactNode?: HTMLElement | null): void;
|
|
29
|
+
export declare function focusNode(reactNode?: HTMLElement | null): void;
|
|
30
|
+
export declare function hasClass(elm: HTMLElement, cls: string): boolean;
|
|
31
|
+
//# sourceMappingURL=dom.d.ts.map
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
type FullscreenElement = Element & {
|
|
2
|
+
webkitRequestFullscreen?: () => Promise<void> | void;
|
|
3
|
+
mozRequestFullScreen?: () => Promise<void> | void;
|
|
4
|
+
msRequestFullscreen?: () => Promise<void> | void;
|
|
5
|
+
};
|
|
6
|
+
declare class Fullscreen {
|
|
7
|
+
request(elm: FullscreenElement): void;
|
|
8
|
+
exit(): void;
|
|
9
|
+
get isFullscreen(): Element;
|
|
10
|
+
get enabled(): boolean;
|
|
11
|
+
addEventListener(handler: (event: Event) => void): void;
|
|
12
|
+
removeEventListener(handler: (event: Event) => void): void;
|
|
13
|
+
}
|
|
14
|
+
declare const _default: Fullscreen;
|
|
15
|
+
export default _default;
|
|
16
|
+
//# sourceMappingURL=fullscreen.d.ts.map
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React, { ReactElement, ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* @file format-time.js
|
|
4
|
+
*
|
|
5
|
+
* Format seconds as a time string, H:MM:SS or M:SS
|
|
6
|
+
* Supplying a guide (in seconds) will force a number of leading zeros
|
|
7
|
+
* to cover the length of the guide
|
|
8
|
+
*
|
|
9
|
+
* @param {Number} seconds Number of seconds to be turned into a string
|
|
10
|
+
* @param {Number} guide Number (in seconds) to model the string after
|
|
11
|
+
* @return {String} Time formatted as H:MM:SS or M:SS
|
|
12
|
+
* @private
|
|
13
|
+
* @function formatTime
|
|
14
|
+
*/
|
|
15
|
+
export declare function formatTime(seconds?: number, guide?: number): string;
|
|
16
|
+
export declare function isVideoChild(c: ReactNode): boolean;
|
|
17
|
+
export declare function mergeAndSortChildren(defaultChildren: ReactElement[], _children: ReactNode, _parentProps: Record<string, unknown>, defaultOrder?: number): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
|
|
18
|
+
/**
|
|
19
|
+
* Temporary utility for generating the warnings
|
|
20
|
+
*/
|
|
21
|
+
export declare function deprecatedWarning(oldMethodCall: string, newMethodCall: string): void;
|
|
22
|
+
export declare function throttle<T extends (...args: unknown[]) => void>(callback: T, limit: number): (...args: Parameters<T>) => void;
|
|
23
|
+
export declare const mediaProperties: readonly ["error", "src", "srcObject", "currentSrc", "crossOrigin", "networkState", "preload", "buffered", "readyState", "seeking", "currentTime", "duration", "paused", "defaultPlaybackRate", "playbackRate", "played", "seekable", "ended", "autoplay", "loop", "mediaGroup", "controller", "controls", "volume", "muted", "defaultMuted", "audioTracks", "videoTracks", "textTracks", "width", "height", "videoWidth", "videoHeight", "poster"];
|
|
24
|
+
//# sourceMappingURL=index.d.ts.map
|