@give-tech/ec-player 0.0.1-beta.41 → 0.0.1-beta.42

package/dist/index.js

@@ -230,6 +230,7 @@ class BasePlayer {
     this.decodeLoopAbort = false;
     this._currentTime = 0;
     this._duration = 0;
+    this._playbackRate = 1;
     this.state = {
       isPlaying: false,
       isLoaded: false,
@@ -245,7 +246,8 @@ class BasePlayer {
       totalSegments: 0,
       downloadSpeed: 0,
       currentTime: 0,
-      duration: 0
+      duration: 0,
+      playbackRate: 1
     };
     this.renderLoop = () => {
       if (!this.isPlaying) return;
@@ -326,7 +328,8 @@ class BasePlayer {
       totalSegments: 0,
       downloadSpeed: 0,
       currentTime: 0,
-      duration: 0
+      duration: 0,
+      playbackRate: 1
     };
     this.decoder = null;
     this.renderer = null;
@@ -350,6 +353,26 @@ class BasePlayer {
   getDuration() {
     return this._duration;
   }
+  /**
+   * 获取播放倍速
+   */
+  getPlaybackRate() {
+    return this._playbackRate;
+  }
+  /**
+   * 设置播放倍速
+   * @param rate 倍速值（1 = 正常，2 = 2倍速等）
+   */
+  setPlaybackRate(rate) {
+    if (rate <= 0) {
+      console.warn("[BasePlayer] Invalid playback rate:", rate);
+      return;
+    }
+    this._playbackRate = rate;
+    this.updateState({ playbackRate: rate });
+    this.callbacks.onPlaybackRateChange?.(rate);
+    console.log("[BasePlayer] Playback rate set to:", rate);
+  }
   /**
    * 设置当前时间（供子类调用）
    */
@@ -1762,19 +1785,41 @@ class HLSPlayer extends BasePlayer {
         totalSegments
       });
       if (this.frameBuffer.length > 0 && this.renderer) {
-        const frame = this.frameBuffer[0];
         const timescale = this.fmp4Demuxer.getTimescale();
         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 elapsedWallTime = (now - this.playStartTime) * this._playbackRate;
+        if (Math.floor(elapsedWallTime / 1e3) !== Math.floor((elapsedWallTime - 20 * this._playbackRate) / 1e3)) {
+          console.log("[renderLoop] elapsed=", Math.floor(elapsedWallTime), "accumulated=", Math.floor(this.accumulatedMediaTime), "rate=", this._playbackRate, "frameBuffer=", this.frameBuffer.length);
         }
+        const getFrameDurationMs = (frame2) => {
+          return frame2.duration ? frame2.duration * 1e3 / timescale : 33.33;
+        };
         const bufferMs = 50;
+        if (this._playbackRate > 1) {
+          const behindTime = elapsedWallTime - this.accumulatedMediaTime;
+          if (behindTime > 50 && this.frameBuffer.length > 1) {
+            const avgFrameDuration = getFrameDurationMs(this.frameBuffer[0]);
+            const framesToSkip = Math.min(
+              Math.floor(behindTime / avgFrameDuration),
+              this.frameBuffer.length - 1
+              // 保留至少 1 帧
+            );
+            if (framesToSkip > 0) {
+              for (let i = 0; i < framesToSkip; i++) {
+                const skipFrame = this.frameBuffer.shift();
+                const skipDuration = getFrameDurationMs(skipFrame);
+                this.accumulatedMediaTime += skipDuration;
+              }
+              console.log("[renderLoop] Skipped", framesToSkip, "frames at rate", this._playbackRate, ", behind=", Math.floor(behindTime));
+            }
+          }
+        }
+        const frame = this.frameBuffer[0];
+        const frameDurationMs = getFrameDurationMs(frame);
         if (elapsedWallTime >= this.accumulatedMediaTime - bufferMs) {
           this.frameBuffer.shift();
           this.renderer.render(frame);
@@ -1786,10 +1831,8 @@ class HLSPlayer extends BasePlayer {
           this.callbacks.onFrameRender?.(frame);
         }
       } else {
-        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);
+        if (this.playStartTime === 0) {
+          console.log("[renderLoop] Waiting for frames...");
         }
       }
       this.frameTimer = requestAnimationFrame(this.renderLoop);
@@ -1939,6 +1982,24 @@ class HLSPlayer extends BasePlayer {
     this.setCurrentTime(time);
     console.log("[HLSPlayer] Seek to", time, "ms, segment:", targetIndex);
   }
+  /**
+   * 设置播放倍速（覆盖基类方法）
+   * 切换倍速时需要重置时间基准，避免跳跃
+   */
+  setPlaybackRate(rate) {
+    if (rate <= 0) {
+      console.warn("[HLSPlayer] Invalid playback rate:", rate);
+      return;
+    }
+    const now = performance.now();
+    if (this.playStartTime > 0) {
+      this.playStartTime = now - this.accumulatedMediaTime / rate;
+      console.log("[HLSPlayer] Playback rate changed to", rate, ", playStartTime reset, accumulated=", this.accumulatedMediaTime);
+    }
+    this._playbackRate = rate;
+    this.updateState({ playbackRate: rate });
+    this.callbacks.onPlaybackRateChange?.(rate);
+  }
   /**
    * 解码循环
    */
@@ -1951,7 +2012,11 @@ class HLSPlayer extends BasePlayer {
       if (sampleQueueSize < maxSamplesBeforePause && this.prefetcher) {
         this.prefetcher.processQueue(1);
       }
-      if (!this.config.isLive && this.frameBuffer.length >= this.config.targetBufferSize) {
+      const dynamicTargetSize = Math.max(
+        this.config.targetBufferSize,
+        this._playbackRate > 1 ? 30 * this._playbackRate : this.config.targetBufferSize
+      );
+      if (!this.config.isLive && this.frameBuffer.length >= dynamicTargetSize) {
         await this.sleep(10);
         continue;
       }
@@ -1960,27 +2025,57 @@ class HLSPlayer extends BasePlayer {
       if (this.isFMP4) {
         const queueSize = this.sampleQueue.length;
         if (queueSize > 0 || batchCount % 50 === 0) {
-          console.log("[DecodeLoop] fMP4: sampleQueue=", queueSize, "frameBuffer=", this.frameBuffer.length, "batch=", batchCount, "decoderInit=", this.decoderInitialized);
+          console.log("[DecodeLoop] fMP4: sampleQueue=", queueSize, "frameBuffer=", this.frameBuffer.length, "batch=", batchCount, "decoderInit=", this.decoderInitialized, "rate=", this._playbackRate);
         }
-        while (this.sampleQueue.length > 0 && decodedInBatch < batchSize) {
-          const queuedSample = this.sampleQueue.shift();
-          const sample = queuedSample.sample;
-          const frame = this.decodeSample(sample);
-          if (frame) {
-            this.frameBuffer.push(frame);
-            decodedInBatch++;
-            if (!this.readyFired) {
-              this.readyFired = true;
-              this.callbacks.onReady?.();
+        if (this._playbackRate > 1) {
+          const skipInterval = this._playbackRate;
+          let samplesProcessed = 0;
+          while (this.sampleQueue.length > 0 && decodedInBatch < batchSize * 2) {
+            const queuedSample = this.sampleQueue.shift();
+            const sample = queuedSample.sample;
+            samplesProcessed++;
+            if (sample.isSync || samplesProcessed % skipInterval === 0) {
+              const frame = this.decodeSample(sample);
+              if (frame) {
+                this.frameBuffer.push(frame);
+                decodedInBatch++;
+                if (!this.readyFired) {
+                  this.readyFired = true;
+                  this.callbacks.onReady?.();
+                }
+                if (this.config.isLive) {
+                  while (this.frameBuffer.length > this.config.targetBufferSize) {
+                    this.frameBuffer.shift();
+                    this.droppedFrames++;
+                  }
+                }
+              }
+            } else {
+              this.droppedFrames++;
             }
-            if (this.config.isLive) {
-              while (this.frameBuffer.length > this.config.targetBufferSize) {
-                this.frameBuffer.shift();
-                this.droppedFrames++;
+          }
+          if (samplesProcessed > 10 && this.droppedFrames > 0) {
+            console.log("[DecodeLoop] High rate", this._playbackRate, "x: processed", samplesProcessed, "samples, decoded", decodedInBatch, "dropped", this.droppedFrames);
+          }
+        } else {
+          while (this.sampleQueue.length > 0 && decodedInBatch < batchSize) {
+            const queuedSample = this.sampleQueue.shift();
+            const sample = queuedSample.sample;
+            const frame = this.decodeSample(sample);
+            if (frame) {
+              this.frameBuffer.push(frame);
+              decodedInBatch++;
+              if (!this.readyFired) {
+                this.readyFired = true;
+                this.callbacks.onReady?.();
+              }
+              if (this.config.isLive) {
+                while (this.frameBuffer.length > this.config.targetBufferSize) {
+                  this.frameBuffer.shift();
+                  this.droppedFrames++;
+                }
               }
             }
-          } else {
-            console.warn("[DecodeLoop] decodeSample returned null, remaining samples=", this.sampleQueue.length);
           }
         }
       } else {
@@ -3146,7 +3241,7 @@ class FLVPlayer extends BasePlayer {
             this.pausedTime = 0;
             console.log("[FLVPlayer] Live first frame rendered immediately, dts:", firstFrame.dts);
           } else {
-            const elapsed = now - this.playStartTime - this.pausedTime;
+            const elapsed = (now - this.playStartTime - this.pausedTime) * this._playbackRate;
             const currentTargetDts = this.firstFrameDts + elapsed;
             this.setCurrentTime(Math.floor(currentTargetDts));
             let frameToRender = null;
@@ -3162,7 +3257,7 @@ class FLVPlayer extends BasePlayer {
           }
         } else {
           const nextFrame = this._timedFrameBuffer[0];
-          const elapsed = now - this.playStartTime - this.playStartTimeOffset;
+          const elapsed = (now - this.playStartTime - this.playStartTimeOffset) * this._playbackRate;
           const currentTargetPts = this.firstFrameDts + elapsed;
           if (this.lastRenderedDts >= 0) {
             this.setCurrentTime(Math.floor(this.lastRenderedDts));
@@ -3458,6 +3553,26 @@ class FLVPlayer extends BasePlayer {
     this.setCurrentTime(time);
     console.log("[FLVPlayer] Seek to", time, "ms");
   }
+  /**
+   * 设置播放倍速（覆盖基类方法）
+   * 切换倍速时需要重置时间基准，避免跳跃
+   */
+  setPlaybackRate(rate) {
+    if (rate <= 0) {
+      console.warn("[FLVPlayer] Invalid playback rate:", rate);
+      return;
+    }
+    const now = performance.now();
+    if (this.playStartTime > 0 && this.firstFrameDts >= 0) {
+      const offset = this.config.isLive ? this.pausedTime : this.playStartTimeOffset;
+      const currentElapsed = (now - this.playStartTime - offset) * this._playbackRate;
+      this.playStartTime = now - offset - currentElapsed / rate;
+      console.log("[FLVPlayer] Playback rate changed to", rate, ", playStartTime reset, currentElapsed=", currentElapsed);
+    }
+    this._playbackRate = rate;
+    this.updateState({ playbackRate: rate });
+    this.callbacks.onPlaybackRateChange?.(rate);
+  }
   /**
    * 解码循环
    */
@@ -4124,6 +4239,19 @@ class EcPlayerCore {
   getDuration() {
     return this.player?.getDuration() ?? 0;
   }
+  /**
+   * 获取播放倍速
+   */
+  getPlaybackRate() {
+    return this.player?.getPlaybackRate() ?? 1;
+  }
+  /**
+   * 设置播放倍速
+   * @param rate 倍速值（1 = 正常，2 = 2倍速等）
+   */
+  setPlaybackRate(rate) {
+    this.player?.setPlaybackRate(rate);
+  }
   /**
    * 获取播放状态
    */
@@ -4144,7 +4272,8 @@ class EcPlayerCore {
         totalSegments: 0,
         downloadSpeed: 0,
         currentTime: 0,
-        duration: 0
+        duration: 0,
+        playbackRate: 1
       };
     }
     return this.player.getState();