stormcloud-video-player 0.7.36 → 0.7.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/stormcloud-vp.min.js +1 -1
- package/lib/index.cjs +10 -6
- package/lib/index.cjs.map +1 -1
- package/lib/index.js +10 -6
- package/lib/index.js.map +1 -1
- package/lib/ui/OverlayRenderer.cjs +10 -6
- package/lib/ui/OverlayRenderer.cjs.map +1 -1
- package/lib/ui/StormcloudVideoPlayer.cjs +10 -6
- package/lib/ui/StormcloudVideoPlayer.cjs.map +1 -1
- package/package.json +1 -1
package/lib/index.js
CHANGED
|
@@ -7197,7 +7197,9 @@ var OverlayRenderer = function OverlayRenderer(param) {
|
|
|
7197
7197
|
var activeOverlays = useMemo(function() {
|
|
7198
7198
|
if (showcaseMode) {
|
|
7199
7199
|
return overlays.filter(function(o) {
|
|
7200
|
-
|
|
7200
|
+
if (!o.visible) return false;
|
|
7201
|
+
if (o.type === "scroller") return true;
|
|
7202
|
+
return showcasePhase < SHOWCASE_POP_OUT_END_MS;
|
|
7201
7203
|
});
|
|
7202
7204
|
}
|
|
7203
7205
|
return overlays.filter(function(o) {
|
|
@@ -7404,9 +7406,11 @@ var OverlayRenderer = function OverlayRenderer(param) {
|
|
|
7404
7406
|
var width = overlay.width * scaleX;
|
|
7405
7407
|
var height = overlay.height * scaleY;
|
|
7406
7408
|
var baseOpacity = Math.max(0, Math.min(100, overlay.opacity)) / 100;
|
|
7409
|
+
var isScrollerTicker = overlay.type === "scroller";
|
|
7407
7410
|
var inShowcaseBeat = showcaseMode && activeBeatIds.has(overlay.id);
|
|
7408
|
-
var
|
|
7409
|
-
var
|
|
7411
|
+
var useShowcasePop = inShowcaseBeat && !isScrollerTicker;
|
|
7412
|
+
var opacity = useShowcasePop ? baseOpacity * showcaseOpacity(showcasePhase) : inShowcaseBeat && isScrollerTicker ? baseOpacity : visible ? baseOpacity : 0;
|
|
7413
|
+
var popScale = useShowcasePop ? showcaseScale(showcasePhase) : 1;
|
|
7410
7414
|
var sz = {
|
|
7411
7415
|
w: width,
|
|
7412
7416
|
h: height
|
|
@@ -7419,9 +7423,9 @@ var OverlayRenderer = function OverlayRenderer(param) {
|
|
|
7419
7423
|
width: "".concat(width, "px"),
|
|
7420
7424
|
height: "".concat(height, "px"),
|
|
7421
7425
|
opacity: opacity,
|
|
7422
|
-
transition:
|
|
7423
|
-
transform: showcaseMode ? "scale(".concat(popScale, ")") : void 0,
|
|
7424
|
-
transformOrigin: showcaseMode ? "center center" : void 0,
|
|
7426
|
+
transition: useShowcasePop ? "none" : "opacity ".concat(FADE_DURATION_MS, "ms ease"),
|
|
7427
|
+
transform: showcaseMode && useShowcasePop ? "scale(".concat(popScale, ")") : void 0,
|
|
7428
|
+
transformOrigin: showcaseMode && useShowcasePop ? "center center" : void 0,
|
|
7425
7429
|
zIndex: overlay.z_index,
|
|
7426
7430
|
overflow: "hidden"
|
|
7427
7431
|
},
|