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.js
CHANGED
|
@@ -7272,6 +7272,7 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
|
|
|
7272
7272
|
};
|
|
7273
7273
|
var isHlsStream = (src === null || src === void 0 ? void 0 : src.toLowerCase().includes(".m3u8")) || (src === null || src === void 0 ? void 0 : src.toLowerCase().includes("/hls/"));
|
|
7274
7274
|
var shouldShowEnhancedControls = showCustomControls && (isHlsStream ? allowNativeHls : true);
|
|
7275
|
+
var debugPanelBottomOffset = shouldShowEnhancedControls ? Math.max(74, 92 * responsiveScale) : Math.max(52, 58 * responsiveScale);
|
|
7275
7276
|
var criticalPropsKey = useMemo(function() {
|
|
7276
7277
|
return CRITICAL_PROPS.map(function(prop) {
|
|
7277
7278
|
return "".concat(prop, ":").concat(props[prop]);
|
|
@@ -7857,37 +7858,11 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
|
|
|
7857
7858
|
})
|
|
7858
7859
|
]
|
|
7859
7860
|
}),
|
|
7860
|
-
debugAdTiming && !showLicenseWarning && !showDebugPanel && /* @__PURE__ */ jsx2("button", {
|
|
7861
|
-
className: "sc-ctrl-btn",
|
|
7862
|
-
onClick: function onClick() {
|
|
7863
|
-
setShowDebugPanel(function(prev) {
|
|
7864
|
-
return !prev;
|
|
7865
|
-
});
|
|
7866
|
-
resetControlsTimer();
|
|
7867
|
-
},
|
|
7868
|
-
style: {
|
|
7869
|
-
position: "absolute",
|
|
7870
|
-
top: "".concat(12 * responsiveScale, "px"),
|
|
7871
|
-
right: "".concat(12 * responsiveScale, "px"),
|
|
7872
|
-
zIndex: 61,
|
|
7873
|
-
width: "".concat(34 * responsiveScale, "px"),
|
|
7874
|
-
height: "".concat(34 * responsiveScale, "px"),
|
|
7875
|
-
borderRadius: "50%",
|
|
7876
|
-
background: showDebugPanel ? "rgba(255, 255, 255, 0.2)" : "rgba(0, 0, 0, 0.55)",
|
|
7877
|
-
border: "1px solid rgba(255, 255, 255, 0.2)",
|
|
7878
|
-
backdropFilter: "blur(12px)",
|
|
7879
|
-
WebkitBackdropFilter: "blur(12px)"
|
|
7880
|
-
},
|
|
7881
|
-
title: showDebugPanel ? "Hide debug panel" : "Show debug panel",
|
|
7882
|
-
children: /* @__PURE__ */ jsx2(FaCog, {
|
|
7883
|
-
size: Math.max(12, 15 * responsiveScale)
|
|
7884
|
-
})
|
|
7885
|
-
}),
|
|
7886
7861
|
debugAdTiming && showDebugPanel && !showLicenseWarning && /* @__PURE__ */ jsxs2("div", {
|
|
7887
7862
|
style: {
|
|
7888
7863
|
position: "absolute",
|
|
7889
|
-
|
|
7890
|
-
|
|
7864
|
+
right: "".concat(10 * responsiveScale, "px"),
|
|
7865
|
+
bottom: "".concat(debugPanelBottomOffset, "px"),
|
|
7891
7866
|
width: "".concat(Math.min(440, Math.max(320, viewportWidth * 0.42)), "px"),
|
|
7892
7867
|
maxWidth: "92vw",
|
|
7893
7868
|
height: isPortrait ? "52vh" : "420px",
|
|
@@ -8275,6 +8250,26 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
|
|
|
8275
8250
|
gap: "".concat(8 * responsiveScale, "px")
|
|
8276
8251
|
},
|
|
8277
8252
|
children: [
|
|
8253
|
+
debugAdTiming && /* @__PURE__ */ jsx2("button", {
|
|
8254
|
+
className: "sc-ctrl-btn",
|
|
8255
|
+
onClick: function onClick() {
|
|
8256
|
+
setShowDebugPanel(function(prev) {
|
|
8257
|
+
return !prev;
|
|
8258
|
+
});
|
|
8259
|
+
resetControlsTimer();
|
|
8260
|
+
},
|
|
8261
|
+
style: {
|
|
8262
|
+
padding: "".concat(8 * responsiveScale, "px"),
|
|
8263
|
+
borderRadius: "50%",
|
|
8264
|
+
minWidth: "".concat(36 * responsiveScale, "px"),
|
|
8265
|
+
minHeight: "".concat(36 * responsiveScale, "px"),
|
|
8266
|
+
background: showDebugPanel ? "rgba(255, 255, 255, 0.16)" : "transparent"
|
|
8267
|
+
},
|
|
8268
|
+
title: showDebugPanel ? "Hide debug panel" : "Show debug panel",
|
|
8269
|
+
children: /* @__PURE__ */ jsx2(FaCog, {
|
|
8270
|
+
size: Math.max(14, 18 * responsiveScale)
|
|
8271
|
+
})
|
|
8272
|
+
}),
|
|
8278
8273
|
/* @__PURE__ */ jsxs2("div", {
|
|
8279
8274
|
style: {
|
|
8280
8275
|
position: "relative",
|
|
@@ -8526,6 +8521,26 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
|
|
|
8526
8521
|
})
|
|
8527
8522
|
]
|
|
8528
8523
|
}),
|
|
8524
|
+
debugAdTiming && /* @__PURE__ */ jsx2("button", {
|
|
8525
|
+
className: "sc-ctrl-btn",
|
|
8526
|
+
onClick: function onClick() {
|
|
8527
|
+
setShowDebugPanel(function(prev) {
|
|
8528
|
+
return !prev;
|
|
8529
|
+
});
|
|
8530
|
+
resetControlsTimer();
|
|
8531
|
+
},
|
|
8532
|
+
style: {
|
|
8533
|
+
padding: "".concat(8 * responsiveScale, "px"),
|
|
8534
|
+
borderRadius: "50%",
|
|
8535
|
+
minWidth: "".concat(36 * responsiveScale, "px"),
|
|
8536
|
+
minHeight: "".concat(36 * responsiveScale, "px"),
|
|
8537
|
+
background: showDebugPanel ? "rgba(255, 255, 255, 0.16)" : "rgba(0, 0, 0, 0.6)"
|
|
8538
|
+
},
|
|
8539
|
+
title: showDebugPanel ? "Hide debug panel" : "Show debug panel",
|
|
8540
|
+
children: /* @__PURE__ */ jsx2(FaCog, {
|
|
8541
|
+
size: Math.max(14, 18 * responsiveScale)
|
|
8542
|
+
})
|
|
8543
|
+
}),
|
|
8529
8544
|
/* @__PURE__ */ jsx2("button", {
|
|
8530
8545
|
className: "sc-ctrl-btn",
|
|
8531
8546
|
onClick: function onClick() {
|