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

package/esm/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/esm/veplayer.biz.live.development.js

@@ -26733,7 +26733,6 @@ function normalizeNumber(value, transform) {
   return transform ? transform(value) : value.toString();
 }
 function getDefaultRow(data2) {
-  var _a;
   return {
     rows: [
       {
@@ -26774,7 +26773,10 @@ function getDefaultRow(data2) {
       {
         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",
@@ -29239,8 +29241,6 @@ const licenseManager$1 = new LicenseManager();
 const BaseEvents = {
   // sei
   SEI: "sei",
-  // sei，在播放时间对齐到该 sei 的时间戳时抛出
-  SEI_IN_TIME: "seiInTime",
   // 播放器完成创建
   PLAYER_CREATE_FINISH: "playerCreateFinish",
   FALLBACK_ERROR: "fallbackError",
@@ -51017,6 +51017,79 @@ class LiveVeStrategy {
   }
 }
 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;
@@ -51059,6 +51132,22 @@ class VePlayerLive extends VePlayerBase {
      * @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 获取已经播放的时长，不包含暂停和等待时间，单位为秒。
@@ -51100,6 +51189,22 @@ class VePlayerLive extends VePlayerBase {
     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 调用此方法开启直播日志上报。
    */
@@ -51236,7 +51341,8 @@ class VePlayerLive extends VePlayerBase {
    */
   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 拉流的播放信息。
@@ -51247,7 +51353,8 @@ class VePlayerLive extends VePlayerBase {
    */
   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 拉流的播放信息。
@@ -51259,8 +51366,9 @@ class VePlayerLive extends VePlayerBase {
    * @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.
@@ -51288,6 +51396,40 @@ class VePlayerLive extends VePlayerBase {
     }
     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;
@@ -51320,6 +51462,10 @@ async function createLivePlayer(options) {
     playerOptions,
     recommendation
   );
+  finalOptions.rtm = {
+    enableSei: true,
+    ...finalOptions.rtm
+  };
   await liveLicenseManager.create();
   const licenseFatalError = liveLicenseManager.getLicenseFatalError();
   const protocolManager = await ProtocolManager.create(finalOptions);