@volcengine/veplayer 2.5.0 → 2.5.1-rc.0

package/esm/veplayer.live.development.js

@@ -1457,7 +1457,7 @@ var sniffer$1 = {
     }
   }
 };
-var version = "3.0.21-rc.2";
+var version = "3.0.21-rc.5";
 var ERROR_TYPE_MAP = {
   1: "media",
   2: "media",
@@ -1913,7 +1913,7 @@ var MediaProxy = /* @__PURE__ */ function(_EventEmitter) {
         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,
@@ -4127,6 +4127,10 @@ var Controls = /* @__PURE__ */ function(_Plugin) {
         this.unbind("mouseenter", this.onMouseEnter);
         this.unbind("mouseleave", this.onMouseLeave);
       }
+      this.left = null;
+      this.center = null;
+      this.right = null;
+      this.innerRoot = null;
     }
   }, {
     key: "render",
@@ -12840,7 +12844,7 @@ async function load(name, src2) {
     });
   }
 }
-const appendSearchParams = (url, searchParams) => {
+const appendSearchParams$1 = (url, searchParams) => {
   var _a, _b;
   const urlObject = getUrlObject(url);
   if (!url || !urlObject) {
@@ -12875,6 +12879,13 @@ const getUrlObject = (url) => {
     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);
@@ -12903,26 +12914,40 @@ function getStreamType(url) {
   }
   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 = "";
@@ -13843,7 +13868,7 @@ class VePlayerBase {
    * @brief Retrieve the player SDK version number.
    */
   get playerVersion() {
-    return "2.5.0";
+    return "2.5.1-rc.0";
   }
   /** {zh}
    * @brief 获取当前播放视频的清晰度唯一标识（definition）。
@@ -18964,48 +18989,6 @@ class Lite {
     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;
@@ -19016,7 +18999,7 @@ const getHlsStrategy = async (options) => {
     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) {
@@ -19163,6 +19146,7 @@ function combineOptions(strategyList) {
 const { VeError: VeError2 } = 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 = {
@@ -19177,10 +19161,23 @@ const ERRORS = {
   ]: {
     messageTextKey: "INVALID_PARAMETER",
     level: Level.Fatal
+  },
+  [
+    220
+    /* INVALID_LOGGER */
+  ]: {
+    messageTextKey: "INVALID_LOGGER",
+    level: Level.Error
   }
 };
 function create(errorCode, i18n) {
-  return new VeError2(ERRORS[errorCode], i18n);
+  return new VeError2(
+    {
+      errorCode,
+      ...ERRORS[errorCode]
+    },
+    i18n
+  );
 }
 async function isRTMSupported() {
   const { RtmPlugin } = await load(DynamicModule.PluginRtm);
@@ -19298,6 +19295,55 @@ function isMseSupportedWithDrm({
   }
   return true;
 }
+const { isMMSSupported: isMMSSupported$1, isMseSupported: isMseSupported$1 } = util;
+function enableMMS() {
+  return sniffer$1.os.isIos;
+}
+function isFLVSupported(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(Codec.H264) : isFLVSupported(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") {
@@ -22061,7 +22107,7 @@ class Logger extends Plugin {
   }
   static get defaultConfig() {
     return {
-      appId: "",
+      appId: 654925,
       enable: true,
       showUserIdInErrorPanel: true
     };
@@ -22071,10 +22117,6 @@ class Logger extends Plugin {
     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) || getUserId2();
     this._deviceId = ((_b = this.config) == null ? void 0 : _b.deviceId) || getDeviceID2();
     this.open();
@@ -22117,16 +22159,17 @@ class Logger extends Plugin {
     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.0",
+        flv_version: "3.0.21-rc.5",
+        hls_version: "3.0.21-rc.5",
+        rts_version: "0.2.1-alpha.14"
       }
     });
   }
@@ -22358,6 +22401,7 @@ class InfoPanel extends Plugin {
 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",
@@ -22375,6 +22419,7 @@ const EN = {
 const ZH_CN = {
   ...ZH_CN$1,
   INVALID_PARAMETER: "入参为空，请传入流地址等必要参数",
+  INVALID_LOGGER: "未正确配置质量日志参数, 请参考 https://www.volcengine.com/docs/6469/138655#日志上报 配置",
   // info-panel
   FORMAT: "格式",
   FPS: "帧率",
@@ -22645,15 +22690,18 @@ class VePlayerLive extends VePlayerBase {
   }
 }
 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 ?? []]
@@ -22706,7 +22754,7 @@ async function createLivePlayer(options) {
     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,
@@ -22719,9 +22767,6 @@ async function createLivePlayer(options) {
   }
   return player;
 }
-function isFLVSupported() {
-  return isMseSupported$1() || isMMSSupported$1();
-}
 var live = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   ErrorCode,