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

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,9 @@ class HLSPlayer extends BasePlayer {
           this.callbacks.onFrameRender?.(frame);
         }
       } else {
-        this.lastRenderTime = 0;
+        if (this.playStartTime !== 0) {
+          this.playStartTime = now - this.accumulatedMediaTime;
+        }
       }
       this.frameTimer = requestAnimationFrame(this.renderLoop);
     };
@@ -1702,7 +1713,6 @@ 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();