@halibegic/react-video-player 0.0.35 → 0.0.37

package/README.md

@@ -41,6 +41,7 @@ function App() {
 | ----------- | ---------------------------------------- | ------------------------------------------------------- | ------- |
 | `url`       | `string`                                 | The vod stream URL                                      | -       |
 | `startTime` | `number`                                 | (Optional) Start time in seconds to begin playback from | -       |
+| `messages`  | `{ unableToPlay?: string }`              | (Optional) Custom message for unable to play errors     | -       |
 | `onEvent`   | `(event: string, data: unknown) => void` | (Optional) Event handler callback for player events     | -       |
 
 **Example with `startTime`:**
@@ -54,6 +55,24 @@ function App() {
 }
 ```
 
+**Example with custom `unableToPlay` message:**
+
+```tsx
+import "@halibegic/react-video-player/style.css";
+import { VodPlayer } from "@halibegic/react-video-player";
+
+function App() {
+  return (
+    <VodPlayer
+      url="https://example.com/vod.m3u8"
+      messages={{
+        unableToPlay: "Video cannot be played. Please try again later.",
+      }}
+    />
+  );
+}
+```
+
 ### Live Player
 
 ```tsx
@@ -69,6 +88,7 @@ function App() {
         eventFinished: "Live stream je završen.",
         eventStartingSoon: "Počinje za nekoliko sekundi...",
         live: "Uživo",
+        unableToPlay: "Stream ne može biti reprodukovan. Molimo pokušajte kasnije.",
       }}
     />
   );
@@ -79,7 +99,7 @@ function App() {
 | ---------- | ------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------- |
 | `url`      | `string`                                                                                         | The live stream URL                                                                        | -                                                                                                                                              |
 | `onEvent`  | `(event: string, data: unknown) => void`                                                         | (Optional) Event handler callback for player events                                        | -                                                                                                                                              |
-| `messages` | `{ eventNotStarted: string; eventFinished: string; eventStartingSoon?: string; live?: string; }` | (Optional) Custom messages for event not started, finished, starting soon, and live states | `{ eventNotStarted: "Event has not started yet.", eventFinished: "Event has finished.", eventStartingSoon: "Starting soon...", live: "Live" }` |
+| `messages` | `{ eventNotStarted: string; eventFinished: string; eventStartingSoon?: string; live?: string; unableToPlay?: string; }` | (Optional) Custom messages for event not started, finished, starting soon, live states, and unable to play errors | `{ eventNotStarted: "Event has not started yet.", eventFinished: "Event has finished.", eventStartingSoon: "Starting soon...", live: "Live" }` |
 
 ## Keyboard Shortcuts
 

package/dist/components/live-player/live-player-tech.d.ts

@@ -2,6 +2,7 @@ type LivePlayerTechProps = {
     url: string;
     messages?: {
         eventFinished?: string;
+        unableToPlay?: string;
     };
 };
 declare function LivePlayerTech({ url, messages }: LivePlayerTechProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/live-player.d.ts

@@ -5,6 +5,7 @@ type LivePlayerProps = {
         eventNotStarted: string;
         eventStartingSoon: string;
         live: string;
+        unableToPlay: string;
     };
     onEvent?: (event: string, data: unknown) => void;
 };

package/dist/components/player/player-hls-engine.d.ts

@@ -3,6 +3,7 @@ type PlayerHlsEngineProps = {
     isLive: boolean;
     messages?: {
         eventFinished?: string;
+        unableToPlay?: string;
     };
 };
 declare function PlayerHlsEngine({ url, isLive, messages }: PlayerHlsEngineProps): null;

package/dist/components/player/player-tech.d.ts

@@ -4,6 +4,7 @@ type PlayerTechProps = {
     isMuted?: boolean;
     messages?: {
         eventFinished?: string;
+        unableToPlay?: string;
     };
 };
 declare function PlayerTech({ url, isLive, isMuted, messages, }: PlayerTechProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/vod-player.d.ts

@@ -1,6 +1,9 @@
 type VodPlayerProps = {
     url: string;
     startTime?: number;
+    messages?: {
+        unableToPlay: string;
+    };
     onEvent?: (event: string, data: unknown) => void;
 };
 declare function VodPlayer(props: VodPlayerProps): import("react/jsx-runtime").JSX.Element;