stormcloud-video-player 0.7.30 → 0.7.32
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 +29 -23
- package/lib/index.cjs.map +1 -1
- package/lib/index.js +29 -23
- package/lib/index.js.map +1 -1
- package/lib/ui/OverlayRenderer.cjs +29 -23
- package/lib/ui/OverlayRenderer.cjs.map +1 -1
- package/lib/ui/StormcloudVideoPlayer.cjs +29 -23
- package/lib/ui/StormcloudVideoPlayer.cjs.map +1 -1
- package/package.json +1 -1
package/lib/index.cjs
CHANGED
|
@@ -6709,25 +6709,29 @@ function ComingUpNextOverlay(param) {
|
|
|
6709
6709
|
var overlay = param.overlay, size = param.size;
|
|
6710
6710
|
var cfg = parseConfig(overlay.content);
|
|
6711
6711
|
if (!cfg) return null;
|
|
6712
|
-
var f = Math.max(
|
|
6712
|
+
var f = Math.max(8, Math.min(size.h * 0.13, size.w * 0.048));
|
|
6713
|
+
var showSubtitle = size.h >= 60;
|
|
6714
|
+
var showThumbnail = false;
|
|
6715
|
+
var thumbW = 0;
|
|
6713
6716
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
|
|
6714
6717
|
style: {
|
|
6715
6718
|
width: "100%",
|
|
6716
6719
|
height: "100%",
|
|
6717
|
-
borderRadius: Math.max(2, size.w * 0.
|
|
6720
|
+
borderRadius: Math.max(2, size.w * 0.025),
|
|
6718
6721
|
display: "flex",
|
|
6719
6722
|
background: cfg.backgroundColor,
|
|
6720
6723
|
color: cfg.textColor,
|
|
6721
|
-
fontFamily: "
|
|
6724
|
+
fontFamily: "'Arial', 'Helvetica Neue', Helvetica, sans-serif",
|
|
6722
6725
|
overflow: "hidden",
|
|
6723
6726
|
pointerEvents: "none",
|
|
6724
6727
|
userSelect: "none",
|
|
6725
|
-
fontSize: "".concat(f, "px")
|
|
6728
|
+
fontSize: "".concat(f, "px"),
|
|
6729
|
+
WebkitFontSmoothing: "antialiased"
|
|
6726
6730
|
},
|
|
6727
6731
|
children: [
|
|
6728
6732
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
6729
6733
|
style: {
|
|
6730
|
-
width: Math.max(
|
|
6734
|
+
width: Math.max(3, size.w * 0.018),
|
|
6731
6735
|
flexShrink: 0,
|
|
6732
6736
|
backgroundColor: cfg.accentColor
|
|
6733
6737
|
}
|
|
@@ -6738,36 +6742,38 @@ function ComingUpNextOverlay(param) {
|
|
|
6738
6742
|
display: "flex",
|
|
6739
6743
|
flexDirection: "column",
|
|
6740
6744
|
justifyContent: "center",
|
|
6741
|
-
padding: "".concat(f * 0.
|
|
6742
|
-
minWidth: 0
|
|
6745
|
+
padding: "".concat(f * 0.35, "px ").concat(f * 0.75, "px"),
|
|
6746
|
+
minWidth: 0,
|
|
6747
|
+
gap: "".concat(f * 0.08, "px")
|
|
6743
6748
|
},
|
|
6744
6749
|
children: [
|
|
6745
6750
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
6746
6751
|
style: {
|
|
6747
|
-
fontSize: "0.
|
|
6748
|
-
fontWeight:
|
|
6752
|
+
fontSize: "0.7em",
|
|
6753
|
+
fontWeight: 700,
|
|
6749
6754
|
textTransform: "uppercase",
|
|
6750
|
-
letterSpacing: "0.
|
|
6751
|
-
color: cfg.accentColor
|
|
6755
|
+
letterSpacing: "0.09em",
|
|
6756
|
+
color: cfg.accentColor,
|
|
6757
|
+
lineHeight: 1
|
|
6752
6758
|
},
|
|
6753
6759
|
children: "Coming Up Next"
|
|
6754
6760
|
}),
|
|
6755
6761
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
6756
6762
|
style: {
|
|
6757
|
-
fontSize: "1.
|
|
6763
|
+
fontSize: "1.2em",
|
|
6758
6764
|
fontWeight: 700,
|
|
6759
6765
|
lineHeight: 1.2,
|
|
6760
|
-
marginTop: f * 0.2,
|
|
6761
6766
|
overflow: "hidden",
|
|
6762
6767
|
textOverflow: "ellipsis",
|
|
6763
6768
|
whiteSpace: "nowrap"
|
|
6764
6769
|
},
|
|
6765
6770
|
children: cfg.title
|
|
6766
6771
|
}),
|
|
6767
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
6772
|
+
showSubtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
6768
6773
|
style: {
|
|
6769
|
-
fontSize: "0.
|
|
6770
|
-
opacity: 0.
|
|
6774
|
+
fontSize: "0.82em",
|
|
6775
|
+
opacity: 0.65,
|
|
6776
|
+
lineHeight: 1.1,
|
|
6771
6777
|
overflow: "hidden",
|
|
6772
6778
|
textOverflow: "ellipsis",
|
|
6773
6779
|
whiteSpace: "nowrap"
|
|
@@ -6776,24 +6782,24 @@ function ComingUpNextOverlay(param) {
|
|
|
6776
6782
|
}),
|
|
6777
6783
|
cfg.scheduledTime && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
6778
6784
|
style: {
|
|
6779
|
-
fontSize: "
|
|
6780
|
-
fontWeight:
|
|
6781
|
-
|
|
6782
|
-
|
|
6785
|
+
fontSize: "0.9em",
|
|
6786
|
+
fontWeight: 700,
|
|
6787
|
+
color: cfg.accentColor,
|
|
6788
|
+
lineHeight: 1
|
|
6783
6789
|
},
|
|
6784
6790
|
children: cfg.scheduledTime
|
|
6785
6791
|
})
|
|
6786
6792
|
]
|
|
6787
6793
|
}),
|
|
6788
|
-
|
|
6794
|
+
showThumbnail && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
6789
6795
|
style: {
|
|
6790
6796
|
flexShrink: 0,
|
|
6791
|
-
width:
|
|
6797
|
+
width: "".concat(thumbW, "px"),
|
|
6792
6798
|
overflow: "hidden"
|
|
6793
6799
|
},
|
|
6794
6800
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
|
|
6795
6801
|
src: cfg.thumbnailUrl,
|
|
6796
|
-
alt: "
|
|
6802
|
+
alt: "",
|
|
6797
6803
|
style: {
|
|
6798
6804
|
width: "100%",
|
|
6799
6805
|
height: "100%",
|