@zezosoft/react-player 0.0.10 → 1.0.1

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 (43) hide show
  1. package/dist/VideoPlayer/components/controls/BottomControls.d.ts +4 -1
  2. package/dist/VideoPlayer/components/controls/MiddleControls.d.ts +7 -1
  3. package/dist/VideoPlayer/components/controls/VideoPlayerControls.d.ts +4 -1
  4. package/dist/VideoPlayer/components/time-line/TimeLine.d.ts +5 -0
  5. package/dist/VideoPlayer/components/time-line/components/HoverTimeWithPreview.d.ts +1 -0
  6. package/dist/VideoPlayer/components/time-line/components/TimeCodeItem.d.ts +3 -0
  7. package/dist/VideoPlayer/components/time-line/components/TimeCodes.d.ts +3 -0
  8. package/dist/VideoPlayer/hooks/index.d.ts +0 -1
  9. package/dist/VideoPlayer/hooks/useSubtitleStyling.d.ts +3 -0
  10. package/dist/VideoPlayer/hooks/useVideoSource.d.ts +1 -1
  11. package/dist/VideoPlayer/types/VideoPlayerTypes.d.ts +21 -1
  12. package/dist/VideoPlayer/utils/index.d.ts +0 -11
  13. package/dist/components/ui/LiveIndicator.d.ts +9 -0
  14. package/dist/components/ui/Settings.d.ts +2 -0
  15. package/dist/index.d.ts +1 -0
  16. package/dist/index.js +277 -229
  17. package/dist/store/types/StoreTypes.d.ts +2 -0
  18. package/package.json +6 -7
  19. package/dist/VideoPlayer/MediaControls/BottomControls.d.ts +0 -5
  20. package/dist/VideoPlayer/MediaControls/ControlsHeader.d.ts +0 -5
  21. package/dist/VideoPlayer/MediaControls/MiddleControls.d.ts +0 -3
  22. package/dist/VideoPlayer/MediaControls/VideoPlayerControls.d.ts +0 -4
  23. package/dist/VideoPlayer/_components/BottomControls.d.ts +0 -5
  24. package/dist/VideoPlayer/_components/ControlsHeader.d.ts +0 -5
  25. package/dist/VideoPlayer/_components/MiddleControls.d.ts +0 -3
  26. package/dist/VideoPlayer/_components/Overlay.d.ts +0 -4
  27. package/dist/VideoPlayer/_components/SubtitleOverlay.d.ts +0 -7
  28. package/dist/VideoPlayer/_components/TimeLine/TimeLine.d.ts +0 -20
  29. package/dist/VideoPlayer/_components/TimeLine/_components/hoverTimeWithPreview.d.ts +0 -16
  30. package/dist/VideoPlayer/_components/TimeLine/_components/thumb.d.ts +0 -9
  31. package/dist/VideoPlayer/_components/TimeLine/_components/timeCodeItem.d.ts +0 -21
  32. package/dist/VideoPlayer/_components/TimeLine/_components/timeCodes.d.ts +0 -15
  33. package/dist/VideoPlayer/_components/TimeLine/utils/getEndTimeByIndex.d.ts +0 -2
  34. package/dist/VideoPlayer/_components/TimeLine/utils/getHoverTimePosition.d.ts +0 -3
  35. package/dist/VideoPlayer/_components/TimeLine/utils/getPositionPercent.d.ts +0 -1
  36. package/dist/VideoPlayer/_components/TimeLine/utils/getTimeScale.d.ts +0 -1
  37. package/dist/VideoPlayer/_components/TimeLine/utils/isInRange.d.ts +0 -1
  38. package/dist/VideoPlayer/_components/TimeLine/utils/positionToMs.d.ts +0 -1
  39. package/dist/VideoPlayer/_components/TimeLine/utils/secondsToTime.d.ts +0 -6
  40. package/dist/VideoPlayer/_components/TimeLine/utils/timeToTimeString.d.ts +0 -1
  41. package/dist/VideoPlayer/_components/VideoPlayerControls.d.ts +0 -4
  42. package/dist/VideoPlayer/hooks/useNetworkSpeed.d.ts +0 -7
  43. /package/dist/components/ui/{tooltip.d.ts → Tooltip.d.ts} +0 -0
