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,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,5 @@
1
+ export declare const IS_IPAD: boolean;
2
+ export declare const IS_IPHONE: boolean;
3
+ export declare const IS_IPOD: boolean;
4
+ export declare const IS_IOS: boolean;
5
+ //# sourceMappingURL=browser.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