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
|
@@ -7260,6 +7260,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
|
|
|
7260
7260
|
};
|
|
7261
7261
|
var isHlsStream = (src === null || src === void 0 ? void 0 : src.toLowerCase().includes(".m3u8")) || (src === null || src === void 0 ? void 0 : src.toLowerCase().includes("/hls/"));
|
|
7262
7262
|
var shouldShowEnhancedControls = showCustomControls && (isHlsStream ? allowNativeHls : true);
|
|
7263
|
+
var debugPanelBottomOffset = shouldShowEnhancedControls ? Math.max(74, 92 * responsiveScale) : Math.max(52, 58 * responsiveScale);
|
|
7263
7264
|
var criticalPropsKey = (0, import_react2.useMemo)(function() {
|
|
7264
7265
|
return CRITICAL_PROPS.map(function(prop) {
|
|
7265
7266
|
return "".concat(prop, ":").concat(props[prop]);
|
|
@@ -7845,37 +7846,11 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
|
|
|
7845
7846
|
})
|
|
7846
7847
|
]
|
|
7847
7848
|
}),
|
|
7848
|
-
debugAdTiming && !showLicenseWarning && !showDebugPanel && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
|
|
7849
|
-
className: "sc-ctrl-btn",
|
|
7850
|
-
onClick: function onClick() {
|
|
7851
|
-
setShowDebugPanel(function(prev) {
|
|
7852
|
-
return !prev;
|
|
7853
|
-
});
|
|
7854
|
-
resetControlsTimer();
|
|
7855
|
-
},
|
|
7856
|
-
style: {
|
|
7857
|
-
position: "absolute",
|
|
7858
|
-
top: "".concat(12 * responsiveScale, "px"),
|
|
7859
|
-
right: "".concat(12 * responsiveScale, "px"),
|
|
7860
|
-
zIndex: 61,
|
|
7861
|
-
width: "".concat(34 * responsiveScale, "px"),
|
|
7862
|
-
height: "".concat(34 * responsiveScale, "px"),
|
|
7863
|
-
borderRadius: "50%",
|
|
7864
|
-
background: showDebugPanel ? "rgba(255, 255, 255, 0.2)" : "rgba(0, 0, 0, 0.55)",
|
|
7865
|
-
border: "1px solid rgba(255, 255, 255, 0.2)",
|
|
7866
|
-
backdropFilter: "blur(12px)",
|
|
7867
|
-
WebkitBackdropFilter: "blur(12px)"
|
|
7868
|
-
},
|
|
7869
|
-
title: showDebugPanel ? "Hide debug panel" : "Show debug panel",
|
|
7870
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_fa.FaCog, {
|
|
7871
|
-
size: Math.max(12, 15 * responsiveScale)
|
|
7872
|
-
})
|
|
7873
|
-
}),
|
|
7874
7849
|
debugAdTiming && showDebugPanel && !showLicenseWarning && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", {
|
|
7875
7850
|
style: {
|
|
7876
7851
|
position: "absolute",
|
|
7877
|
-
|
|
7878
|
-
|
|
7852
|
+
right: "".concat(10 * responsiveScale, "px"),
|
|
7853
|
+
bottom: "".concat(debugPanelBottomOffset, "px"),
|
|
7879
7854
|
width: "".concat(Math.min(440, Math.max(320, viewportWidth * 0.42)), "px"),
|
|
7880
7855
|
maxWidth: "92vw",
|
|
7881
7856
|
height: isPortrait ? "52vh" : "420px",
|
|
@@ -8263,6 +8238,26 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
|
|
|
8263
8238
|
gap: "".concat(8 * responsiveScale, "px")
|
|
8264
8239
|
},
|
|
8265
8240
|
children: [
|
|
8241
|
+
debugAdTiming && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
|
|
8242
|
+
className: "sc-ctrl-btn",
|
|
8243
|
+
onClick: function onClick() {
|
|
8244
|
+
setShowDebugPanel(function(prev) {
|
|
8245
|
+
return !prev;
|
|
8246
|
+
});
|
|
8247
|
+
resetControlsTimer();
|
|
8248
|
+
},
|
|
8249
|
+
style: {
|
|
8250
|
+
padding: "".concat(8 * responsiveScale, "px"),
|
|
8251
|
+
borderRadius: "50%",
|
|
8252
|
+
minWidth: "".concat(36 * responsiveScale, "px"),
|
|
8253
|
+
minHeight: "".concat(36 * responsiveScale, "px"),
|
|
8254
|
+
background: showDebugPanel ? "rgba(255, 255, 255, 0.16)" : "transparent"
|
|
8255
|
+
},
|
|
8256
|
+
title: showDebugPanel ? "Hide debug panel" : "Show debug panel",
|
|
8257
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_fa.FaCog, {
|
|
8258
|
+
size: Math.max(14, 18 * responsiveScale)
|
|
8259
|
+
})
|
|
8260
|
+
}),
|
|
8266
8261
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", {
|
|
8267
8262
|
style: {
|
|
8268
8263
|
position: "relative",
|
|
@@ -8514,6 +8509,26 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
|
|
|
8514
8509
|
})
|
|
8515
8510
|
]
|
|
8516
8511
|
}),
|
|
8512
|
+
debugAdTiming && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
|
|
8513
|
+
className: "sc-ctrl-btn",
|
|
8514
|
+
onClick: function onClick() {
|
|
8515
|
+
setShowDebugPanel(function(prev) {
|
|
8516
|
+
return !prev;
|
|
8517
|
+
});
|
|
8518
|
+
resetControlsTimer();
|
|
8519
|
+
},
|
|
8520
|
+
style: {
|
|
8521
|
+
padding: "".concat(8 * responsiveScale, "px"),
|
|
8522
|
+
borderRadius: "50%",
|
|
8523
|
+
minWidth: "".concat(36 * responsiveScale, "px"),
|
|
8524
|
+
minHeight: "".concat(36 * responsiveScale, "px"),
|
|
8525
|
+
background: showDebugPanel ? "rgba(255, 255, 255, 0.16)" : "rgba(0, 0, 0, 0.6)"
|
|
8526
|
+
},
|
|
8527
|
+
title: showDebugPanel ? "Hide debug panel" : "Show debug panel",
|
|
8528
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_fa.FaCog, {
|
|
8529
|
+
size: Math.max(14, 18 * responsiveScale)
|
|
8530
|
+
})
|
|
8531
|
+
}),
|
|
8517
8532
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
|
|
8518
8533
|
className: "sc-ctrl-btn",
|
|
8519
8534
|
onClick: function onClick() {
|