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