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
|
@@ -6531,25 +6531,29 @@ function ComingUpNextOverlay(param) {
|
|
|
6531
6531
|
var overlay = param.overlay, size = param.size;
|
|
6532
6532
|
var cfg = parseConfig(overlay.content);
|
|
6533
6533
|
if (!cfg) return null;
|
|
6534
|
-
var f = Math.max(
|
|
6534
|
+
var f = Math.max(8, Math.min(size.h * 0.13, size.w * 0.048));
|
|
6535
|
+
var showSubtitle = size.h >= 60;
|
|
6536
|
+
var showThumbnail = false;
|
|
6537
|
+
var thumbW = 0;
|
|
6535
6538
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
|
|
6536
6539
|
style: {
|
|
6537
6540
|
width: "100%",
|
|
6538
6541
|
height: "100%",
|
|
6539
|
-
borderRadius: Math.max(2, size.w * 0.
|
|
6542
|
+
borderRadius: Math.max(2, size.w * 0.025),
|
|
6540
6543
|
display: "flex",
|
|
6541
6544
|
background: cfg.backgroundColor,
|
|
6542
6545
|
color: cfg.textColor,
|
|
6543
|
-
fontFamily: "
|
|
6546
|
+
fontFamily: "'Arial', 'Helvetica Neue', Helvetica, sans-serif",
|
|
6544
6547
|
overflow: "hidden",
|
|
6545
6548
|
pointerEvents: "none",
|
|
6546
6549
|
userSelect: "none",
|
|
6547
|
-
fontSize: "".concat(f, "px")
|
|
6550
|
+
fontSize: "".concat(f, "px"),
|
|
6551
|
+
WebkitFontSmoothing: "antialiased"
|
|
6548
6552
|
},
|
|
6549
6553
|
children: [
|
|
6550
6554
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
6551
6555
|
style: {
|
|
6552
|
-
width: Math.max(
|
|
6556
|
+
width: Math.max(3, size.w * 0.018),
|
|
6553
6557
|
flexShrink: 0,
|
|
6554
6558
|
backgroundColor: cfg.accentColor
|
|
6555
6559
|
}
|
|
@@ -6560,36 +6564,38 @@ function ComingUpNextOverlay(param) {
|
|
|
6560
6564
|
display: "flex",
|
|
6561
6565
|
flexDirection: "column",
|
|
6562
6566
|
justifyContent: "center",
|
|
6563
|
-
padding: "".concat(f * 0.
|
|
6564
|
-
minWidth: 0
|
|
6567
|
+
padding: "".concat(f * 0.35, "px ").concat(f * 0.75, "px"),
|
|
6568
|
+
minWidth: 0,
|
|
6569
|
+
gap: "".concat(f * 0.08, "px")
|
|
6565
6570
|
},
|
|
6566
6571
|
children: [
|
|
6567
6572
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
6568
6573
|
style: {
|
|
6569
|
-
fontSize: "0.
|
|
6570
|
-
fontWeight:
|
|
6574
|
+
fontSize: "0.7em",
|
|
6575
|
+
fontWeight: 700,
|
|
6571
6576
|
textTransform: "uppercase",
|
|
6572
|
-
letterSpacing: "0.
|
|
6573
|
-
color: cfg.accentColor
|
|
6577
|
+
letterSpacing: "0.09em",
|
|
6578
|
+
color: cfg.accentColor,
|
|
6579
|
+
lineHeight: 1
|
|
6574
6580
|
},
|
|
6575
6581
|
children: "Coming Up Next"
|
|
6576
6582
|
}),
|
|
6577
6583
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
6578
6584
|
style: {
|
|
6579
|
-
fontSize: "1.
|
|
6585
|
+
fontSize: "1.2em",
|
|
6580
6586
|
fontWeight: 700,
|
|
6581
6587
|
lineHeight: 1.2,
|
|
6582
|
-
marginTop: f * 0.2,
|
|
6583
6588
|
overflow: "hidden",
|
|
6584
6589
|
textOverflow: "ellipsis",
|
|
6585
6590
|
whiteSpace: "nowrap"
|
|
6586
6591
|
},
|
|
6587
6592
|
children: cfg.title
|
|
6588
6593
|
}),
|
|
6589
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
6594
|
+
showSubtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
6590
6595
|
style: {
|
|
6591
|
-
fontSize: "0.
|
|
6592
|
-
opacity: 0.
|
|
6596
|
+
fontSize: "0.82em",
|
|
6597
|
+
opacity: 0.65,
|
|
6598
|
+
lineHeight: 1.1,
|
|
6593
6599
|
overflow: "hidden",
|
|
6594
6600
|
textOverflow: "ellipsis",
|
|
6595
6601
|
whiteSpace: "nowrap"
|
|
@@ -6598,24 +6604,24 @@ function ComingUpNextOverlay(param) {
|
|
|
6598
6604
|
}),
|
|
6599
6605
|
cfg.scheduledTime && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
6600
6606
|
style: {
|
|
6601
|
-
fontSize: "
|
|
6602
|
-
fontWeight:
|
|
6603
|
-
|
|
6604
|
-
|
|
6607
|
+
fontSize: "0.9em",
|
|
6608
|
+
fontWeight: 700,
|
|
6609
|
+
color: cfg.accentColor,
|
|
6610
|
+
lineHeight: 1
|
|
6605
6611
|
},
|
|
6606
6612
|
children: cfg.scheduledTime
|
|
6607
6613
|
})
|
|
6608
6614
|
]
|
|
6609
6615
|
}),
|
|
6610
|
-
|
|
6616
|
+
showThumbnail && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
6611
6617
|
style: {
|
|
6612
6618
|
flexShrink: 0,
|
|
6613
|
-
width:
|
|
6619
|
+
width: "".concat(thumbW, "px"),
|
|
6614
6620
|
overflow: "hidden"
|
|
6615
6621
|
},
|
|
6616
6622
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
|
|
6617
6623
|
src: cfg.thumbnailUrl,
|
|
6618
|
-
alt: "
|
|
6624
|
+
alt: "",
|
|
6619
6625
|
style: {
|
|
6620
6626
|
width: "100%",
|
|
6621
6627
|
height: "100%",
|