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
|
@@ -1813,7 +1813,9 @@ var OverlayRenderer = function OverlayRenderer(param) {
|
|
|
1813
1813
|
var activeOverlays = (0, import_react.useMemo)(function() {
|
|
1814
1814
|
if (showcaseMode) {
|
|
1815
1815
|
return overlays.filter(function(o) {
|
|
1816
|
-
|
|
1816
|
+
if (!o.visible) return false;
|
|
1817
|
+
if (o.type === "scroller") return true;
|
|
1818
|
+
return showcasePhase < SHOWCASE_POP_OUT_END_MS;
|
|
1817
1819
|
});
|
|
1818
1820
|
}
|
|
1819
1821
|
return overlays.filter(function(o) {
|
|
@@ -2020,9 +2022,11 @@ var OverlayRenderer = function OverlayRenderer(param) {
|
|
|
2020
2022
|
var width = overlay.width * scaleX;
|
|
2021
2023
|
var height = overlay.height * scaleY;
|
|
2022
2024
|
var baseOpacity = Math.max(0, Math.min(100, overlay.opacity)) / 100;
|
|
2025
|
+
var isScrollerTicker = overlay.type === "scroller";
|
|
2023
2026
|
var inShowcaseBeat = showcaseMode && activeBeatIds.has(overlay.id);
|
|
2024
|
-
var
|
|
2025
|
-
var
|
|
2027
|
+
var useShowcasePop = inShowcaseBeat && !isScrollerTicker;
|
|
2028
|
+
var opacity = useShowcasePop ? baseOpacity * showcaseOpacity(showcasePhase) : inShowcaseBeat && isScrollerTicker ? baseOpacity : visible ? baseOpacity : 0;
|
|
2029
|
+
var popScale = useShowcasePop ? showcaseScale(showcasePhase) : 1;
|
|
2026
2030
|
var sz = {
|
|
2027
2031
|
w: width,
|
|
2028
2032
|
h: height
|
|
@@ -2035,9 +2039,9 @@ var OverlayRenderer = function OverlayRenderer(param) {
|
|
|
2035
2039
|
width: "".concat(width, "px"),
|
|
2036
2040
|
height: "".concat(height, "px"),
|
|
2037
2041
|
opacity: opacity,
|
|
2038
|
-
transition:
|
|
2039
|
-
transform: showcaseMode ? "scale(".concat(popScale, ")") : void 0,
|
|
2040
|
-
transformOrigin: showcaseMode ? "center center" : void 0,
|
|
2042
|
+
transition: useShowcasePop ? "none" : "opacity ".concat(FADE_DURATION_MS, "ms ease"),
|
|
2043
|
+
transform: showcaseMode && useShowcasePop ? "scale(".concat(popScale, ")") : void 0,
|
|
2044
|
+
transformOrigin: showcaseMode && useShowcasePop ? "center center" : void 0,
|
|
2041
2045
|
zIndex: overlay.z_index,
|
|
2042
2046
|
overflow: "hidden"
|
|
2043
2047
|
},
|