@@ -57,6 +57,8 @@ export interface VideoQualityState {
57
57
  setCurrentQuality: (currentQuality: string) => void;
58
58
  streamType: StreamType;
59
59
  setStreamType: (streamType: StreamType) => void;
60
+ isLive: boolean;
61
+ setIsLive: (isLive: boolean) => void;
60
62
  }
61
63
  export interface SubtitleTrack {
62
64
  lang: string;
package/package.json CHANGED
@@ -1,14 +1,9 @@
1
1
  {
2
2
  "name": "@zezosoft/react-player",
3
- "version": "0.0.10",
3
+ "version": "1.0.1",
4
4
  "main": "dist/index.js",
5
5
  "type": "module",
6
6
  "types": "dist/index.d.ts",
7
- "scripts": {
8
- "build": "npx rollup -c",
9
- "dev": "npx rollup -c -w",
10
- "prepare": "npm run build"
11
- },
12
7
  "files": [
13
8
  "dist"
14
9
  ],
@@ -60,5 +55,9 @@
60
55
  "dashjs": "^5.0.3",
61
56
  "react-icons": "^5.5.0",
62
57
  "screenfull": "^6.0.2"
58
+ },
59
+ "scripts": {
60
+ "build": "npx rollup -c",
61
+ "dev": "npx rollup -c -w"
63
62
  }
64
- }
63
+ }
@@ -1,5 +0,0 @@
1
- import React from "react";
2
- import "../_components/TimeLine/time-line.css";
3
- import { IControlsBottomProps } from "../../types";
4
- declare const BottomControls: React.FC<IControlsBottomProps>;
5
- export default BottomControls;
@@ -1,5 +0,0 @@
1
- import * as React from "react";
2
- import { IControlsHeaderProps } from "../../types";
3
- import "../_components/styles/video-controls.css";
4
- declare const ControlsHeader: React.FC<IControlsHeaderProps>;
5
- export default ControlsHeader;
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare const MiddleControls: React.FC;
3
- export default MiddleControls;
@@ -1,4 +0,0 @@
1
- import * as React from "react";
2
- import { IPlayerConfig } from "../../types";
3
- declare const VideoPlayerControls: React.FC<IPlayerConfig>;
4
- export default VideoPlayerControls;
@@ -1,5 +0,0 @@
1
- import React from "react";
2
- import "./TimeLine/time-line.css";
3
- import { IControlsBottomProps } from "../../types";
4
- declare const BottomControls: React.FC<IControlsBottomProps>;
5
- export default BottomControls;
@@ -1,5 +0,0 @@
1
- import * as React from "react";
2
- import { IControlsHeaderProps } from "../../types";
3
- import "../_components/styles/video-controls.css";
4
- declare const ControlsHeader: React.FC<IControlsHeaderProps>;
5
- export default ControlsHeader;
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare const MiddleControls: React.FC;
3
- export default MiddleControls;
@@ -1,4 +0,0 @@
1
- import * as React from "react";
2
- import { IPlayerConfig } from "../../types";
3
- declare const Overlay: React.FC<IPlayerConfig>;
4
- export default Overlay;
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- import { SubtitleStyleConfig } from "../hooks/useSubtitleStyling";
3
- interface SubtitleOverlayProps {
4
- styleConfig?: SubtitleStyleConfig;
5
- }
6
- declare const SubtitleOverlay: React.FC<SubtitleOverlayProps>;
7
- export default SubtitleOverlay;
@@ -1,20 +0,0 @@
1
- import React from "react";
2
- export interface TimeCode {
3
- fromMs: number;
4
- description: string;
5
- }
6
- export interface Props {
7
- max: number;
8
- currentTime: number;
9
- bufferTime?: number;
10
- offset?: number;
11
- timeCodes?: TimeCode[];
12
- hideThumbTooltip?: boolean;
13
- limitTimeTooltipBySides?: boolean;
14
- secondsPrefix?: string;
15
- minutesPrefix?: string;
16
- onChange: (time: number, offsetTime: number) => void;
17
- getPreviewScreenUrl?: (hoverTimeValue: number) => string;
18
- trackColor?: string;
19
- }
20
- export declare const VideoSeekSlider: React.FC<Props>;
@@ -1,16 +0,0 @@
1
- import React from "react";
2
- interface Props {
3
- max: number;
4
- hoverTimeValue: number;
5
- trackWidth: number;
6
- seekHoverPosition: number;
7
- offset: number;
8
- isThumbActive: boolean;
9
- limitTimeTooltipBySides: boolean;
10
- label: string;
11
- secondsPrefix?: string;
12
- minutesPrefix?: string;
13
- getPreviewScreenUrl?: (hoverTimeValue: number) => string;
14
- }
15
- export declare const HoverTimeWithPreview: React.FC<Props>;
16
- export {};
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- interface Props {
3
- max: number;
4
- currentTime: number;
5
- isThumbActive: boolean;
6
- trackColor?: string;
7
- }
8
- export declare const Thumb: React.FC<Props>;
9
- export {};
@@ -1,21 +0,0 @@
1
- import React from "react";
2
- export interface TimeCode {
3
- fromMs: number;
4
- description: string;
5
- }
6
- export interface Props {
7
- currentTime: number;
8
- seekHoverTime: number;
9
- bufferTime: number;
10
- startTime: number;
11
- endTime: number;
12
- maxTime: number;
13
- label?: string;
14
- isTimePassed?: boolean;
15
- isBufferPassed?: boolean;
16
- isHoverPassed?: boolean;
17
- onHover?: (label: string) => void;
18
- withGap?: boolean;
19
- trackColor?: string;
20
- }
21
- export declare const TimeCodeItem: React.FC<Props>;
@@ -1,15 +0,0 @@
1
- import React from "react";
2
- import { TimeCode } from "./timeCodeItem";
3
- export interface Props {
4
- max: number;
5
- currentTime: number;
6
- bufferTime: number;
7
- seekHoverPosition: number;
8
- timeCodes: TimeCode[] | undefined;
9
- trackWidth: number;
10
- mobileSeeking: boolean;
11
- label: string;
12
- setLabel: React.Dispatch<React.SetStateAction<string>>;
13
- trackColor?: string;
14
- }
15
- export declare const TimeCodes: React.FC<Props>;
@@ -1,2 +0,0 @@
1
- import { TimeCode } from "../_components/timeCodeItem";
2
- export declare const getEndTimeByIndex: (timeCodes: TimeCode[], index: number, max: number) => number;
@@ -1,3 +0,0 @@
1
- export declare function getHoverTimePosition(seekHoverPosition: number, hoverTimeElement: HTMLDivElement | null, trackWidth: number, limitTimeTooltipBySides: boolean): {
2
- transform: string;
3
- };
@@ -1 +0,0 @@
1
- export declare function getPositionPercent(max: number, current: number): number;
@@ -1 +0,0 @@
1
- export declare function getTimeScale(currentTime: number, startTime: number, endTime: number, isTimePassed: boolean): number;
@@ -1 +0,0 @@
1
- export declare const isInRange: (time: number, start: number, end: number) => boolean;
@@ -1 +0,0 @@
1
- export declare function positionToMs(max: number, position: number, trackWidth: number): number;
@@ -1,6 +0,0 @@
1
- export interface Time {
2
- hh: string;
3
- mm: string;
4
- ss: string;
5
- }
6
- export declare function millisecondsToTime(ms: number, offset?: number): Time;
@@ -1 +0,0 @@
1
- export declare function timeToTimeString(max: number, seekHoverTime: number, offset?: number, minutesPrefix?: string, secondsPrefix?: string): string;
@@ -1,4 +0,0 @@
1
- import * as React from "react";
2
- import { IPlayerConfig } from "../../types";
3
- declare const VideoPlayerControls: React.FC<IPlayerConfig>;
4
- export default VideoPlayerControls;
@@ -1,7 +0,0 @@
1
- interface NetworkSpeedInfo {
2
- speed: number;
3
- quality: "slow" | "medium" | "fast" | "unknown";
4
- message: string;
5
- }
6
- export declare const useNetworkSpeed: () => NetworkSpeedInfo | null;
7
- export {};