stormcloud-video-player 0.7.46 → 0.7.47
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 +24 -4
- package/lib/index.cjs.map +1 -1
- package/lib/index.js +22 -2
- package/lib/index.js.map +1 -1
- package/lib/ui/OverlayRenderer.cjs +24 -4
- package/lib/ui/OverlayRenderer.cjs.map +1 -1
- package/lib/ui/StormcloudVideoPlayer.cjs +24 -4
- package/lib/ui/StormcloudVideoPlayer.cjs.map +1 -1
- package/package.json +1 -1
|
@@ -7199,7 +7199,8 @@ var SHOWCASE_PERSISTENT_TYPES = /* @__PURE__ */ new Set([
|
|
|
7199
7199
|
"text",
|
|
7200
7200
|
"shape",
|
|
7201
7201
|
"countdown",
|
|
7202
|
-
"qr_code"
|
|
7202
|
+
"qr_code",
|
|
7203
|
+
"coming_up_next"
|
|
7203
7204
|
]);
|
|
7204
7205
|
function easeOutCubic(t) {
|
|
7205
7206
|
var u = 1 - t;
|
|
@@ -7322,11 +7323,26 @@ var OverlayRenderer = function OverlayRenderer(param) {
|
|
|
7322
7323
|
var rafRef = (0, import_react.useRef)(null);
|
|
7323
7324
|
var _ref1 = _sliced_to_array((0, import_react.useState)(/* @__PURE__ */ new Map()), 2), fadeMap = _ref1[0], setFadeMap = _ref1[1];
|
|
7324
7325
|
var removeTimers = (0, import_react.useRef)(/* @__PURE__ */ new Map());
|
|
7325
|
-
var
|
|
7326
|
+
var mountTimeRef = (0, import_react.useRef)(Date.now());
|
|
7327
|
+
var _ref2 = _sliced_to_array((0, import_react.useState)(0), 2), wallclockSec = _ref2[0], setWallclockSec = _ref2[1];
|
|
7328
|
+
(0, import_react.useEffect)(function() {
|
|
7329
|
+
if (!showcaseMode) return;
|
|
7330
|
+
var tick = function tick() {
|
|
7331
|
+
return setWallclockSec((Date.now() - mountTimeRef.current) / 1e3);
|
|
7332
|
+
};
|
|
7333
|
+
tick();
|
|
7334
|
+
var id = window.setInterval(tick, 200);
|
|
7335
|
+
return function() {
|
|
7336
|
+
return clearInterval(id);
|
|
7337
|
+
};
|
|
7338
|
+
}, [
|
|
7339
|
+
showcaseMode
|
|
7340
|
+
]);
|
|
7341
|
+
var _ref3 = (0, import_react.useMemo)(function() {
|
|
7326
7342
|
return partitionShowcase(overlays);
|
|
7327
7343
|
}, [
|
|
7328
7344
|
overlays
|
|
7329
|
-
]), showcasePersistent =
|
|
7345
|
+
]), showcasePersistent = _ref3.persistent, showcaseBeats = _ref3.beats;
|
|
7330
7346
|
var _useShowcaseBeat = useShowcaseBeat(showcaseMode, showcaseCycleMs, showcaseBeats.length), showcaseBeatIndex = _useShowcaseBeat.beatIndex, showcaseBeatPhase = _useShowcaseBeat.beatPhase, showcaseBeatMs = _useShowcaseBeat.beatMs;
|
|
7331
7347
|
var showcasePersistentIds = (0, import_react.useMemo)(function() {
|
|
7332
7348
|
return new Set(showcasePersistent.map(function(o) {
|
|
@@ -7378,7 +7394,10 @@ var OverlayRenderer = function OverlayRenderer(param) {
|
|
|
7378
7394
|
if (showcaseMode) {
|
|
7379
7395
|
var _showcaseBeats_showcaseBeatIndex;
|
|
7380
7396
|
var beat = (_showcaseBeats_showcaseBeatIndex = showcaseBeats[showcaseBeatIndex]) !== null && _showcaseBeats_showcaseBeatIndex !== void 0 ? _showcaseBeats_showcaseBeatIndex : [];
|
|
7381
|
-
|
|
7397
|
+
var scheduledPersistent = showcasePersistent.filter(function(o) {
|
|
7398
|
+
return isOverlayActive(o, wallclockSec);
|
|
7399
|
+
});
|
|
7400
|
+
return _to_consumable_array(scheduledPersistent).concat(_to_consumable_array(beat));
|
|
7382
7401
|
}
|
|
7383
7402
|
return overlays.filter(function(o) {
|
|
7384
7403
|
return isOverlayActive(o, currentTime);
|
|
@@ -7386,6 +7405,7 @@ var OverlayRenderer = function OverlayRenderer(param) {
|
|
|
7386
7405
|
}, [
|
|
7387
7406
|
overlays,
|
|
7388
7407
|
currentTime,
|
|
7408
|
+
wallclockSec,
|
|
7389
7409
|
showcaseMode,
|
|
7390
7410
|
showcasePersistent,
|
|
7391
7411
|
showcaseBeats,
|