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