@mebius-io/web 0.5.2 → 0.5.3

package/dist/index.cjs

@@ -840,6 +840,7 @@ function normalize(c, fallback) {
 // src/captions.ts
 var TICK_MS = 100;
 var STALE_MS = 5e3;
+var MAX_QUEUE_MS = 4e3;
 var MebiusCaptions = class extends TypedEmitter {
   /** @internal */
   constructor(signaling, player, opts) {
@@ -881,22 +882,27 @@ var MebiusCaptions = class extends TypedEmitter {
     if (frame.type !== "caption" || !frame.segmentId) return;
     const prev = this.pending.get(frame.segmentId);
     if (prev && (frame.rev ?? 0) < (prev.rev ?? 0)) return;
+    frame.receivedAtMs = Date.now();
     this.pending.set(frame.segmentId, frame);
   }
   tick() {
     const now = this.player.currentEpochMs();
-    if (now == null) return;
     for (const [id, frame] of this.pending) {
       const due = frame.epochMs ?? 0;
-      if (due > now) continue;
-      if (due < now - STALE_MS) {
+      const waitedMs = Date.now() - (frame.receivedAtMs ?? 0);
+      const dueNow = now == null ? true : due <= now;
+      if (!dueNow) {
+        if (waitedMs < MAX_QUEUE_MS) continue;
+      }
+      if (waitedMs > STALE_MS && this.shown.has(id)) {
         this.pending.delete(id);
-        if (this.shown.delete(id)) this.emit("cleared", { segmentId: id });
+        this.shown.delete(id);
+        this.emit("cleared", { segmentId: id });
         continue;
       }
+      if (this.shown.has(id) && frame.state === "final") continue;
       this.shown.add(id);
       this.emit("segment", toSegment(id, frame, this.opts.lang));
-      if (frame.state === "final") this.pending.delete(id);
     }
   }
 };