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
package/lib/index.cjs
CHANGED
|
@@ -7383,7 +7383,8 @@ var SHOWCASE_PERSISTENT_TYPES = /* @__PURE__ */ new Set([
|
|
|
7383
7383
|
"text",
|
|
7384
7384
|
"shape",
|
|
7385
7385
|
"countdown",
|
|
7386
|
-
"qr_code"
|
|
7386
|
+
"qr_code",
|
|
7387
|
+
"coming_up_next"
|
|
7387
7388
|
]);
|
|
7388
7389
|
function easeOutCubic(t) {
|
|
7389
7390
|
var u = 1 - t;
|
|
@@ -7506,11 +7507,26 @@ var OverlayRenderer = function OverlayRenderer(param) {
|
|
|
7506
7507
|
var rafRef = (0, import_react.useRef)(null);
|
|
7507
7508
|
var _ref1 = _sliced_to_array((0, import_react.useState)(/* @__PURE__ */ new Map()), 2), fadeMap = _ref1[0], setFadeMap = _ref1[1];
|
|
7508
7509
|
var removeTimers = (0, import_react.useRef)(/* @__PURE__ */ new Map());
|
|
7509
|
-
var
|
|
7510
|
+
var mountTimeRef = (0, import_react.useRef)(Date.now());
|
|
7511
|
+
var _ref2 = _sliced_to_array((0, import_react.useState)(0), 2), wallclockSec = _ref2[0], setWallclockSec = _ref2[1];
|
|
7512
|
+
(0, import_react.useEffect)(function() {
|
|
7513
|
+
if (!showcaseMode) return;
|
|
7514
|
+
var tick = function tick() {
|
|
7515
|
+
return setWallclockSec((Date.now() - mountTimeRef.current) / 1e3);
|
|
7516
|
+
};
|
|
7517
|
+
tick();
|
|
7518
|
+
var id = window.setInterval(tick, 200);
|
|
7519
|
+
return function() {
|
|
7520
|
+
return clearInterval(id);
|
|
7521
|
+
};
|
|
7522
|
+
}, [
|
|
7523
|
+
showcaseMode
|
|
7524
|
+
]);
|
|
7525
|
+
var _ref3 = (0, import_react.useMemo)(function() {
|
|
7510
7526
|
return partitionShowcase(overlays);
|
|
7511
7527
|
}, [
|
|
7512
7528
|
overlays
|
|
7513
|
-
]), showcasePersistent =
|
|
7529
|
+
]), showcasePersistent = _ref3.persistent, showcaseBeats = _ref3.beats;
|
|
7514
7530
|
var _useShowcaseBeat = useShowcaseBeat(showcaseMode, showcaseCycleMs, showcaseBeats.length), showcaseBeatIndex = _useShowcaseBeat.beatIndex, showcaseBeatPhase = _useShowcaseBeat.beatPhase, showcaseBeatMs = _useShowcaseBeat.beatMs;
|
|
7515
7531
|
var showcasePersistentIds = (0, import_react.useMemo)(function() {
|
|
7516
7532
|
return new Set(showcasePersistent.map(function(o) {
|
|
@@ -7562,7 +7578,10 @@ var OverlayRenderer = function OverlayRenderer(param) {
|
|
|
7562
7578
|
if (showcaseMode) {
|
|
7563
7579
|
var _showcaseBeats_showcaseBeatIndex;
|
|
7564
7580
|
var beat = (_showcaseBeats_showcaseBeatIndex = showcaseBeats[showcaseBeatIndex]) !== null && _showcaseBeats_showcaseBeatIndex !== void 0 ? _showcaseBeats_showcaseBeatIndex : [];
|
|
7565
|
-
|
|
7581
|
+
var scheduledPersistent = showcasePersistent.filter(function(o) {
|
|
7582
|
+
return isOverlayActive(o, wallclockSec);
|
|
7583
|
+
});
|
|
7584
|
+
return _to_consumable_array(scheduledPersistent).concat(_to_consumable_array(beat));
|
|
7566
7585
|
}
|
|
7567
7586
|
return overlays.filter(function(o) {
|
|
7568
7587
|
return isOverlayActive(o, currentTime);
|
|
@@ -7570,6 +7589,7 @@ var OverlayRenderer = function OverlayRenderer(param) {
|
|
|
7570
7589
|
}, [
|
|
7571
7590
|
overlays,
|
|
7572
7591
|
currentTime,
|
|
7592
|
+
wallclockSec,
|
|
7573
7593
|
showcaseMode,
|
|
7574
7594
|
showcasePersistent,
|
|
7575
7595
|
showcaseBeats,
|