l-min-components 1.0.1155 → 1.0.1159

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "l-min-components",
-  "version": "1.0.1155",
+  "version": "1.0.1159",
   "type": "module",
   "files": [
     "src/assets",

package/src/components/useAudioPlayer/index.jsx

@@ -1,11 +1,4 @@
-import {
-  useCallback,
-  useContext,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from "react";
+import { useCallback, useContext, useEffect, useMemo, useState } from "react";
 import Hls from "hls.js";
 import { OutletContext } from "../AppMainLayout";
 
@@ -16,37 +9,37 @@ const useAudioPlayer = ({ src, streamSrc }) => {
   const [error, setError] = useState(null);
   const [progress, setProgress] = useState({});
 
-  const audioRef = useRef(null);
+  const audio = useMemo(() => new Audio(), []);
 
   const { accessToken, generalData } = useContext(OutletContext);
 
   const accountId = generalData?.selectedAccount?.id;
 
   const play = useCallback(() => {
-    if (audioRef.current && isReady) {
-      audioRef.current.play();
+    if (audio && isReady) {
+      audio.play();
     }
-  }, [isReady]);
+  }, [isReady, audio]);
 
   const pause = useCallback(() => {
-    if (audioRef.current && isReady) {
-      audioRef.current.pause();
+    if (audio && isReady) {
+      audio.pause();
     }
-  }, [isReady]);
+  }, [isReady, audio]);
 
   const stop = useCallback(() => {
-    if (audioRef.current && isReady) {
-      audioRef.current.pause();
-      audioRef.current.currentTime = 0;
+    if (audio && isReady) {
+      audio.pause();
+      audio.currentTime = 0;
     }
-  }, [isReady]);
+  }, [isReady, audio]);
 
   const url = useMemo(() => src || streamSrc, [src, streamSrc]);
 
   useEffect(() => {
     let hls;
 
-    if (audioRef.current && accountId) {
+    if (audio && accountId) {
       if (Hls?.isSupported() && streamSrc && !src) {
         hls = new Hls({
           xhrSetup: function (xhr, url) {
@@ -58,7 +51,7 @@ const useAudioPlayer = ({ src, streamSrc }) => {
         });
 
         hls.loadSource(url);
-        hls?.attachMedia(audioRef.current);
+        hls?.attachMedia(audio);
 
         hls.on(Hls?.Events?.MANIFEST_PARSED, () => {
           setIsReady(true);
@@ -76,18 +69,15 @@ const useAudioPlayer = ({ src, streamSrc }) => {
           setError(data);
           setIsReady(false);
         });
-      } else if (
-        !src &&
-        audioRef.current.canPlayType("application/vnd.apple.mpegurl")
-      ) {
-        audioRef.current.src = url;
-        audioRef.current.addEventListener("loadedmetadata", () => {
+      } else if (!src && audio.canPlayType("application/vnd.apple.mpegurl")) {
+        audio.src = url;
+        audio.addEventListener("loadedmetadata", () => {
           setIsReady(true);
         });
       } else {
-        if (audioRef.current && src) {
-          audioRef.current.src = src;
-          audioRef.current.load();
+        if (audio && src) {
+          audio.src = src;
+          audio.load();
           setIsReady(true);
         }
       }
@@ -96,23 +86,21 @@ const useAudioPlayer = ({ src, streamSrc }) => {
       const handlePlay = () => setIsPlaying(true);
 
       const handleProgress = () => {
-        if (audioRef.current) {
-          const currentTime = audioRef.current.currentTime;
-          const duration = audioRef.current.duration;
+        if (audio) {
+          const currentTime = audio.currentTime;
+          const duration = audio.duration;
 
           setProgress({ currentTime, duration });
         }
       };
 
-      audioRef.current.addEventListener("ended", handleEnded);
-      audioRef.current.addEventListener("pause", handlePause);
-      audioRef.current.addEventListener("playing", handlePlay);
-      audioRef.current?.addEventListener("timeupdate", handleProgress);
-      audioRef.current?.addEventListener("loadedmetadata", handleProgress);
-      audioRef.current?.addEventListener("waiting", () => setIsBuffering(true));
-      audioRef.current?.addEventListener("canplay", () =>
-        setIsBuffering(false)
-      );
+      audio.addEventListener("ended", handleEnded);
+      audio.addEventListener("pause", handlePause);
+      audio.addEventListener("playing", handlePlay);
+      audio.addEventListener("timeupdate", handleProgress);
+      audio.addEventListener("loadedmetadata", handleProgress);
+      audio.addEventListener("waiting", () => setIsBuffering(true));
+      audio.addEventListener("canplay", () => setIsBuffering(false));
     }
     return () => {
       if (hls) {
@@ -121,11 +109,11 @@ const useAudioPlayer = ({ src, streamSrc }) => {
 
       setIsReady(false);
     };
-  }, [url, accessToken, accountId, audioRef.current]);
+  }, [url, accessToken, accountId, audio]);
 
   return {
     stop,
-    audioRef,
+    audio,
     play,
     pause,
     isPlaying,

package/src/components/video-player/index.jsx

@@ -114,7 +114,7 @@ const VideoPlayer = ({
 
   useEffect(() => {
     let hls;
-
+    setError(false);
     if (videoRef.current && accountId) {
       if (!src && streamUrl && Hls.isSupported()) {
         hls = new Hls({