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
|
@@ -1195,25 +1195,29 @@ function ComingUpNextOverlay(param) {
|
|
|
1195
1195
|
var overlay = param.overlay, size = param.size;
|
|
1196
1196
|
var cfg = parseConfig(overlay.content);
|
|
1197
1197
|
if (!cfg) return null;
|
|
1198
|
-
var f = Math.max(
|
|
1198
|
+
var f = Math.max(8, Math.min(size.h * 0.13, size.w * 0.048));
|
|
1199
|
+
var showSubtitle = size.h >= 60;
|
|
1200
|
+
var showThumbnail = false;
|
|
1201
|
+
var thumbW = 0;
|
|
1199
1202
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
|
|
1200
1203
|
style: {
|
|
1201
1204
|
width: "100%",
|
|
1202
1205
|
height: "100%",
|
|
1203
|
-
borderRadius: Math.max(2, size.w * 0.
|
|
1206
|
+
borderRadius: Math.max(2, size.w * 0.025),
|
|
1204
1207
|
display: "flex",
|
|
1205
1208
|
background: cfg.backgroundColor,
|
|
1206
1209
|
color: cfg.textColor,
|
|
1207
|
-
fontFamily: "
|
|
1210
|
+
fontFamily: "'Arial', 'Helvetica Neue', Helvetica, sans-serif",
|
|
1208
1211
|
overflow: "hidden",
|
|
1209
1212
|
pointerEvents: "none",
|
|
1210
1213
|
userSelect: "none",
|
|
1211
|
-
fontSize: "".concat(f, "px")
|
|
1214
|
+
fontSize: "".concat(f, "px"),
|
|
1215
|
+
WebkitFontSmoothing: "antialiased"
|
|
1212
1216
|
},
|
|
1213
1217
|
children: [
|
|
1214
1218
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
1215
1219
|
style: {
|
|
1216
|
-
width: Math.max(
|
|
1220
|
+
width: Math.max(3, size.w * 0.018),
|
|
1217
1221
|
flexShrink: 0,
|
|
1218
1222
|
backgroundColor: cfg.accentColor
|
|
1219
1223
|
}
|
|
@@ -1224,36 +1228,38 @@ function ComingUpNextOverlay(param) {
|
|
|
1224
1228
|
display: "flex",
|
|
1225
1229
|
flexDirection: "column",
|
|
1226
1230
|
justifyContent: "center",
|
|
1227
|
-
padding: "".concat(f * 0.
|
|
1228
|
-
minWidth: 0
|
|
1231
|
+
padding: "".concat(f * 0.35, "px ").concat(f * 0.75, "px"),
|
|
1232
|
+
minWidth: 0,
|
|
1233
|
+
gap: "".concat(f * 0.08, "px")
|
|
1229
1234
|
},
|
|
1230
1235
|
children: [
|
|
1231
1236
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
1232
1237
|
style: {
|
|
1233
|
-
fontSize: "0.
|
|
1234
|
-
fontWeight:
|
|
1238
|
+
fontSize: "0.7em",
|
|
1239
|
+
fontWeight: 700,
|
|
1235
1240
|
textTransform: "uppercase",
|
|
1236
|
-
letterSpacing: "0.
|
|
1237
|
-
color: cfg.accentColor
|
|
1241
|
+
letterSpacing: "0.09em",
|
|
1242
|
+
color: cfg.accentColor,
|
|
1243
|
+
lineHeight: 1
|
|
1238
1244
|
},
|
|
1239
1245
|
children: "Coming Up Next"
|
|
1240
1246
|
}),
|
|
1241
1247
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
1242
1248
|
style: {
|
|
1243
|
-
fontSize: "1.
|
|
1249
|
+
fontSize: "1.2em",
|
|
1244
1250
|
fontWeight: 700,
|
|
1245
1251
|
lineHeight: 1.2,
|
|
1246
|
-
marginTop: f * 0.2,
|
|
1247
1252
|
overflow: "hidden",
|
|
1248
1253
|
textOverflow: "ellipsis",
|
|
1249
1254
|
whiteSpace: "nowrap"
|
|
1250
1255
|
},
|
|
1251
1256
|
children: cfg.title
|
|
1252
1257
|
}),
|
|
1253
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
1258
|
+
showSubtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
1254
1259
|
style: {
|
|
1255
|
-
fontSize: "0.
|
|
1256
|
-
opacity: 0.
|
|
1260
|
+
fontSize: "0.82em",
|
|
1261
|
+
opacity: 0.65,
|
|
1262
|
+
lineHeight: 1.1,
|
|
1257
1263
|
overflow: "hidden",
|
|
1258
1264
|
textOverflow: "ellipsis",
|
|
1259
1265
|
whiteSpace: "nowrap"
|
|
@@ -1262,24 +1268,24 @@ function ComingUpNextOverlay(param) {
|
|
|
1262
1268
|
}),
|
|
1263
1269
|
cfg.scheduledTime && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
1264
1270
|
style: {
|
|
1265
|
-
fontSize: "
|
|
1266
|
-
fontWeight:
|
|
1267
|
-
|
|
1268
|
-
|
|
1271
|
+
fontSize: "0.9em",
|
|
1272
|
+
fontWeight: 700,
|
|
1273
|
+
color: cfg.accentColor,
|
|
1274
|
+
lineHeight: 1
|
|
1269
1275
|
},
|
|
1270
1276
|
children: cfg.scheduledTime
|
|
1271
1277
|
})
|
|
1272
1278
|
]
|
|
1273
1279
|
}),
|
|
1274
|
-
|
|
1280
|
+
showThumbnail && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
1275
1281
|
style: {
|
|
1276
1282
|
flexShrink: 0,
|
|
1277
|
-
width:
|
|
1283
|
+
width: "".concat(thumbW, "px"),
|
|
1278
1284
|
overflow: "hidden"
|
|
1279
1285
|
},
|
|
1280
1286
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
|
|
1281
1287
|
src: cfg.thumbnailUrl,
|
|
1282
|
-
alt: "
|
|
1288
|
+
alt: "",
|
|
1283
1289
|
style: {
|
|
1284
1290
|
width: "100%",
|
|
1285
1291
|
height: "100%",
|