@geekapps/silo-elements-nextjs 0.2.42 → 0.2.43

package/dist/VideoPlayer.js

@@ -97,7 +97,6 @@ function Video({
   const [isFullscreen, setIsFullscreen] = useState(false);
   const [playerHeight, setPlayerHeight] = useState(0);
   const [playerWidth, setPlayerWidth] = useState(0);
-  const [error, setError] = useState(null);
   const activeSource = parsed.sources[sourceIndex] ?? parsed.sources[0] ?? null;
   const progressPercent = duration ? currentTime / duration * 100 : 0;
   const bufferedPercent = duration ? bufferedTime / duration * 100 : 0;
@@ -368,7 +367,6 @@ function Video({
       return;
     }
     destroyMediaEngines();
-    setError(null);
     setIsLoading(true);
     setCurrentTime(0);
     setBufferedTime(0);
@@ -413,13 +411,13 @@ function Video({
             setIsLoading(false);
           });
           dash.on(dashjs.MediaPlayer.events.ERROR, () => {
-            setError("N\xE3o foi poss\xEDvel reproduzir o stream MPEG-DASH.");
+            console.error("[Silo] MPEG-DASH playback failed");
             setIsLoading(false);
           });
           dash.initialize(video, activeSource.src, false);
         } catch {
           if (!cancelled) {
-            setError("N\xE3o foi poss\xEDvel carregar o player MPEG-DASH.");
+            console.error("[Silo] MPEG-DASH player load failed");
             setIsLoading(false);
           }
         }
@@ -485,7 +483,7 @@ function Video({
                 hls.recoverMediaError();
                 return;
               }
-              setError("N\xE3o foi poss\xEDvel reproduzir o stream HLS.");
+              console.error("[Silo] HLS playback failed");
               setIsLoading(false);
             });
             return;
@@ -496,11 +494,11 @@ function Video({
             setIsLoading(false);
             return;
           }
-          setError("Este navegador n\xE3o suporta HLS.");
+          console.error("[Silo] HLS not supported in this browser");
           setIsLoading(false);
         } catch {
           if (!cancelled) {
-            setError("N\xE3o foi poss\xEDvel carregar o player HLS.");
+            console.error("[Silo] HLS player load failed");
             setIsLoading(false);
           }
         }
@@ -522,9 +520,18 @@ function Video({
   const togglePlay = useCallback(async () => {
     const video = videoRef.current;
     if (!video) return;
+    const wasPaused = video.paused;
     try {
-      const wasPaused = video.paused;
       if (wasPaused) {
+        if (video.readyState < HTMLMediaElement.HAVE_FUTURE_DATA) {
+          await new Promise((resolve) => {
+            const onReady = () => {
+              video.removeEventListener("canplay", onReady);
+              resolve();
+            };
+            video.addEventListener("canplay", onReady);
+          });
+        }
         await video.play();
       } else {
         video.pause();
@@ -537,7 +544,6 @@ function Video({
         600
       );
     } catch {
-      setError("O navegador bloqueou a reprodu\xE7\xE3o autom\xE1tica.");
     }
   }, []);
   const seekRelative = useCallback((seconds) => {
@@ -591,7 +597,7 @@ function Video({
       }
       throw new Error("Fullscreen unavailable");
     } catch {
-      setError("N\xE3o foi poss\xEDvel alterar o modo fullscreen.");
+      console.error("[Silo] Fullscreen toggle failed");
     }
   }, []);
   const changeAudio = useCallback((trackId) => {
@@ -826,7 +832,6 @@ function Video({
               }
             ),
             isLoading && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 z-20 grid place-items-center bg-black/10", children: /* @__PURE__ */ jsx("div", { className: "size-9 animate-spin rounded-full border-2 border-white/25 border-t-white" }) }),
-            error && /* @__PURE__ */ jsx("div", { className: "absolute inset-x-8 top-1/2 z-40 -translate-y-1/2 rounded-2xl border border-white/10 bg-black/75 p-5 text-center text-sm text-white shadow-2xl backdrop-blur-xl", children: error }),
             /* @__PURE__ */ jsxs(
               "div",
               {