@give-tech/ec-player 0.0.1-beta.33 → 0.0.1-beta.34

package/dist/index.js

@@ -3031,18 +3031,27 @@ class FLVPlayer extends BasePlayer {
           console.log("[FLVPlayer] RenderLoop initialized, firstFrameDts:", this.firstFrameDts, "isLive:", isLive);
         }
         if (isLive) {
-          const elapsed = now - this.playStartTime - this.pausedTime;
-          const currentTargetDts = this.firstFrameDts + elapsed;
-          this.setCurrentTime(Math.floor(currentTargetDts));
-          let frameToRender = null;
-          while (this._timedFrameBuffer.length > 0 && this._timedFrameBuffer[0].dts <= currentTargetDts) {
+          if (this.lastRenderedDts < 0 && this._timedFrameBuffer.length > 0) {
+            const firstFrame = this._timedFrameBuffer.shift();
+            this.renderFrame(firstFrame, now);
+            this.firstFrameDts = firstFrame.dts;
+            this.playStartTime = now;
+            this.pausedTime = 0;
+            console.log("[FLVPlayer] Live first frame rendered immediately, dts:", firstFrame.dts);
+          } else {
+            const elapsed = now - this.playStartTime - this.pausedTime;
+            const currentTargetDts = this.firstFrameDts + elapsed;
+            this.setCurrentTime(Math.floor(currentTargetDts));
+            let frameToRender = null;
+            while (this._timedFrameBuffer.length > 0 && this._timedFrameBuffer[0].dts <= currentTargetDts) {
+              if (frameToRender) {
+                this.droppedFrames++;
+              }
+              frameToRender = this._timedFrameBuffer.shift();
+            }
             if (frameToRender) {
-              this.droppedFrames++;
+              this.renderFrame(frameToRender, now);
             }
-            frameToRender = this._timedFrameBuffer.shift();
-          }
-          if (frameToRender) {
-            this.renderFrame(frameToRender, now);
           }
         } else {
           const nextFrame = this._timedFrameBuffer[0];
@@ -3855,6 +3864,13 @@ class Canvas2DRenderer {
     if (!this.ctx) {
       throw new Error("Invalid canvas element");
     }
+    this.clear();
+  }
+  /**
+   * 清除 canvas 内容
+   */
+  clear() {
+    this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
   }
   render(frame) {
     const { width, height, data } = frame;