stormcloud-video-player 0.7.35 → 0.7.37

package/lib/index.cjs

@@ -7366,7 +7366,9 @@ var OverlayRenderer = function OverlayRenderer(param) {
     var activeOverlays = (0, import_react.useMemo)(function() {
         if (showcaseMode) {
             return overlays.filter(function(o) {
-                return o.visible && showcasePhase < SHOWCASE_POP_OUT_END_MS;
+                if (!o.visible) return false;
+                if (o.type === "scroller") return true;
+                return showcasePhase < SHOWCASE_POP_OUT_END_MS;
             });
         }
         return overlays.filter(function(o) {
@@ -7573,9 +7575,11 @@ var OverlayRenderer = function OverlayRenderer(param) {
             var width = overlay.width * scaleX;
             var height = overlay.height * scaleY;
             var baseOpacity = Math.max(0, Math.min(100, overlay.opacity)) / 100;
+            var isScrollerTicker = overlay.type === "scroller";
             var inShowcaseBeat = showcaseMode && activeBeatIds.has(overlay.id);
-            var opacity = inShowcaseBeat ? baseOpacity * showcaseOpacity(showcasePhase) : visible ? baseOpacity : 0;
-            var popScale = inShowcaseBeat ? showcaseScale(showcasePhase) : 1;
+            var useShowcasePop = inShowcaseBeat && !isScrollerTicker;
+            var opacity = useShowcasePop ? baseOpacity * showcaseOpacity(showcasePhase) : inShowcaseBeat && isScrollerTicker ? baseOpacity : visible ? baseOpacity : 0;
+            var popScale = useShowcasePop ? showcaseScale(showcasePhase) : 1;
             var sz = {
                 w: width,
                 h: height
@@ -7588,9 +7592,9 @@ var OverlayRenderer = function OverlayRenderer(param) {
                     width: "".concat(width, "px"),
                     height: "".concat(height, "px"),
                     opacity: opacity,
-                    transition: inShowcaseBeat ? "none" : "opacity ".concat(FADE_DURATION_MS, "ms ease"),
-                    transform: showcaseMode ? "scale(".concat(popScale, ")") : void 0,
-                    transformOrigin: showcaseMode ? "center center" : void 0,
+                    transition: useShowcasePop ? "none" : "opacity ".concat(FADE_DURATION_MS, "ms ease"),
+                    transform: showcaseMode && useShowcasePop ? "scale(".concat(popScale, ")") : void 0,
+                    transformOrigin: showcaseMode && useShowcasePop ? "center center" : void 0,
                     zIndex: overlay.z_index,
                     overflow: "hidden"
                 },
@@ -8067,15 +8071,20 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
             return;
         }
         var cancelled = false;
-        fetchProjectOverlays(swirlProjectId).then(function(data) {
-            if (!cancelled) setOverlays(data);
-        }).catch(function(err) {
-            if (!cancelled) {
-                console.warn("[StormcloudVideoPlayer] Failed to fetch overlays:", err);
-            }
-        });
+        var loadOverlays = function loadOverlays() {
+            fetchProjectOverlays(swirlProjectId).then(function(data) {
+                if (!cancelled) setOverlays(data);
+            }).catch(function(err) {
+                if (!cancelled) {
+                    console.warn("[StormcloudVideoPlayer] Failed to fetch overlays:", err);
+                }
+            });
+        };
+        loadOverlays();
+        var interval = window.setInterval(loadOverlays, 25e3);
         return function() {
             cancelled = true;
+            clearInterval(interval);
         };
     }, [
         swirlProjectId,