l-min-components 1.7.1471 → 1.7.1472

package/package.json

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

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

@@ -87,8 +87,8 @@ const VideoPlayer2 = ({
       setCount(count + 1);
     }
     if (videoRef?.current) {
-      const currentTime = videoRef.current.currentTime;
-      const duration = videoRef.current.duration;
+      const currentTime = videoRef.current?.currentTime;
+      const duration = videoRef.current?.duration;
       const played = currentTime / duration;
 
       setRangeProgress(played);
@@ -126,8 +126,8 @@ const VideoPlayer2 = ({
     const handlePause = () => setIsPlaying(false);
     const handleEnded = () => setIsPlaying(false);
     const handleTimeUpdate = () => {
-      const currentTime = video.currentTime;
-      const duration = video.duration;
+      const currentTime = video?.currentTime;
+      const duration = video?.duration;
 
       const played = currentTime / duration;
       setProgress({
@@ -144,23 +144,23 @@ const VideoPlayer2 = ({
     };
 
     const attachEvents = () => {
-      video.addEventListener("play", handlePlay);
-      video.addEventListener("pause", handlePause);
-      video.addEventListener("ended", handleEnded);
-      video.addEventListener("timeupdate", handleTimeUpdate);
-      video.addEventListener("waiting", handleWaiting);
+      video?.addEventListener("play", handlePlay);
+      video?.addEventListener("pause", handlePause);
+      video?.addEventListener("ended", handleEnded);
+      video?.addEventListener("timeupdate", handleTimeUpdate);
+      video?.addEventListener("waiting", handleWaiting);
       if (streamUrl && !src) {
-        video.addEventListener("canplay", handleCanPlay);
+        video?.addEventListener("canplay", handleCanPlay);
       }
     };
 
     const detachEvents = () => {
-      video.removeEventListener("play", handlePlay);
-      video.removeEventListener("pause", handlePause);
-      video.removeEventListener("ended", handleEnded);
-      video.removeEventListener("timeupdate", handleTimeUpdate);
-      video.removeEventListener("waiting", handleWaiting);
-      video.removeEventListener("canplay", handleCanPlay);
+      video?.removeEventListener("play", handlePlay);
+      video?.removeEventListener("pause", handlePause);
+      video?.removeEventListener("ended", handleEnded);
+      video?.removeEventListener("timeupdate", handleTimeUpdate);
+      video?.removeEventListener("waiting", handleWaiting);
+      video?.removeEventListener("canplay", handleCanPlay);
     };
 
     if (!src && Hls.isSupported()) {
@@ -173,48 +173,50 @@ const VideoPlayer2 = ({
         lowLatencyMode: true,
       });
 
-      hls.attachMedia(video);
-      hls.on(Hls.Events.MEDIA_ATTACHED, () => {
-        hls.loadSource(url);
+      hls?.attachMedia(video);
+      hls?.on(Hls.Events.MEDIA_ATTACHED, () => {
+        hls?.loadSource(url);
       });
 
-      hls.on(Hls.Events.LEVEL_SWITCHED, (val) => {
+      hls?.on(Hls.Events.LEVEL_SWITCHED, (val) => {
         if (val === "hlsLevelSwitched") {
           setIsReady(true);
           setError(null);
         }
       });
-      hls.on(Hls.Events.LEVEL_LOADING, (val) => {
+      hls?.on(Hls.Events.LEVEL_LOADING, (val) => {
         if (val === "hlsLevelLoading") {
           setIsReady(false);
         }
       });
 
-      hls.on(Hls.Events.BUFFER_STALLED, () => setIsBuffering(true));
-      hls.on(Hls.Events.BUFFER_APPENDED, () => setIsBuffering(false));
-      hls.on(Hls.Events.BUFFER_CREATED, (val) => {
+      hls?.on(Hls.Events.BUFFER_STALLED, () => setIsBuffering(true));
+      hls?.on(Hls.Events.BUFFER_APPENDED, () => setIsBuffering(false));
+      hls?.on(Hls.Events.BUFFER_CREATED, (val) => {
         if (val === "hlsBufferCreated") {
           setIsBuffering(true);
         }
       });
 
-      hls.on(Hls.Events.BUFFER_APPENDED, (val) => {
+      hls?.on(Hls.Events.BUFFER_APPENDED, (val) => {
         if (val === "hlsBufferAppended") {
           setIsBuffering(false);
         }
       });
 
-      hls.on(Hls.Events.ERROR, (event, data) => {
+      hls?.on(Hls.Events.ERROR, (event, data) => {
         console.warn("HLS error", data);
         if (data.fatal) {
           setError(data);
           setIsReady(false);
           if (data.type === Hls.ErrorTypes.NETWORK_ERROR) {
-            hls.startLoad();
+            hls?.startLoad();
           } else if (data.type === Hls.ErrorTypes.MEDIA_ERROR) {
-            hls.recoverMediaError();
+            hls?.recoverMediaError();
           } else {
-            hls.destroy();
+            if (hls && typeof hls.destroy === "function") {
+              hls?.destroy();
+            }
           }
         }
       });
@@ -234,7 +236,7 @@ const VideoPlayer2 = ({
     attachEvents();
     return () => {
       if (hls && typeof hls.destroy === "function") {
-        hls.destroy();
+        hls?.destroy();
       }
       detachEvents();
     };