stormcloud-video-player 0.7.5 → 0.7.6
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 +43 -28
- package/lib/index.cjs.map +1 -1
- package/lib/index.js +43 -28
- package/lib/index.js.map +1 -1
- package/lib/ui/StormcloudVideoPlayer.cjs +43 -28
- package/lib/ui/StormcloudVideoPlayer.cjs.map +1 -1
- package/package.json +1 -1
- package/lib/types-BII_CKbE.d.cts +0 -105
package/lib/index.cjs
CHANGED
|
@@ -7438,6 +7438,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
|
|
|
7438
7438
|
};
|
|
7439
7439
|
var isHlsStream = (src === null || src === void 0 ? void 0 : src.toLowerCase().includes(".m3u8")) || (src === null || src === void 0 ? void 0 : src.toLowerCase().includes("/hls/"));
|
|
7440
7440
|
var shouldShowEnhancedControls = showCustomControls && (isHlsStream ? allowNativeHls : true);
|
|
7441
|
+
var debugPanelBottomOffset = shouldShowEnhancedControls ? Math.max(74, 92 * responsiveScale) : Math.max(52, 58 * responsiveScale);
|
|
7441
7442
|
var criticalPropsKey = (0, import_react2.useMemo)(function() {
|
|
7442
7443
|
return CRITICAL_PROPS.map(function(prop) {
|
|
7443
7444
|
return "".concat(prop, ":").concat(props[prop]);
|
|
@@ -8023,37 +8024,11 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
|
|
|
8023
8024
|
})
|
|
8024
8025
|
]
|
|
8025
8026
|
}),
|
|
8026
|
-
debugAdTiming && !showLicenseWarning && !showDebugPanel && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
|
|
8027
|
-
className: "sc-ctrl-btn",
|
|
8028
|
-
onClick: function onClick() {
|
|
8029
|
-
setShowDebugPanel(function(prev) {
|
|
8030
|
-
return !prev;
|
|
8031
|
-
});
|
|
8032
|
-
resetControlsTimer();
|
|
8033
|
-
},
|
|
8034
|
-
style: {
|
|
8035
|
-
position: "absolute",
|
|
8036
|
-
top: "".concat(12 * responsiveScale, "px"),
|
|
8037
|
-
right: "".concat(12 * responsiveScale, "px"),
|
|
8038
|
-
zIndex: 61,
|
|
8039
|
-
width: "".concat(34 * responsiveScale, "px"),
|
|
8040
|
-
height: "".concat(34 * responsiveScale, "px"),
|
|
8041
|
-
borderRadius: "50%",
|
|
8042
|
-
background: showDebugPanel ? "rgba(255, 255, 255, 0.2)" : "rgba(0, 0, 0, 0.55)",
|
|
8043
|
-
border: "1px solid rgba(255, 255, 255, 0.2)",
|
|
8044
|
-
backdropFilter: "blur(12px)",
|
|
8045
|
-
WebkitBackdropFilter: "blur(12px)"
|
|
8046
|
-
},
|
|
8047
|
-
title: showDebugPanel ? "Hide debug panel" : "Show debug panel",
|
|
8048
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_fa.FaCog, {
|
|
8049
|
-
size: Math.max(12, 15 * responsiveScale)
|
|
8050
|
-
})
|
|
8051
|
-
}),
|
|
8052
8027
|
debugAdTiming && showDebugPanel && !showLicenseWarning && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", {
|
|
8053
8028
|
style: {
|
|
8054
8029
|
position: "absolute",
|
|
8055
|
-
|
|
8056
|
-
|
|
8030
|
+
right: "".concat(10 * responsiveScale, "px"),
|
|
8031
|
+
bottom: "".concat(debugPanelBottomOffset, "px"),
|
|
8057
8032
|
width: "".concat(Math.min(440, Math.max(320, viewportWidth * 0.42)), "px"),
|
|
8058
8033
|
maxWidth: "92vw",
|
|
8059
8034
|
height: isPortrait ? "52vh" : "420px",
|
|
@@ -8441,6 +8416,26 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
|
|
|
8441
8416
|
gap: "".concat(8 * responsiveScale, "px")
|
|
8442
8417
|
},
|
|
8443
8418
|
children: [
|
|
8419
|
+
debugAdTiming && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
|
|
8420
|
+
className: "sc-ctrl-btn",
|
|
8421
|
+
onClick: function onClick() {
|
|
8422
|
+
setShowDebugPanel(function(prev) {
|
|
8423
|
+
return !prev;
|
|
8424
|
+
});
|
|
8425
|
+
resetControlsTimer();
|
|
8426
|
+
},
|
|
8427
|
+
style: {
|
|
8428
|
+
padding: "".concat(8 * responsiveScale, "px"),
|
|
8429
|
+
borderRadius: "50%",
|
|
8430
|
+
minWidth: "".concat(36 * responsiveScale, "px"),
|
|
8431
|
+
minHeight: "".concat(36 * responsiveScale, "px"),
|
|
8432
|
+
background: showDebugPanel ? "rgba(255, 255, 255, 0.16)" : "transparent"
|
|
8433
|
+
},
|
|
8434
|
+
title: showDebugPanel ? "Hide debug panel" : "Show debug panel",
|
|
8435
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_fa.FaCog, {
|
|
8436
|
+
size: Math.max(14, 18 * responsiveScale)
|
|
8437
|
+
})
|
|
8438
|
+
}),
|
|
8444
8439
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", {
|
|
8445
8440
|
style: {
|
|
8446
8441
|
position: "relative",
|
|
@@ -8692,6 +8687,26 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
|
|
|
8692
8687
|
})
|
|
8693
8688
|
]
|
|
8694
8689
|
}),
|
|
8690
|
+
debugAdTiming && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
|
|
8691
|
+
className: "sc-ctrl-btn",
|
|
8692
|
+
onClick: function onClick() {
|
|
8693
|
+
setShowDebugPanel(function(prev) {
|
|
8694
|
+
return !prev;
|
|
8695
|
+
});
|
|
8696
|
+
resetControlsTimer();
|
|
8697
|
+
},
|
|
8698
|
+
style: {
|
|
8699
|
+
padding: "".concat(8 * responsiveScale, "px"),
|
|
8700
|
+
borderRadius: "50%",
|
|
8701
|
+
minWidth: "".concat(36 * responsiveScale, "px"),
|
|
8702
|
+
minHeight: "".concat(36 * responsiveScale, "px"),
|
|
8703
|
+
background: showDebugPanel ? "rgba(255, 255, 255, 0.16)" : "rgba(0, 0, 0, 0.6)"
|
|
8704
|
+
},
|
|
8705
|
+
title: showDebugPanel ? "Hide debug panel" : "Show debug panel",
|
|
8706
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_fa.FaCog, {
|
|
8707
|
+
size: Math.max(14, 18 * responsiveScale)
|
|
8708
|
+
})
|
|
8709
|
+
}),
|
|
8695
8710
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
|
|
8696
8711
|
className: "sc-ctrl-btn",
|
|
8697
8712
|
onClick: function onClick() {
|