@volcengine/veplayer 2.12.2-rc.0 → 2.13.1-rc.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@volcengine/veplayer",
-  "version": "2.12.2-rc.0",
+  "version": "2.13.1-rc.0",
   "main": "./umd/veplayer.production.js",
   "module": "./esm/veplayer.production.js",
   "browser": "./umd/veplayer.production.js",

package/umd/index.d.ts

@@ -5080,7 +5080,6 @@ declare namespace error {
 declare namespace event {
     const BaseEvents: {
         SEI: string;
-        SEI_IN_TIME: string;
         PLAYER_CREATE_FINISH: string;
         FALLBACK_ERROR: string;
         FALLBACK: string;
@@ -5125,7 +5124,6 @@ declare namespace event {
     };
     const Events: {
         SEI: string;
-        SEI_IN_TIME: string;
         PLAYER_CREATE_FINISH: string;
         FALLBACK_ERROR: string;
         FALLBACK: string;

package/umd/veplayer.biz.live.development.js

@@ -26737,7 +26737,6 @@ MediaSource ${JSON.stringify(attachMediaSourceData)} from ${logFromSource}`);
     return transform ? transform(value) : value.toString();
   }
   function getDefaultRow(data2) {
-    var _a;
     return {
       rows: [
         {
@@ -26778,7 +26777,10 @@ MediaSource ${JSON.stringify(attachMediaSourceData)} from ${logFromSource}`);
         {
           key: "bufferEnd",
           labelTextKey: "BUFFER_END",
-          value: normalizeNumber(Number((_a = data2.bufferEnd) == null ? void 0 : _a.toFixed(2)))
+          value: normalizeNumber(
+            data2.bufferEnd,
+            (value) => Number(value.toFixed(2)).toString()
+          )
         },
         {
           key: "currentTime",
@@ -29237,8 +29239,6 @@ MediaSource ${JSON.stringify(attachMediaSourceData)} from ${logFromSource}`);
   const BaseEvents = {
     // sei
     SEI: "sei",
-    // sei，在播放时间对齐到该 sei 的时间戳时抛出
-    SEI_IN_TIME: "seiInTime",
     // 播放器完成创建
     PLAYER_CREATE_FINISH: "playerCreateFinish",
     FALLBACK_ERROR: "fallbackError",
@@ -51022,6 +51022,79 @@ Radeong 0.4 on AMD TAHITI (DRM 2.43.0, LLVM 3.9.0)|-1
     }
   }
   const liveVeStrategy = new LiveVeStrategy();
+  const isNumber = (value) => typeof value === "number" && Number.isFinite(value);
+  const getTimestamp = (delaySEI, currentKey, legacyKey) => {
+    const currentValue = delaySEI[currentKey];
+    if (isNumber(currentValue)) {
+      return currentValue;
+    }
+    const legacyValue = delaySEI[legacyKey];
+    return isNumber(legacyValue) ? legacyValue : void 0;
+  };
+  const utf8ArrayToString = (array) => {
+    let result = "";
+    let index = 0;
+    while (index < array.length) {
+      const first = array[index++];
+      if (first < 128) {
+        result += String.fromCharCode(first);
+      } else if (first < 224) {
+        const second = array[index++];
+        result += String.fromCharCode((first & 31) << 6 | second & 63);
+      } else {
+        const second = array[index++];
+        const third = array[index++];
+        result += String.fromCharCode(
+          (first & 15) << 12 | (second & 63) << 6 | third & 63
+        );
+      }
+    }
+    return result;
+  };
+  const getSEIDelayStats = (sei, bufferTime = 0, now3 = Date.now()) => {
+    if ((sei == null ? void 0 : sei.code) !== 100 || !sei.content) {
+      return;
+    }
+    try {
+      const rawSEI = utf8ArrayToString(sei.content);
+      const jsonStart = rawSEI.indexOf("{");
+      const jsonEnd = rawSEI.lastIndexOf("}");
+      if (jsonStart < 0 || jsonEnd < jsonStart) {
+        return;
+      }
+      const seiContent = JSON.parse(rawSEI.slice(jsonStart, jsonEnd + 1));
+      const delaySEI = seiContent == null ? void 0 : seiContent.video_e2e_delay;
+      if (!delaySEI || typeof delaySEI !== "object") {
+        return;
+      }
+      const push3 = getTimestamp(delaySEI, "push_edge_ts", "push_node");
+      const source = getTimestamp(delaySEI, "source_ts", "source_node");
+      const cmafSource = getTimestamp(
+        delaySEI,
+        "cmaf_source_ts",
+        "cmaf_source_node"
+      );
+      const hlsSource = getTimestamp(
+        delaySEI,
+        "hls_source_ts",
+        "hls_source_node"
+      );
+      const pull = getTimestamp(delaySEI, "pull_edge_ts", "pull_node");
+      const start = push3 ?? source;
+      const end = pull ?? hlsSource ?? cmafSource;
+      if (!isNumber(start) || !isNumber(end)) {
+        return;
+      }
+      const delayS2S = end - start;
+      const safeBufferTime = isNumber(bufferTime) ? Math.max(0, bufferTime) : 0;
+      return {
+        delay_s2s: delayS2S,
+        delay_s2e: delayS2S + Math.max(0, now3 - end) + safeBufferTime
+      };
+    } catch (e2) {
+      return;
+    }
+  };
   const DEFAULT_PLUGINS = window["VePlayer"].DEFAULT_PLUGINS;
   const VePlayerBase = window["VePlayer"].VePlayerBase;
   const VeI18n = window["VePlayer"].VeI18n;
@@ -51064,6 +51137,22 @@ Radeong 0.4 on AMD TAHITI (DRM 2.43.0, LLVM 3.9.0)|-1
        * @hidden
        */
       __publicField(this, "_protocolManager");
+      __publicField(this, "_seiDelayStats", {});
+      __publicField(this, "_resetSEIDelayStats", () => {
+        this._seiDelayStats = {};
+      });
+      __publicField(this, "_handleSEI", (data2) => {
+        const stats = getSEIDelayStats(data2 == null ? void 0 : data2.sei, this._getPlayerBufferTime());
+        if (stats) {
+          this._seiDelayStats = stats;
+        }
+      });
+      this.on(Events$1.SEI, this._handleSEI);
+      this.on(Events$1.URL_CHANGE, this._resetSEIDelayStats);
+      this.on(Events$1.SOURCE_CHANGE, this._resetSEIDelayStats);
+      this.on(Events$1.DEFINITION_CHANGE, this._resetSEIDelayStats);
+      this.on(Events$1.REPLAY, this._resetSEIDelayStats);
+      this.on(Events$1.FALLBACK, this._resetSEIDelayStats);
     }
     /** {zh}
      * @brief 获取已经播放的时长，不包含暂停和等待时间，单位为秒。
@@ -51105,6 +51194,22 @@ Radeong 0.4 on AMD TAHITI (DRM 2.43.0, LLVM 3.9.0)|-1
       var _a, _b;
       return (_b = (_a = this._player.plugins) == null ? void 0 : _a.hls) == null ? void 0 : _b.hls;
     }
+    /** {zh}
+     * @hidden
+     */
+    /** {en}
+     * @hidden
+     */
+    destroy() {
+      this.off(Events$1.SEI, this._handleSEI);
+      this.off(Events$1.URL_CHANGE, this._resetSEIDelayStats);
+      this.off(Events$1.SOURCE_CHANGE, this._resetSEIDelayStats);
+      this.off(Events$1.DEFINITION_CHANGE, this._resetSEIDelayStats);
+      this.off(Events$1.REPLAY, this._resetSEIDelayStats);
+      this.off(Events$1.FALLBACK, this._resetSEIDelayStats);
+      this._resetSEIDelayStats();
+      super.destroy();
+    }
     /** {zh}
      * @brief 调用此方法开启直播日志上报。
      */
@@ -51241,7 +51346,8 @@ Radeong 0.4 on AMD TAHITI (DRM 2.43.0, LLVM 3.9.0)|-1
      */
     async getRTMStats() {
       var _a, _b, _c;
-      return (_c = (_b = (_a = this._player) == null ? void 0 : _a.plugins) == null ? void 0 : _b.rts) == null ? void 0 : _c.getStatsSnapshoot();
+      const stats = await ((_c = (_b = (_a = this._player) == null ? void 0 : _a.plugins) == null ? void 0 : _b.rts) == null ? void 0 : _c.getStatsSnapshoot());
+      return this._mergeSEIDelayStats(stats);
     }
     /** {zh}
      * @brief 获取 FLV 拉流的播放信息。
@@ -51252,7 +51358,8 @@ Radeong 0.4 on AMD TAHITI (DRM 2.43.0, LLVM 3.9.0)|-1
      */
     getFLVStats() {
       var _a, _b, _c;
-      return (_c = (_b = (_a = this._player) == null ? void 0 : _a.plugins) == null ? void 0 : _b.flv) == null ? void 0 : _c.getStats();
+      const stats = (_c = (_b = (_a = this._player) == null ? void 0 : _a.plugins) == null ? void 0 : _b.flv) == null ? void 0 : _c.getStats();
+      return this._mergeSEIDelayStats(stats);
     }
     /** {zh}
      * @brief 获取 HLS 拉流的播放信息。
@@ -51264,8 +51371,9 @@ Radeong 0.4 on AMD TAHITI (DRM 2.43.0, LLVM 3.9.0)|-1
      * @hidden
      */
     getHLSStats() {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = this._player) == null ? void 0 : _a.plugins) == null ? void 0 : _b.hls) == null ? void 0 : _c.getStats();
+      var _a, _b, _c, _d;
+      const stats = ((_d = (_c = (_b = (_a = this._player) == null ? void 0 : _a.plugins) == null ? void 0 : _b.hls) == null ? void 0 : _c.getStats) == null ? void 0 : _d.call(_c)) ?? {};
+      return this._mergeSEIDelayStats(stats);
     }
     /** {en}
      * @brief This method is used to update the playlist, supporting updates to source, resolution, and related information.
@@ -51293,6 +51401,40 @@ Radeong 0.4 on AMD TAHITI (DRM 2.43.0, LLVM 3.9.0)|-1
       }
       return super.updatePlaylist(playlist, target);
     }
+    _getPlayerBufferTime() {
+      var _a, _b, _c, _d, _e2;
+      try {
+        const rtm = ((_b = (_a = this._player) == null ? void 0 : _a.plugins) == null ? void 0 : _b.rts) ?? ((_d = (_c = this._player) == null ? void 0 : _c.plugins) == null ? void 0 : _d.rtm);
+        if (rtm) {
+          const jitterBufferDelay = rtm.jitterBufferDelay;
+          if (Number.isFinite(jitterBufferDelay) && jitterBufferDelay >= 0) {
+            return jitterBufferDelay;
+          }
+        }
+      } catch (e2) {
+      }
+      const video = (_e2 = this._player) == null ? void 0 : _e2.video;
+      const buffered = video == null ? void 0 : video.buffered;
+      if (!video || !(buffered == null ? void 0 : buffered.length)) {
+        return 0;
+      }
+      try {
+        return Math.trunc(
+          (buffered.end(buffered.length - 1) - video.currentTime) * 1e3
+        );
+      } catch (e2) {
+        return 0;
+      }
+    }
+    _mergeSEIDelayStats(stats) {
+      if (!stats) {
+        return stats;
+      }
+      return {
+        ...stats,
+        ...this._seiDelayStats
+      };
+    }
   }
   async function createLivePlayer(options) {
     var _a, _b, _c, _d, _e2, _f, _g, _h, _i2, _j, _k;
@@ -51325,6 +51467,10 @@ Radeong 0.4 on AMD TAHITI (DRM 2.43.0, LLVM 3.9.0)|-1
       playerOptions,
       recommendation
     );
+    finalOptions.rtm = {
+      enableSei: true,
+      ...finalOptions.rtm
+    };
     await liveLicenseManager.create();
     const licenseFatalError = liveLicenseManager.getLicenseFatalError();
     const protocolManager = await ProtocolManager.create(finalOptions);