@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260521115630 → 0.8.1-dev.20260522043844

package/dist/{HlsPlayer-4VB65GYW.mjs → HlsPlayer-GZR4QXJY.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   HlsPlayer_default
-} from "./chunk-JGRYFWF6.mjs";
+} from "./chunk-72PHGKW4.mjs";
 export {
   HlsPlayer_default as default
 };

package/dist/{chunk-JGRYFWF6.mjs → chunk-72PHGKW4.mjs}

@@ -53,6 +53,7 @@ var HlsPlayer = React.memo(
     const wasManuallyPausedRef = useRef(false);
     const inactivityTimerRef = useRef(null);
     const clickTimerRef = useRef(null);
+    const hlsInitializedRef = useRef(false);
     const INACTIVITY_DELAY = 2500;
     const CLICK_DEBOUNCE = 220;
     const resolvedSources = sources && sources.length > 0 ? sources : assetUrl ? [{ src: assetUrl, posterUrl }] : [];
@@ -110,7 +111,7 @@ var HlsPlayer = React.memo(
         if (clickTimerRef.current) clearTimeout(clickTimerRef.current);
       };
     }, []);
-    useEffect(() => {
+    const initHls = useCallback((autoPlayAfterLoad) => {
       const v = videoRef.current;
       if (!v || resolvedSources.length === 0) return;
       if (hlsRef.current) {
@@ -119,25 +120,39 @@ var HlsPlayer = React.memo(
       }
       const chosenSrc = pickSource(resolvedSources);
       if (!chosenSrc) return;
+      hlsInitializedRef.current = true;
       if (Hls.isSupported()) {
         const hls = new Hls();
         hls.loadSource(chosenSrc);
         hls.attachMedia(v);
         hls.on(Hls.Events.MANIFEST_PARSED, () => {
-          if (isPlaying && !wasManuallyPausedRef.current) {
-            v.play().catch(console.error);
+          if (autoPlayAfterLoad && !wasManuallyPausedRef.current) {
+            v.play().catch(console.error).then(() => setIsPlaying(true));
           }
         });
         hlsRef.current = hls;
-        return () => {
-          hls.destroy();
-          hlsRef.current = null;
-        };
       } else if (v.canPlayType("application/vnd.apple.mpegurl")) {
         v.src = chosenSrc;
         v.load();
+        if (autoPlayAfterLoad) {
+          v.play().catch(console.error).then(() => setIsPlaying(true));
+        }
       }
     }, [JSON.stringify(resolvedSources)]);
+    useEffect(() => {
+      if (isPlayOnHover) return;
+      initHls(
+        /* autoPlayAfterLoad */
+        playOptions === "autoplay"
+      );
+      return () => {
+        if (hlsRef.current) {
+          hlsRef.current.destroy();
+          hlsRef.current = null;
+        }
+        hlsInitializedRef.current = false;
+      };
+    }, [JSON.stringify(resolvedSources), isPlayOnHover]);
     const handlePlayPause = useCallback(() => {
       const v = videoRef.current;
       if (!v) return;
@@ -182,10 +197,17 @@ var HlsPlayer = React.memo(
       if (isMobile) return;
       setIsHovered(true);
       resetInactivityTimer();
-      if (isPlayOnHover && videoRef.current && !wasManuallyPausedRef.current) {
-        videoRef.current.play().then(() => setIsPlaying(true));
+      if (isPlayOnHover && !wasManuallyPausedRef.current) {
+        if (!hlsInitializedRef.current) {
+          initHls(
+            /* autoPlayAfterLoad */
+            true
+          );
+        } else if (videoRef.current) {
+          videoRef.current.play().then(() => setIsPlaying(true)).catch(console.error);
+        }
       }
-    }, [isPlayOnHover, isMobile, resetInactivityTimer]);
+    }, [isPlayOnHover, isMobile, resetInactivityTimer, initHls]);
     const handleMouseLeave = useCallback(() => {
       if (isMobile) return;
       setIsHovered(false);
@@ -247,9 +269,10 @@ var HlsPlayer = React.memo(
               autoPlay: playOptions === "autoplay",
               loop,
               playsInline: true,
+              preload: isPlayOnHover ? "none" : "auto",
               onClick: handleVideoClick,
               onDoubleClick: handleVideoDoubleClick,
-              children: resolvedSources.map(({ src, media }, i) => /* @__PURE__ */ jsx(
+              children: !isPlayOnHover && resolvedSources.map(({ src, media }, i) => /* @__PURE__ */ jsx(
                 "source",
                 {
                   src,