@give-tech/ec-player 0.0.1-beta.13 → 0.0.1-beta.15

package/dist/index.js

@@ -1548,9 +1548,14 @@ class HLSPlayer extends BasePlayer {
     this.lastRenderTime = 0;
     this.playStartTime = 0;
     this.accumulatedMediaTime = 0;
+    this._lastLogTime = 0;
     this.renderLoop = (timestamp = 0) => {
       if (!this.isPlaying) return;
       const now = performance.now();
+      if (!this._lastLogTime || now - this._lastLogTime > 1e3) {
+        this._lastLogTime = now;
+        console.log("[renderLoop] frameBuffer=", this.frameBuffer.length, "renderer=", !!this.renderer);
+      }
       const downloaded = this.isFMP4 ? this.sampleQueue.length : this.nalQueue.length;
       const segments = this.isFMP4 ? this.fmp4Segments : this.segments;
       const totalSegments = segments.length;
@@ -1567,9 +1572,13 @@ class HLSPlayer extends BasePlayer {
         if (this.playStartTime === 0) {
           this.playStartTime = now;
           this.accumulatedMediaTime = 0;
+          console.log("[renderLoop] Init: timescale=", timescale);
         }
         const elapsedWallTime = now - this.playStartTime;
         const frameDurationMs = frame.duration ? frame.duration * 1e3 / timescale : 33.33;
+        if (Math.floor(elapsedWallTime / 1e3) !== Math.floor((elapsedWallTime - 20) / 1e3)) {
+          console.log("[renderLoop] elapsed=", Math.floor(elapsedWallTime), "accumulated=", Math.floor(this.accumulatedMediaTime), "frameDuration=", frame.duration, "frameDurationMs=", frameDurationMs.toFixed(2), "frameBuffer=", this.frameBuffer.length);
+        }
         const bufferMs = 50;
         if (elapsedWallTime >= this.accumulatedMediaTime - bufferMs) {
           this.frameBuffer.shift();
@@ -1582,7 +1591,11 @@ class HLSPlayer extends BasePlayer {
           this.callbacks.onFrameRender?.(frame);
         }
       } else {
-        this.lastRenderTime = 0;
+        if (this.playStartTime !== 0) {
+          const oldPlayStartTime = this.playStartTime;
+          this.playStartTime = now - this.accumulatedMediaTime;
+          console.log("[renderLoop] No frames, adjusting playStartTime from", oldPlayStartTime, "to", this.playStartTime, "accumulated=", this.accumulatedMediaTime);
+        }
       }
       this.frameTimer = requestAnimationFrame(this.renderLoop);
     };
@@ -1702,10 +1715,13 @@ class HLSPlayer extends BasePlayer {
    */
   async decodeLoop() {
     console.log("[DecodeLoop] START, isFMP4:", this.isFMP4);
-    console.log("[DecodeLoop] END");
     let batchCount = 0;
     while (this.isPlaying && !this.decodeLoopAbort) {
       this.prefetcher?.processQueue();
+      if (!this.config.isLive && this.frameBuffer.length >= this.config.targetBufferSize) {
+        await this.sleep(10);
+        continue;
+      }
       const batchSize = this.config.decodeBatchSize;
       let decodedInBatch = 0;
       if (this.isFMP4) {
@@ -1720,9 +1736,11 @@ class HLSPlayer extends BasePlayer {
           if (frame) {
             this.frameBuffer.push(frame);
             decodedInBatch++;
-            while (this.frameBuffer.length > this.config.targetBufferSize) {
-              this.frameBuffer.shift();
-              this.droppedFrames++;
+            if (this.config.isLive) {
+              while (this.frameBuffer.length > this.config.targetBufferSize) {
+                this.frameBuffer.shift();
+                this.droppedFrames++;
+              }
             }
           }
         }
@@ -1738,9 +1756,11 @@ class HLSPlayer extends BasePlayer {
             if (frame) {
               this.frameBuffer.push(frame);
               decodedInBatch++;
-              while (this.frameBuffer.length > this.config.targetBufferSize) {
-                this.frameBuffer.shift();
-                this.droppedFrames++;
+              if (this.config.isLive) {
+                while (this.frameBuffer.length > this.config.targetBufferSize) {
+                  this.frameBuffer.shift();
+                  this.droppedFrames++;
+                }
               }
             }
           }