@give-tech/ec-player 0.0.1-beta.52 → 0.0.1-beta.53

package/dist/index.js

@@ -3370,6 +3370,8 @@ class FLVPlayer extends BasePlayer {
     this.playStartTimeOffset = 0;
     this.resyncCount = 0;
     this._lastRafTime = 0;
+    this._prevRenderDts = -1;
+    this._frameIntervalSamples = [];
     this.renderLoop = () => {
       if (!this.isPlaying) return;
       this.updateState({
@@ -3444,6 +3446,15 @@ class FLVPlayer extends BasePlayer {
             const frameToRender = this._timedFrameBuffer.shift();
             this.renderFrame(frameToRender, now);
             this.lastRenderedDts = frameToRender.dts;
+            if (this._prevRenderDts >= 0) {
+              this._frameIntervalSamples.push(frameToRender.dts - this._prevRenderDts);
+              if (this._frameIntervalSamples.length >= 30) {
+                const avg = this._frameIntervalSamples.reduce((a, b) => a + b, 0) / this._frameIntervalSamples.length;
+                console.log("[FLVPlayer] 帧率诊断: 平均帧间隔", avg.toFixed(1), "ms, 约", (1e3 / avg).toFixed(1), "fps, 样本数:", this._frameIntervalSamples.length);
+                this._frameIntervalSamples = [];
+              }
+            }
+            this._prevRenderDts = frameToRender.dts;
             const lag = currentTargetPts - frameToRender.dts;
             if (lag > 1e3) {
               this.playStartTime = now;
@@ -3704,6 +3715,8 @@ class FLVPlayer extends BasePlayer {
       this.playStartTime = performance.now();
       this.playStartTimeOffset = 0;
       this._lastRafTime = 0;
+      this._prevRenderDts = -1;
+      this._frameIntervalSamples = [];
       console.log("[FLVPlayer] Play time initialized, firstFrameDts:", this.firstFrameDts);
     }
     this.isPlaying = true;
@@ -4378,6 +4391,9 @@ class Canvas2DRenderer {
     this.frameCount = 0;
     this.lastFpsUpdate = performance.now();
     this.lastFps = 0;
+    this.cachedImageData = null;
+    this.cachedWidth = 0;
+    this.cachedHeight = 0;
     this.canvas = canvas;
     this.ctx = canvas.getContext("2d");
     if (!this.ctx) {
@@ -4396,8 +4412,13 @@ class Canvas2DRenderer {
     if (this.canvas.width !== width || this.canvas.height !== height) {
       this.canvas.width = width;
       this.canvas.height = height;
+      this.cachedImageData = this.ctx.createImageData(width, height);
+      this.cachedWidth = width;
+      this.cachedHeight = height;
     }
-    const imageData = new ImageData(new Uint8ClampedArray(data), width, height);
+    const imageData = this.cachedImageData;
+    const dest = imageData.data;
+    dest.set(data);
     this.ctx.putImageData(imageData, 0, 0);
   }
   updateFps() {
@@ -4810,12 +4831,12 @@ const _EnvDetector = class _EnvDetector {
       // function index: 0
       // Code section (10)
       10,
-      19,
+      23,
       1,
-      // section id=10, size=19, 1 func
-      17,
+      // section id=10, size=23, 1 func
+      21,
       0,
-      // func body size=17, 0 locals
+      // func body size=21, 0 locals
       // v128.const i32x4 0 0 0 0
       253,
       12,