@volcengine/veplayer 2.5.0 → 2.5.1-rc.1

package/umd/veplayer.live.development.js

@@ -1461,7 +1461,7 @@ var __publicField = (obj, key, value) => {
       }
     }
   };
-  var version = "3.0.21-rc.2";
+  var version = "3.0.21-rc.5";
   var ERROR_TYPE_MAP = {
     1: "media",
     2: "media",
@@ -1917,7 +1917,7 @@ var __publicField = (obj, key, value) => {
           var _e = this.media.error || error2;
           var type = _e.code ? ERROR_TYPE_MAP[_e.code] : "other";
           var message = _e.message;
-          if (!this.media.currentSrc) {
+          if (!(this.media.currentSrc || this.media.srcObject)) {
             message = "empty_src";
             _e = {
               code: 6,
@@ -4131,6 +4131,10 @@ var __publicField = (obj, key, value) => {
           this.unbind("mouseenter", this.onMouseEnter);
           this.unbind("mouseleave", this.onMouseLeave);
         }
+        this.left = null;
+        this.center = null;
+        this.right = null;
+        this.innerRoot = null;
       }
     }, {
       key: "render",
@@ -12844,7 +12848,7 @@ var __publicField = (obj, key, value) => {
       });
     }
   }
-  const appendSearchParams = (url, searchParams) => {
+  const appendSearchParams$1 = (url, searchParams) => {
     var _a, _b;
     const urlObject = getUrlObject(url);
     if (!url || !urlObject) {
@@ -12879,6 +12883,13 @@ var __publicField = (obj, key, value) => {
       return;
     }
   };
+  const H264_MIME = 'video/mp4; codecs="avc1.42E01E,mp4a.40.2"';
+  const H265_MIME = [
+    'video/mp4;codecs="hev1.1.6.L120.90"',
+    'video/mp4;codecs="hev1.2.4.L120.90"',
+    'video/mp4;codecs="hev1.3.E.L120.90"',
+    'video/mp4;codecs="hev1.4.10.L120.90"'
+  ];
   function isType(suffix) {
     return function(url) {
       return url == null ? void 0 : url.split("?")[0].toLowerCase().includes(suffix);
@@ -12907,26 +12918,40 @@ var __publicField = (obj, key, value) => {
     }
     return "unknown";
   }
-  function isMseSupported$1(codec = Codec.H264) {
+  function isMseSupported$2(codec = Codec.H264) {
     if (codec === Codec.H265) {
       return sniffer$1.isHevcSupported();
     }
-    return sniffer$1.isMSESupport();
+    if (codec === Codec.H264) {
+      return sniffer$1.isMSESupport();
+    }
+    return sniffer$1.isMSESupport(codec);
   }
   async function isSoftDecodeSupported$1() {
     const { XGVideoPlugin } = await load(DynamicModule.PluginXgvideo);
     return XGVideoPlugin == null ? void 0 : XGVideoPlugin.isSupported();
   }
-  function isMMSSupported$1() {
-    return typeof ManagedMediaSource !== "undefined";
+  function isMMSSupported$2(codec = Codec.H264) {
+    if (typeof window.ManagedMediaSource === "undefined") {
+      return false;
+    }
+    if (codec === Codec.H264) {
+      return window.ManagedMediaSource.isTypeSupported(H264_MIME);
+    }
+    if (codec === Codec.H265) {
+      return H265_MIME.some((mine) => {
+        return window.ManagedMediaSource.isTypeSupported(mine);
+      });
+    }
+    return window.ManagedMediaSource.isTypeSupported(codec);
   }
   const util = {
     ...util$1,
     getStreamType,
-    isMseSupported: isMseSupported$1,
+    isMseSupported: isMseSupported$2,
     isSoftDecodeSupported: isSoftDecodeSupported$1,
-    isMMSSupported: isMMSSupported$1,
-    appendSearchParams,
+    isMMSSupported: isMMSSupported$2,
+    appendSearchParams: appendSearchParams$1,
     getUrlObject
   };
   var autoplay = "";
@@ -13847,7 +13872,7 @@ var __publicField = (obj, key, value) => {
      * @brief Retrieve the player SDK version number.
      */
     get playerVersion() {
-      return "2.5.0";
+      return "2.5.1-rc.1";
     }
     /** {zh}
      * @brief 获取当前播放视频的清晰度唯一标识（definition）。
@@ -18968,48 +18993,6 @@ var __publicField = (obj, key, value) => {
       return result;
     }
   }
-  const getFlvStrategy = async (options) => {
-    var _a, _b, _c, _d, _e, _f;
-    let mseStrategy;
-    let softStrategy;
-    const enableLowLatency = ((_a = options == null ? void 0 : options.flv) == null ? void 0 : _a.enableLowLatency) && sniffer$1.device === "pc";
-    const enableFrameChasing = ((_c = (_b = options == null ? void 0 : options.flv) == null ? void 0 : _b.lowLatency) == null ? void 0 : _c.enableFrameChasing) ?? true;
-    const abrPts = ((_e = (_d = options == null ? void 0 : options.flv) == null ? void 0 : _d.lowLatency) == null ? void 0 : _e.abrPts) ?? "-800";
-    const codec = await getCodec(options);
-    const isSoftDecode$1 = await isSoftDecode(options, codec);
-    if (isSoftDecode$1) {
-      softStrategy = codec === Codec.H265 ? createSoftDecodeH265Strategy() : createSoftDecodeH264Strategy();
-      mseStrategy = createFlvMseStrategy(options);
-    }
-    if (codec === "unknown" ? isMseSupported$1(Codec.H264) : isMseSupported$1(codec)) {
-      mseStrategy = createFlvMseStrategy(options);
-    } else if (isMMSSupported$1()) {
-      mseStrategy = createFlvMssStrategy(options);
-    }
-    if (!mseStrategy && !softStrategy) {
-      return {};
-    }
-    const [mseModule, softModule] = await Promise.all([
-      (mseStrategy == null ? void 0 : mseStrategy.module) && load(mseStrategy.module).catch(() => void 0),
-      (softStrategy == null ? void 0 : softStrategy.module) && load(softStrategy.module).catch(() => void 0)
-    ]);
-    (softModule == null ? void 0 : softModule.XGVideoPlugin) && ((_f = softStrategy == null ? void 0 : softStrategy.afterLoad) == null ? void 0 : _f.call(softStrategy, softModule == null ? void 0 : softModule.XGVideoPlugin));
-    const combineOptions$1 = combineOptions([mseStrategy, softStrategy]);
-    const plugins = [];
-    if (enableLowLatency) {
-      combineOptions$1.url = appendSearchParams(options.url, { abr_pts: abrPts });
-    }
-    if (mseModule) {
-      plugins.push(mseModule.FlvPlugin);
-      if (enableLowLatency && enableFrameChasing) {
-        plugins.push(mseModule.Adaptive);
-      }
-    }
-    return {
-      options: combineOptions$1,
-      plugins
-    };
-  };
   const getHlsStrategy = async (options) => {
     var _a, _b;
     let mseStrategy;
@@ -19020,7 +19003,7 @@ var __publicField = (obj, key, value) => {
       softStrategy = codec === Codec.H265 ? createSoftDecodeH265Strategy() : createSoftDecodeH264Strategy();
       mseStrategy = createHlsMseStrategy(options);
     }
-    if ((sniffer$1.device !== "mobile" || ((_a = options == null ? void 0 : options.hls) == null ? void 0 : _a.enableMSE)) && (codec === "unknown" ? isMseSupported$1(Codec.H264) : isMseSupported$1(codec))) {
+    if ((sniffer$1.device !== "mobile" || ((_a = options == null ? void 0 : options.hls) == null ? void 0 : _a.enableMSE)) && (codec === "unknown" ? isMseSupported$2(Codec.H264) : isMseSupported$2(codec))) {
       mseStrategy = createHlsMseStrategy(options);
     }
     if (!mseStrategy && !softStrategy) {
@@ -19167,6 +19150,7 @@ var __publicField = (obj, key, value) => {
   const { VeError } = error$1;
   var LiveErrorCode = /* @__PURE__ */ ((LiveErrorCode2) => {
     LiveErrorCode2[LiveErrorCode2["INVALID_PARAMETER"] = 210] = "INVALID_PARAMETER";
+    LiveErrorCode2[LiveErrorCode2["INVALID_LOGGER"] = 220] = "INVALID_LOGGER";
     return LiveErrorCode2;
   })(LiveErrorCode || {});
   const ErrorCode = {
@@ -19181,10 +19165,23 @@ var __publicField = (obj, key, value) => {
     ]: {
       messageTextKey: "INVALID_PARAMETER",
       level: Level.Fatal
+    },
+    [
+      220
+      /* INVALID_LOGGER */
+    ]: {
+      messageTextKey: "INVALID_LOGGER",
+      level: Level.Error
     }
   };
   function create(errorCode, i18n) {
-    return new VeError(ERRORS[errorCode], i18n);
+    return new VeError(
+      {
+        errorCode,
+        ...ERRORS[errorCode]
+      },
+      i18n
+    );
   }
   async function isRTMSupported() {
     const { RtmPlugin } = await load(DynamicModule.PluginRtm);
@@ -19302,6 +19299,55 @@ var __publicField = (obj, key, value) => {
     }
     return true;
   }
+  const { isMMSSupported: isMMSSupported$1, isMseSupported: isMseSupported$1 } = util;
+  function enableMMS() {
+    return sniffer$1.os.isIos;
+  }
+  function isFLVSupported$1(codec = Codec.H264) {
+    const isMediaSourceSupported = enableMMS() ? isMMSSupported$1 : isMseSupported$1;
+    return isMediaSourceSupported(codec);
+  }
+  const { appendSearchParams } = util;
+  const getFlvStrategy = async (options) => {
+    var _a, _b, _c, _d, _e, _f;
+    let mseStrategy;
+    let softStrategy;
+    const enableLowLatency = ((_a = options == null ? void 0 : options.flv) == null ? void 0 : _a.enableLowLatency) && sniffer$1.device === "pc";
+    const enableFrameChasing = ((_c = (_b = options == null ? void 0 : options.flv) == null ? void 0 : _b.lowLatency) == null ? void 0 : _c.enableFrameChasing) ?? true;
+    const abrPts = ((_e = (_d = options == null ? void 0 : options.flv) == null ? void 0 : _d.lowLatency) == null ? void 0 : _e.abrPts) ?? "-800";
+    const codec = await getCodec(options);
+    const isSoftDecode$1 = await isSoftDecode(options, codec);
+    if (isSoftDecode$1) {
+      softStrategy = codec === Codec.H265 ? createSoftDecodeH265Strategy() : createSoftDecodeH264Strategy();
+      mseStrategy = createFlvMseStrategy(options);
+    }
+    if (codec === "unknown" ? isFLVSupported$1(Codec.H264) : isFLVSupported$1(codec)) {
+      mseStrategy = enableMMS() ? createFlvMssStrategy(options) : createFlvMseStrategy(options);
+    }
+    if (!mseStrategy && !softStrategy) {
+      return {};
+    }
+    const [mseModule, softModule] = await Promise.all([
+      (mseStrategy == null ? void 0 : mseStrategy.module) && load(mseStrategy.module).catch(() => void 0),
+      (softStrategy == null ? void 0 : softStrategy.module) && load(softStrategy.module).catch(() => void 0)
+    ]);
+    (softModule == null ? void 0 : softModule.XGVideoPlugin) && ((_f = softStrategy == null ? void 0 : softStrategy.afterLoad) == null ? void 0 : _f.call(softStrategy, softModule == null ? void 0 : softModule.XGVideoPlugin));
+    const combineOptions$1 = combineOptions([mseStrategy, softStrategy]);
+    const plugins = [];
+    if (enableLowLatency) {
+      combineOptions$1.url = appendSearchParams(options.url, { abr_pts: abrPts });
+    }
+    if (mseModule) {
+      plugins.push(mseModule.FlvPlugin);
+      if (enableLowLatency && enableFrameChasing) {
+        plugins.push(mseModule.Adaptive);
+      }
+    }
+    return {
+      options: combineOptions$1,
+      plugins
+    };
+  };
   const getTypeStrategy = async (options, player) => {
     const type = options.url ? util.getStreamType(options.url) : "";
     if (!type || type === "unknown") {
@@ -22065,7 +22111,7 @@ var __publicField = (obj, key, value) => {
     }
     static get defaultConfig() {
       return {
-        appId: "",
+        appId: 654925,
         enable: true,
         showUserIdInErrorPanel: true
       };
@@ -22075,10 +22121,6 @@ var __publicField = (obj, key, value) => {
       if (!this.config.enable) {
         return;
       }
-      if (!this.config.appId) {
-        console.info("not found appId, please generate an appId");
-        return;
-      }
       this._userId = ((_a = this.config) == null ? void 0 : _a.userId) || getUserId();
       this._deviceId = ((_b = this.config) == null ? void 0 : _b.deviceId) || getDeviceID();
       this.open();
@@ -22121,16 +22163,17 @@ var __publicField = (obj, key, value) => {
       this._liveLogger = new LoggerControl({
         Tea: q,
         player: this.player,
-        aid: this.config.appId,
+        aid: this.config.appId || 654925,
         project_key: this.config.appId,
         app_name: this.config.appName || this.config.appId,
         user_id: this._userId,
         device_id: this._deviceId,
+        error_report_stop: true,
         ext: {
-          veplayer_version: "2.5.0",
-          flv_version: "3.0.21-rc.2",
-          hls_version: "3.0.21-rc.2",
-          rts_version: "0.2.1-alpha.12"
+          veplayer_version: "2.5.1-rc.1",
+          flv_version: "3.0.21-rc.5",
+          hls_version: "3.0.21-rc.5",
+          rts_version: "0.2.1-alpha.14"
         }
       });
     }
@@ -22362,6 +22405,7 @@ var __publicField = (obj, key, value) => {
   const EN = {
     ...EN$1,
     INVALID_PARAMETER: "The imported parameter is empty, please pass in necessary parameters such as the stream address",
+    INVALID_LOGGER: "Log options not configured correctly. Please refer to this document https://docs.byteplus.com/en/docs/byteplus-media-live/docs-feature-implementation#uploading-logs to configure the logs.",
     // info-panel
     FORMAT: "format",
     FPS: "fps",
@@ -22379,6 +22423,7 @@ var __publicField = (obj, key, value) => {
   const ZH_CN = {
     ...ZH_CN$1,
     INVALID_PARAMETER: "入参为空，请传入流地址等必要参数",
+    INVALID_LOGGER: "未正确配置质量日志参数, 请参考 https://www.volcengine.com/docs/6469/138655#日志上报 配置",
     // info-panel
     FORMAT: "格式",
     FPS: "帧率",
@@ -22649,15 +22694,18 @@ var __publicField = (obj, key, value) => {
     }
   }
   async function createLivePlayer(options) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     let player = void 0;
-    if (!options || !options.url && !options.playlist) {
-      throw create(ErrorCode.INVALID_PARAMETER, new VeI18n());
-    }
     const i18n = new VeI18n({
       lang: options == null ? void 0 : options.lang,
       i18n: options == null ? void 0 : options.i18n
     });
+    if (!options || !options.url && !options.playlist) {
+      throw create(ErrorCode.INVALID_PARAMETER, i18n);
+    }
+    if (!((_a = options.logger) == null ? void 0 : _a.appId) && ((_b = options == null ? void 0 : options.logger) == null ? void 0 : _b.enable) !== false) {
+      console.warn(create(ErrorCode.INVALID_LOGGER, i18n).message);
+    }
     const finalOptions = {
       ...options,
       plugins: [...LIVE_DEFAULT_PLUGINS, ...options.plugins ?? []]
@@ -22710,7 +22758,7 @@ var __publicField = (obj, key, value) => {
       VePlayerLive
     );
     if (player) {
-      const RTMDegrade = (_b = (_a = player == null ? void 0 : player._player) == null ? void 0 : _a.config) == null ? void 0 : _b._RTMdegrade;
+      const RTMDegrade = (_d = (_c = player == null ? void 0 : player._player) == null ? void 0 : _c.config) == null ? void 0 : _d._RTMdegrade;
       if (RTMDegrade) {
         player.emit("degrade", {
           originRtmUrl: RTMDegrade._originRtmUrl,
@@ -22724,7 +22772,7 @@ var __publicField = (obj, key, value) => {
     return player;
   }
   function isFLVSupported() {
-    return isMseSupported$1() || isMMSSupported$1();
+    return isMseSupported$2() || isMMSSupported$2();
   }
   var live = /* @__PURE__ */ Object.freeze({
     __proto__: null,