@volcengine/veplayer 2.5.0 → 2.5.1-rc.1

package/package.json

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

package/umd/index.d.ts

@@ -1399,13 +1399,13 @@ interface VePlayerBaseOptions extends Omit<PlayerOptions, "autoplay" | "i18n"> {
  */
 interface Fullscreen {
     /** {zh}
-     * @brief 切换全屏时，是否旋转为横屏播放，通常在移动端使用。如果开启横屏播放，切换全屏时，将在竖屏状态下把播放器旋转 90 度，实现横屏效果。该配置优先级高于 useCssFullscreen。
-     * - `true`：使用旋转横屏；
-     * - `false`：不使用旋转横屏。
+     * @brief 切换全屏时，是否旋转为横屏播放，通常在移动端使用。如果开启横屏播放，切换全屏时，将在竖屏状态下把播放器旋转 90 度，实现横屏效果。该配置优先级低于 useCssFullscreen。
+     *        - `true`：使用旋转横屏；
+     *        - `false`：不使用旋转横屏。
      * @default false
      */
     /** {en}
-     * @brief Whether to play the video in landscape mode when the video enters full-screen mode. This feature is usually used on mobile devices. Once enabled, when the video enters fullscreen mode, the player will be rotated from portrait mode by 90 degrees to landscape mode. This property has a higher priority over `useCssFullscreen`.
+     * @brief Whether to play the video in landscape mode when the video enters full-screen mode. This feature is usually used on mobile devices. Once enabled, when the video enters fullscreen mode, the player will be rotated from portrait mode by 90 degrees to landscape mode. This property has a lower priority than `useCssFullscreen`.
      *        - `true`: Enable.
      *        - `false`: Disable.
      * @default false
@@ -3722,13 +3722,13 @@ declare namespace strategy {
      */
     interface Fullscreen {
         /** {zh}
-         * @brief 切换全屏时，是否旋转为横屏播放，通常在移动端使用。如果开启横屏播放，切换全屏时，将在竖屏状态下把播放器旋转 90 度，实现横屏效果。该配置优先级高于 useCssFullscreen。
-         * - `true`：使用旋转横屏；
-         * - `false`：不使用旋转横屏。
+         * @brief 切换全屏时，是否旋转为横屏播放，通常在移动端使用。如果开启横屏播放，切换全屏时，将在竖屏状态下把播放器旋转 90 度，实现横屏效果。该配置优先级低于 useCssFullscreen。
+         *        - `true`：使用旋转横屏；
+         *        - `false`：不使用旋转横屏。
          * @default false
          */
         /** {en}
-         * @brief Whether to play the video in landscape mode when the video enters full-screen mode. This feature is usually used on mobile devices. Once enabled, when the video enters fullscreen mode, the player will be rotated from portrait mode by 90 degrees to landscape mode. This property has a higher priority over `useCssFullscreen`.
+         * @brief Whether to play the video in landscape mode when the video enters full-screen mode. This feature is usually used on mobile devices. Once enabled, when the video enters fullscreen mode, the player will be rotated from portrait mode by 90 degrees to landscape mode. This property has a lower priority than `useCssFullscreen`.
          *        - `true`: Enable.
          *        - `false`: Disable.
          * @default false
@@ -4002,13 +4002,6 @@ declare namespace strategy {
     function detectCodec(url: string): Promise<"unknown" | Codec>;
     function isSoftDecode(options: VePlayerBaseOptions, currentCodec?: Codec | "unknown"): Promise<boolean>;
     function combineOptions<T = VePlayerBaseOptions>(strategyList: (Strategy<T> | undefined)[]): Partial<T>;
-    const getFlvStrategy: (options: VePlayerBaseOptions) => Promise<{
-        options?: undefined;
-        plugins?: undefined;
-    } | {
-        options: Partial<VePlayerBaseOptions>;
-        plugins: any[];
-    }>;
     const getHlsStrategy: (options: VePlayerBaseOptions) => Promise<{
         options?: undefined;
         plugins?: undefined;

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

@@ -12,6 +12,7 @@ var __publicField = (obj, key, value) => {
   const { VeError } = error;
   var LiveErrorCode = /* @__PURE__ */ ((LiveErrorCode2) => {
     LiveErrorCode2[LiveErrorCode2["INVALID_PARAMETER"] = 210] = "INVALID_PARAMETER";
+    LiveErrorCode2[LiveErrorCode2["INVALID_LOGGER"] = 220] = "INVALID_LOGGER";
     return LiveErrorCode2;
   })(LiveErrorCode || {});
   error.Level;
@@ -27,35 +28,48 @@ var __publicField = (obj, key, value) => {
     ]: {
       messageTextKey: "INVALID_PARAMETER",
       level: error.Level.Fatal
+    },
+    [
+      220
+      /* INVALID_LOGGER */
+    ]: {
+      messageTextKey: "INVALID_LOGGER",
+      level: error.Level.Error
     }
   };
   function create(errorCode, i18n) {
-    return new VeError(ERRORS[errorCode], i18n);
+    return new VeError(
+      {
+        errorCode,
+        ...ERRORS[errorCode]
+      },
+      i18n
+    );
   }
   const DynamicModule$4 = window["VePlayer"].DynamicModule;
-  const load$4 = window["VePlayer"].load;
+  const load$5 = window["VePlayer"].load;
   async function isRTMSupported() {
-    const { RtmPlugin } = await load$4(DynamicModule$4.PluginRtm);
+    const { RtmPlugin } = await load$5(DynamicModule$4.PluginRtm);
     return RtmPlugin.isSupported();
   }
   async function isRTMSupportCodec(codec = RTMCodec.H264) {
-    const { RtmPlugin } = await load$4(DynamicModule$4.PluginRtm);
+    const { RtmPlugin } = await load$5(DynamicModule$4.PluginRtm);
     if (codec === RTMCodec.H264)
       return RtmPlugin.isSupportedH264();
     return false;
   }
-  const strategy$1 = window["VePlayer"].strategy;
-  const util$4 = window["VePlayer"].util;
+  const strategy$2 = window["VePlayer"].strategy;
+  const util$6 = window["VePlayer"].util;
   const DynamicModule$3 = window["VePlayer"].DynamicModule;
-  const load$3 = window["VePlayer"].load;
-  const Codec$2 = window["VePlayer"].Codec;
-  const Sniffer$3 = window["VePlayer"].Sniffer;
+  const load$4 = window["VePlayer"].load;
+  const Codec$4 = window["VePlayer"].Codec;
+  const Sniffer$5 = window["VePlayer"].Sniffer;
   const rtmStrategy = {
     options: {},
     module: DynamicModule$3.PluginRtm
   };
   const generateFallbackUrl = (url) => {
-    if (Sniffer$3.device === "pc") {
+    if (Sniffer$5.device === "pc") {
       return url.replace(".sdp", ".flv");
     } else {
       return url.replace(".sdp", ".m3u8");
@@ -72,17 +86,17 @@ var __publicField = (obj, key, value) => {
       ...ret
     } = options.rtm || {};
     const actualFallbackUrl = !enableFallback ? "" : !fallbackUrl && url ? generateFallbackUrl(url) : fallbackUrl;
-    const backupType = actualFallbackUrl && util$4.getStreamType(actualFallbackUrl);
-    if (backupType === "flv" && util$4.isMseSupported(Codec$2.H264)) {
-      backupStrategy = strategy$1.createFlvMseStrategy(options);
-    } else if (backupType === "hls" && (Sniffer$3.device !== "mobile" || ((_a = options == null ? void 0 : options.hls) == null ? void 0 : _a.enableMSE)) && util$4.isMseSupported(Codec$2.H264)) {
-      backupStrategy = strategy$1.createHlsMseStrategy(options);
+    const backupType = actualFallbackUrl && util$6.getStreamType(actualFallbackUrl);
+    if (backupType === "flv" && util$6.isMseSupported(Codec$4.H264)) {
+      backupStrategy = strategy$2.createFlvMseStrategy(options);
+    } else if (backupType === "hls" && (Sniffer$5.device !== "mobile" || ((_a = options == null ? void 0 : options.hls) == null ? void 0 : _a.enableMSE)) && util$6.isMseSupported(Codec$4.H264)) {
+      backupStrategy = strategy$2.createHlsMseStrategy(options);
     }
     const [rtmCdn, backupCdn] = await Promise.all([
-      load$3(rtmStrategy.module).then((module2) => {
+      load$4(rtmStrategy.module).then((module2) => {
         return module2.RtmPlugin;
       }).catch(() => void 0),
-      backupStrategy && load$3(backupStrategy.module).then((module2) => {
+      backupStrategy && load$4(backupStrategy.module).then((module2) => {
         if ((backupStrategy == null ? void 0 : backupStrategy.module) === DynamicModule$3.PluginFlv) {
           return module2.FlvPlugin;
         } else if ((backupStrategy == null ? void 0 : backupStrategy.module) === DynamicModule$3.PluginHls) {
@@ -121,7 +135,7 @@ var __publicField = (obj, key, value) => {
     return {
       options: {
         ...(backupStrategy == null ? void 0 : backupStrategy.options) || {},
-        url: enableRTMAutoTranscode ? util$4.appendSearchParams(url, { enableRTMAutoTranscode: "true" }) : void 0,
+        url: enableRTMAutoTranscode ? util$6.appendSearchParams(url, { enableRTMAutoTranscode: "true" }) : void 0,
         _RTMdegrade: void 0,
         rts: {
           retryCount: 0,
@@ -133,13 +147,13 @@ var __publicField = (obj, key, value) => {
       plugins: rtmCdn ? [rtmCdn] : []
     };
   };
-  const Sniffer$2 = window["VePlayer"].Sniffer;
+  const Sniffer$4 = window["VePlayer"].Sniffer;
   var DrmType = /* @__PURE__ */ ((DrmType2) => {
     DrmType2["Fairplay"] = "fairplay";
     return DrmType2;
   })(DrmType || {});
   function getDrmType(drm) {
-    if ((drm == null ? void 0 : drm.fairplay) && (Sniffer$2.browser === "safari" || Sniffer$2.os.isIos)) {
+    if ((drm == null ? void 0 : drm.fairplay) && (Sniffer$4.browser === "safari" || Sniffer$4.os.isIos)) {
       return "fairplay";
     }
     return;
@@ -157,6 +171,63 @@ var __publicField = (obj, key, value) => {
     }
     return true;
   }
+  const Sniffer$3 = window["VePlayer"].Sniffer;
+  const Codec$3 = window["VePlayer"].Codec;
+  const util$5 = window["VePlayer"].util;
+  const { isMMSSupported: isMMSSupported$2, isMseSupported: isMseSupported$2 } = util$5;
+  function enableMMS() {
+    return Sniffer$3.os.isIos;
+  }
+  function isFLVSupported$1(codec = Codec$3.H264) {
+    const isMediaSourceSupported = enableMMS() ? isMMSSupported$2 : isMseSupported$2;
+    return isMediaSourceSupported(codec);
+  }
+  const strategy$1 = window["VePlayer"].strategy;
+  const load$3 = window["VePlayer"].load;
+  const Sniffer$2 = window["VePlayer"].Sniffer;
+  const Codec$2 = window["VePlayer"].Codec;
+  const util$4 = window["VePlayer"].util;
+  const { appendSearchParams } = util$4;
+  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$2.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 strategy$1.getCodec(options);
+    const isSoftDecode = await strategy$1.isSoftDecode(options, codec);
+    if (isSoftDecode) {
+      softStrategy = codec === Codec$2.H265 ? strategy$1.createSoftDecodeH265Strategy() : strategy$1.createSoftDecodeH264Strategy();
+      mseStrategy = strategy$1.createFlvMseStrategy(options);
+    }
+    if (codec === "unknown" ? isFLVSupported$1(Codec$2.H264) : isFLVSupported$1(codec)) {
+      mseStrategy = enableMMS() ? strategy$1.createFlvMssStrategy(options) : strategy$1.createFlvMseStrategy(options);
+    }
+    if (!mseStrategy && !softStrategy) {
+      return {};
+    }
+    const [mseModule, softModule] = await Promise.all([
+      (mseStrategy == null ? void 0 : mseStrategy.module) && load$3(mseStrategy.module).catch(() => void 0),
+      (softStrategy == null ? void 0 : softStrategy.module) && load$3(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 = strategy$1.combineOptions([mseStrategy, softStrategy]);
+    const plugins = [];
+    if (enableLowLatency) {
+      combineOptions.url = appendSearchParams(options.url, { abr_pts: abrPts });
+    }
+    if (mseModule) {
+      plugins.push(mseModule.FlvPlugin);
+      if (enableLowLatency && enableFrameChasing) {
+        plugins.push(mseModule.Adaptive);
+      }
+    }
+    return {
+      options: combineOptions,
+      plugins
+    };
+  };
   const util$3 = window["VePlayer"].util;
   const strategy = window["VePlayer"].strategy;
   const getTypeStrategy = async (options, player) => {
@@ -168,7 +239,7 @@ var __publicField = (obj, key, value) => {
       return await getRtmStrategy(options, player);
     }
     if (type === "flv") {
-      return await strategy.getFlvStrategy(options);
+      return await getFlvStrategy(options);
     }
     if (type === "hls") {
       if (!isMseSupportedWithDrm({ drm: options.drm, streamType: type })) {
@@ -2932,7 +3003,7 @@ var __publicField = (obj, key, value) => {
     }
     static get defaultConfig() {
       return {
-        appId: "",
+        appId: 654925,
         enable: true,
         showUserIdInErrorPanel: true
       };
@@ -2942,10 +3013,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();
@@ -2988,16 +3055,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.3.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.3.1-rc.1",
+          flv_version: "3.0.21-rc.5",
+          hls_version: "3.0.21-rc.5",
+          rts_version: "0.2.1-alpha.14"
         }
       });
     }
@@ -3233,6 +3301,7 @@ var __publicField = (obj, key, value) => {
   const EN$1 = {
     ...BaseEN,
     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",
@@ -3251,6 +3320,7 @@ var __publicField = (obj, key, value) => {
   const ZH_CN$1 = {
     ...BaseZH_CN,
     INVALID_PARAMETER: "入参为空，请传入流地址等必要参数",
+    INVALID_LOGGER: "未正确配置质量日志参数, 请参考 https://www.volcengine.com/docs/6469/138655#日志上报 配置",
     // info-panel
     FORMAT: "格式",
     FPS: "帧率",
@@ -3452,6 +3522,13 @@ var __publicField = (obj, key, value) => {
     Codec2["H264"] = "h264";
     return Codec2;
   })(Codec$1 || {});
+  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);
@@ -3484,10 +3561,24 @@ var __publicField = (obj, key, value) => {
     if (codec === Codec$1.H265) {
       return sniffer.isHevcSupported();
     }
-    return sniffer.isMSESupport();
+    if (codec === Codec$1.H264) {
+      return sniffer.isMSESupport();
+    }
+    return sniffer.isMSESupport(codec);
   }
-  function isMMSSupported$1() {
-    return typeof ManagedMediaSource !== "undefined";
+  function isMMSSupported$1(codec = Codec$1.H264) {
+    if (typeof window.ManagedMediaSource === "undefined") {
+      return false;
+    }
+    if (codec === Codec$1.H264) {
+      return window.ManagedMediaSource.isTypeSupported(H264_MIME);
+    }
+    if (codec === Codec$1.H265) {
+      return H265_MIME.some((mine) => {
+        return window.ManagedMediaSource.isTypeSupported(mine);
+      });
+    }
+    return window.ManagedMediaSource.isTypeSupported(codec);
   }
   const DynamicModule$1 = window["VePlayer"].DynamicModule;
   const load$1 = window["VePlayer"].load;
@@ -3719,15 +3810,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 ?? []]
@@ -3780,7 +3874,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,