@halibegic/react-video-player 0.0.49 → 0.0.51
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/README.md +7 -6
- package/dist/react-video-player.es.js +1415 -1217
- package/dist/react-video-player.es.js.map +1 -1
- package/dist/react-video-player.umd.js +10 -10
- package/dist/react-video-player.umd.js.map +1 -1
- package/dist/src/components/live-player/live-player-activity-listener.d.ts +5 -0
- package/dist/src/components/live-player/live-player-event-check.d.ts +4 -4
- package/dist/src/components/live-player/live-player-tech.d.ts +2 -3
- package/dist/src/components/live-player.d.ts +5 -5
- package/dist/src/components/player/player-activity-listener.d.ts +10 -0
- package/dist/src/components/player/player-hls-engine.d.ts +2 -3
- package/dist/src/components/player/player-tech.d.ts +2 -3
- package/dist/src/components/vod-player/vod-player-activity-listener.d.ts +5 -0
- package/dist/src/stores/player-store.d.ts +2 -0
- package/dist/src/types/player.d.ts +4 -1
- package/dist/src/utils/date-time.d.ts +6 -3
- package/dist/src/utils/url.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
|
2
2
|
type LivePlayerEventCheckProps = PropsWithChildren & {
|
|
3
3
|
url: string;
|
|
4
|
-
messages
|
|
5
|
-
eventNotStarted
|
|
6
|
-
eventStartingSoon
|
|
7
|
-
unableToPlay
|
|
4
|
+
messages: {
|
|
5
|
+
eventNotStarted: string;
|
|
6
|
+
eventStartingSoon: string;
|
|
7
|
+
unableToPlay: string;
|
|
8
8
|
};
|
|
9
9
|
};
|
|
10
10
|
declare function LivePlayerEventCheck({ url, ...props }: LivePlayerEventCheckProps): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
type LivePlayerTechProps = {
|
|
2
2
|
url: string;
|
|
3
|
-
messages
|
|
4
|
-
|
|
5
|
-
unableToPlay?: string;
|
|
3
|
+
messages: {
|
|
4
|
+
unableToPlay: string;
|
|
6
5
|
};
|
|
7
6
|
};
|
|
8
7
|
declare function LivePlayerTech({ url, messages }: LivePlayerTechProps): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
type LivePlayerProps = {
|
|
2
2
|
url: string;
|
|
3
3
|
messages?: {
|
|
4
|
-
eventFinished
|
|
5
|
-
eventNotStarted
|
|
6
|
-
eventStartingSoon
|
|
7
|
-
live
|
|
8
|
-
unableToPlay
|
|
4
|
+
eventFinished?: string;
|
|
5
|
+
eventNotStarted?: string;
|
|
6
|
+
eventStartingSoon?: string;
|
|
7
|
+
live?: string;
|
|
8
|
+
unableToPlay?: string;
|
|
9
9
|
};
|
|
10
10
|
onEvent?: (event: string, data: unknown) => void;
|
|
11
11
|
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
type PlayerActivityListenerProps = {
|
|
2
|
+
title?: string;
|
|
3
|
+
id?: number;
|
|
4
|
+
kind: "live" | "catchup" | "vod";
|
|
5
|
+
delay?: number;
|
|
6
|
+
url: string;
|
|
7
|
+
};
|
|
8
|
+
declare function PlayerActivityListener({ title, id, kind, delay, url, }: PlayerActivityListenerProps): null;
|
|
9
|
+
export { PlayerActivityListener };
|
|
10
|
+
export type { PlayerActivityListenerProps };
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
type PlayerHlsEngineProps = {
|
|
2
2
|
url: string;
|
|
3
3
|
isLive: boolean;
|
|
4
|
-
messages
|
|
5
|
-
|
|
6
|
-
unableToPlay?: string;
|
|
4
|
+
messages: {
|
|
5
|
+
unableToPlay: string;
|
|
7
6
|
};
|
|
8
7
|
};
|
|
9
8
|
declare function PlayerHlsEngine({ url, isLive, messages }: PlayerHlsEngineProps): null;
|
|
@@ -2,9 +2,8 @@ type PlayerTechProps = {
|
|
|
2
2
|
url: string;
|
|
3
3
|
isLive: boolean;
|
|
4
4
|
isMuted?: boolean;
|
|
5
|
-
messages
|
|
6
|
-
|
|
7
|
-
unableToPlay?: string;
|
|
5
|
+
messages: {
|
|
6
|
+
unableToPlay: string;
|
|
8
7
|
};
|
|
9
8
|
};
|
|
10
9
|
declare function PlayerTech({ url, isLive, isMuted, messages, }: PlayerTechProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -34,6 +34,7 @@ type PlaybackActions = {
|
|
|
34
34
|
handleError: (event: SyntheticEvent | undefined | null) => void;
|
|
35
35
|
pause: () => void;
|
|
36
36
|
play: () => void;
|
|
37
|
+
restart: () => void;
|
|
37
38
|
seek: (time: number) => void;
|
|
38
39
|
setIsLoading: (isLoading: boolean) => void;
|
|
39
40
|
setIsLoop: (isLoop: boolean) => void;
|
|
@@ -66,6 +67,7 @@ type QualityState = {
|
|
|
66
67
|
type QualityActions = {
|
|
67
68
|
setLevel: (level: number | null) => void;
|
|
68
69
|
setLevels: (levels: PlayerLevel[] | null) => void;
|
|
70
|
+
logLevel: (level: string | null) => void;
|
|
69
71
|
};
|
|
70
72
|
type QualitySlice = QualityState & QualityActions;
|
|
71
73
|
type FullscreenState = {
|
|
@@ -26,11 +26,14 @@ type PlayerEvents = {
|
|
|
26
26
|
play: void;
|
|
27
27
|
playing: void;
|
|
28
28
|
qualityChange: {
|
|
29
|
-
level:
|
|
29
|
+
level: string | null;
|
|
30
30
|
};
|
|
31
31
|
resetIdle: void;
|
|
32
|
+
restart: void;
|
|
33
|
+
resume: void;
|
|
32
34
|
seeked: void;
|
|
33
35
|
seeking: void;
|
|
36
|
+
stop: void;
|
|
34
37
|
timeUpdate: {
|
|
35
38
|
currentTime: number;
|
|
36
39
|
duration: number;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
declare function millisecondsToSeconds(value: number): number;
|
|
2
|
-
declare const formatTime: (seconds: number) => string;
|
|
3
1
|
declare function dateToTimeZone(date: Date, timeZone: string): Date;
|
|
4
|
-
|
|
2
|
+
declare function diffDate(startDate: Date, endDate: Date, unit: string): number;
|
|
3
|
+
declare function getLogDate(): string;
|
|
4
|
+
declare const formatTime: (seconds: number) => string;
|
|
5
|
+
declare function getTimeZone(): string;
|
|
6
|
+
declare function millisecondsToSeconds(value: number): number;
|
|
7
|
+
export { dateToTimeZone, diffDate, formatTime, getLogDate, getTimeZone, millisecondsToSeconds, };
|