@mebius-io/web 0.5.1 → 0.5.3

package/dist/index.js

@@ -429,6 +429,7 @@ var LIVE_FLV_CONFIG = {
 var MAX_DRIFT_S = 2;
 var EDGE_MARGIN_S = 0.4;
 var AUDIO_RETRY_MS = 2500;
+var ESTIMATED_LATENCY_MS = 3e3;
 function stalledWithData(video, ms) {
   if (video.currentTime > 0) return Promise.resolve(false);
   return new Promise((resolve) => {
@@ -557,6 +558,15 @@ var FlvViewTransport = class {
     }
     return { bitrateKbps, framesPerSecond, latencyMs: void 0 };
   }
+  /**
+   * Estimate only — see {@link ESTIMATED_LATENCY_MS}. Without this, captions
+   * never render on the FLV route at all: {@link MebiusCaptions} withholds
+   * every segment until the playhead reaches its `epochMs`, and a transport
+   * returning `null` here means the playhead comparison never runs.
+   */
+  playheadEpochMs() {
+    return Date.now() - ESTIMATED_LATENCY_MS;
+  }
 };
 
 // src/internal/transport.ts
@@ -788,6 +798,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) {
@@ -829,22 +840,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);
     }
   }
 };