@volcengine/veplayer 2.2.1-rc.0 → 2.3.0-rc.1

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

@@ -32,30 +32,30 @@ var __publicField = (obj, key, value) => {
   function create(errorCode, i18n) {
     return new VeError(ERRORS[errorCode], i18n);
   }
-  const DynamicModule$2 = window["VePlayer"].DynamicModule;
-  const load$2 = window["VePlayer"].load;
+  const DynamicModule$3 = window["VePlayer"].DynamicModule;
+  const load$3 = window["VePlayer"].load;
   async function isRTMSupported() {
-    const { RtmPlugin } = await load$2(DynamicModule$2.PluginRtm);
+    const { RtmPlugin } = await load$3(DynamicModule$3.PluginRtm);
     return RtmPlugin.isSupported();
   }
   async function isRTMSupportCodec(codec = RTMCodec.H264) {
-    const { RtmPlugin } = await load$2(DynamicModule$2.PluginRtm);
+    const { RtmPlugin } = await load$3(DynamicModule$3.PluginRtm);
     if (codec === RTMCodec.H264)
       return RtmPlugin.isSupportedH264();
     return false;
   }
   const strategy$1 = window["VePlayer"].strategy;
   const util$4 = window["VePlayer"].util;
-  const DynamicModule$1 = window["VePlayer"].DynamicModule;
-  const load$1 = window["VePlayer"].load;
+  const DynamicModule$2 = window["VePlayer"].DynamicModule;
+  const load$2 = window["VePlayer"].load;
   const Codec$1 = window["VePlayer"].Codec;
-  const Sniffer$2 = window["VePlayer"].Sniffer;
+  const Sniffer$3 = window["VePlayer"].Sniffer;
   const rtmStrategy = {
     options: {},
-    module: DynamicModule$1.PluginRtm
+    module: DynamicModule$2.PluginRtm
   };
   const generateFallbackUrl = (url) => {
-    if (Sniffer$2.device === "pc") {
+    if (Sniffer$3.device === "pc") {
       return url.replace(".sdp", ".flv");
     } else {
       return url.replace(".sdp", ".m3u8");
@@ -75,17 +75,17 @@ var __publicField = (obj, key, value) => {
     const backupType = actualFallbackUrl && util$4.getStreamType(actualFallbackUrl);
     if (backupType === "flv" && util$4.isMseSupported(Codec$1.H264)) {
       backupStrategy = strategy$1.createFlvMseStrategy(options);
-    } else if (backupType === "hls" && (Sniffer$2.device !== "mobile" || ((_a = options == null ? void 0 : options.hls) == null ? void 0 : _a.enableMSE)) && util$4.isMseSupported(Codec$1.H264)) {
+    } else if (backupType === "hls" && (Sniffer$3.device !== "mobile" || ((_a = options == null ? void 0 : options.hls) == null ? void 0 : _a.enableMSE)) && util$4.isMseSupported(Codec$1.H264)) {
       backupStrategy = strategy$1.createHlsMseStrategy(options);
     }
     const [rtmCdn, backupCdn] = await Promise.all([
-      load$1(rtmStrategy.module).then((module2) => {
+      load$2(rtmStrategy.module).then((module2) => {
         return module2.RtmPlugin;
       }).catch(() => void 0),
-      backupStrategy && load$1(backupStrategy.module).then((module2) => {
-        if ((backupStrategy == null ? void 0 : backupStrategy.module) === DynamicModule$1.PluginFlv) {
+      backupStrategy && load$2(backupStrategy.module).then((module2) => {
+        if ((backupStrategy == null ? void 0 : backupStrategy.module) === DynamicModule$2.PluginFlv) {
           return module2.FlvPlugin;
-        } else if ((backupStrategy == null ? void 0 : backupStrategy.module) === DynamicModule$1.PluginHls) {
+        } else if ((backupStrategy == null ? void 0 : backupStrategy.module) === DynamicModule$2.PluginHls) {
           return module2.HlsPlugin;
         }
       }).catch(() => void 0)
@@ -133,6 +133,30 @@ var __publicField = (obj, key, value) => {
       plugins: rtmCdn ? [rtmCdn] : []
     };
   };
+  const Sniffer$2 = 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)) {
+      return "fairplay";
+    }
+    return;
+  }
+  function isMseSupportedWithDrm({
+    drm,
+    streamType
+  }) {
+    const drmType = getDrmType(drm);
+    if (!drmType) {
+      return true;
+    }
+    if (drmType === "fairplay" && streamType === "hls") {
+      return false;
+    }
+    return true;
+  }
   const util$3 = window["VePlayer"].util;
   const strategy = window["VePlayer"].strategy;
   const getTypeStrategy = async (options, player) => {
@@ -147,6 +171,9 @@ var __publicField = (obj, key, value) => {
       return await strategy.getFlvStrategy(options);
     }
     if (type === "hls") {
+      if (!isMseSupportedWithDrm({ drm: options.drm, streamType: type })) {
+        return { options: {}, plugins: [] };
+      }
       return await strategy.getHlsStrategy(options);
     }
     return { options: {}, plugins: [] };
@@ -286,9 +313,9 @@ var __publicField = (obj, key, value) => {
   const Events = {
     ...event.Events,
     // 直播的Events
-    TIME_SHIFT_CHANGE: "time_shift_change",
+    TIME_SHIFT_CHANGE: "timeShiftChange",
     // 切换时移状态
-    REFRESH_CLICK: "refresh_click"
+    REFRESH_CLICK: "refreshClick"
     // 触发刷新
   };
   function RefreshIcon() {
@@ -2833,9 +2860,6 @@ var __publicField = (obj, key, value) => {
     return v4().replace(/-/g, "") + "." + Date.now() + "." + hashCode(v4().replace(/-/g, ""));
   };
   const Plugin$2 = window["VePlayer"].Plugin;
-  const CN_APPID = 468759;
-  const CHANNEL = "cn";
-  const CHANNEL_DOMAIN = "//mcs.volceapplog.com";
   class Logger extends Plugin$2 {
     constructor() {
       super(...arguments);
@@ -2890,9 +2914,8 @@ var __publicField = (obj, key, value) => {
     }
     _createTea() {
       q.init({
-        app_id: CN_APPID,
-        channel: CHANNEL,
-        channel_domain: CHANNEL_DOMAIN
+        app_id: 468759,
+        channel: "cn"
       });
       q.start();
       q.config({
@@ -2911,9 +2934,9 @@ var __publicField = (obj, key, value) => {
         user_id: this._userId,
         device_id: this._deviceId,
         ext: {
-          veplayer_version: "2.2.1-rc.0",
-          flv_version: "3.0.11-alpha.2",
-          hls_version: "3.0.11-alpha.2",
+          veplayer_version: "2.3.0-rc.0",
+          flv_version: "3.0.12",
+          hls_version: "3.0.12",
           rts_version: "0.2.0-alpha.5"
         }
       });
@@ -3064,7 +3087,7 @@ var __publicField = (obj, key, value) => {
     _tick() {
       clearTimeout(this._pollTimer);
       this._renderPanel();
-      this._pollTimer = setTimeout(() => {
+      this._pollTimer = window.setTimeout(() => {
         this._tick();
       }, this.config.interval);
     }
@@ -3182,6 +3205,39 @@ var __publicField = (obj, key, value) => {
     DECODE_INFO: "软解信息",
     REFRESH: "刷新"
   };
+  const DynamicModule$1 = window["VePlayer"].DynamicModule;
+  const load$1 = window["VePlayer"].load;
+  const getDrmStrategy = async (options, player) => {
+    var _a;
+    const drmType = getDrmType(options.drm);
+    if (options.url && drmType === DrmType.Fairplay) {
+      try {
+        const { getDrmConfig, ...originFairplayConfig } = ((_a = options == null ? void 0 : options.drm) == null ? void 0 : _a.fairplay) ?? {};
+        const [drmPlugin, drmConfig] = await Promise.all([
+          load$1(DynamicModule$1.PluginDrm).then((module2) => module2.DrmPlugin).catch(() => void 0),
+          getDrmConfig == null ? void 0 : getDrmConfig({
+            url: options.url
+          })
+        ]);
+        const fairplayDrmConfig = Object.assign(
+          {},
+          originFairplayConfig,
+          options == null ? void 0 : options.drm,
+          drmConfig
+        );
+        drmConfig && (player == null ? void 0 : player.updateDrmConfig(drmConfig));
+        return {
+          options: {
+            drm: fairplayDrmConfig
+          },
+          plugins: drmPlugin ? [drmPlugin] : []
+        };
+      } catch (error2) {
+        console.log(error2);
+      }
+    }
+    return {};
+  };
   const DEFAULT_PLUGINS = window["VePlayer"].DEFAULT_PLUGINS;
   const VePlayerBase = window["VePlayer"].VePlayerBase;
   const VeI18n = window["VePlayer"].VeI18n;
@@ -3204,7 +3260,11 @@ var __publicField = (obj, key, value) => {
     return RTMCodec2;
   })(RTMCodec || {});
   class VePlayerLive extends VePlayerBase {
-    /**
+    /** {zh}
+     * @hidden
+     * @param options
+     */
+    /** {en}
      * @hidden
      * @param options
      */
@@ -3214,6 +3274,9 @@ var __publicField = (obj, key, value) => {
     /** {zh}
      * @brief 调用此方法开启直播日志上报。
      */
+    /** {en}
+     * @brief Enables log upload.
+     */
     openLog() {
       var _a;
       (_a = this._player.plugins) == null ? void 0 : _a.logger.open();
@@ -3221,6 +3284,9 @@ var __publicField = (obj, key, value) => {
     /** {zh}
      * @brief 调用此方法关闭直播日志上报。
      */
+    /** {en}
+     * @brief Disables log upload.
+     */
     closeLog() {
       var _a;
       (_a = this._player.plugins) == null ? void 0 : _a.logger.close();
@@ -3228,6 +3294,9 @@ var __publicField = (obj, key, value) => {
     /** {zh}
      * @brief 调用此方法将打开直播信息面板，面板将展示拉流格式、帧率、码率、GOP、视频分辨率、编码方式、Buffer 水位、播放进度等基础信息。如果当前是软解，还会显示软解解码效率和解码消耗。
      */
+    /** {en}
+     * @brief Turns on the information panel, which displays basic information including stream format, frame rate, bitrate, GOP, video resolution, codec, buffer time, and playback progress. If software decoding is used, the software decoding efficiency and CPU consumption will also be displayed.
+     */
     openInfoPanel() {
       var _a;
       (_a = this._player.plugins) == null ? void 0 : _a.infopanel.open();
@@ -3236,10 +3305,22 @@ var __publicField = (obj, key, value) => {
      * @brief 调用此方法关闭直播信息面板。
      *
      */
+    /** {en}
+     * @brief Turns off the information panel.
+     *
+     */
     closeInfoPanel() {
       var _a;
       (_a = this._player.plugins) == null ? void 0 : _a.infopanel.close();
     }
+    /** {zh}
+     * @brief 调用此方法更新 DRM 鉴权配置。
+     * @hidden
+     */
+    updateDrmConfig(config) {
+      var _a, _b, _c;
+      (_c = (_b = (_a = this._player) == null ? void 0 : _a.plugins) == null ? void 0 : _b.drm) == null ? void 0 : _c.updateDrmConfig(config);
+    }
   }
   async function createLivePlayer(options) {
     var _a, _b;
@@ -3264,7 +3345,16 @@ var __publicField = (obj, key, value) => {
           };
         },
         async preparePlugins(url) {
-          return getTypeStrategy({ ...finalOptions, url }, player);
+          const [typeStrategy, drmStrategy] = await Promise.all([
+            getTypeStrategy({ ...finalOptions, url }, player),
+            getDrmStrategy({ ...finalOptions, url }, player)
+          ]);
+          const { options: options2, plugins } = typeStrategy ?? {};
+          const { options: drmOptions, plugins: drmPlugins } = drmStrategy ?? {};
+          return {
+            options: Object.assign({}, options2, drmOptions),
+            plugins: [...plugins ?? [], ...drmPlugins ?? []]
+          };
         }
       },
       VePlayerLive
@@ -3294,6 +3384,7 @@ var __publicField = (obj, key, value) => {
   const Degradation = window["VePlayer"].Degradation;
   const POSITIONS = window["VePlayer"].POSITIONS;
   const register = window["VePlayer"].register;
+  const registerPlugin = window["VePlayer"].registerPlugin;
   const EN = window["VePlayer"].EN;
   const ZH_CN = window["VePlayer"].ZH_CN;
   const Plugin = window["VePlayer"].Plugin;
@@ -3301,15 +3392,16 @@ var __publicField = (obj, key, value) => {
   const DynamicModule = window["VePlayer"].DynamicModule;
   const util = window["VePlayer"].util;
   const load = window["VePlayer"].load;
+  const ListType = window["VePlayer"].ListType;
   setModuleSystem("umd");
   const isMseSupported = util.isMseSupported;
   const isSoftDecodeSupported = util.isSoftDecodeSupported;
-  if (typeof VePlayer.register !== "undefined") {
-    VePlayer.register(DynamicModule.BizLive, {
+  if (typeof VePlayer.registerPlugin !== "undefined") {
+    VePlayer.registerPlugin(DynamicModule.BizLive, {
       createLivePlayer
     });
   } else {
-    register(DynamicModule.BizLive, {
+    registerPlugin(DynamicModule.BizLive, {
       createLivePlayer
     });
   }
@@ -3318,6 +3410,7 @@ var __publicField = (obj, key, value) => {
   exports2.Degradation = Degradation;
   exports2.DynamicModule = DynamicModule;
   exports2.EN = EN;
+  exports2.ListType = ListType;
   exports2.POSITIONS = POSITIONS;
   exports2.Plugin = Plugin;
   exports2.RTMCodec = RTMCodec;
@@ -3331,5 +3424,6 @@ var __publicField = (obj, key, value) => {
   exports2.live = live;
   exports2.load = load;
   exports2.register = register;
+  exports2.registerPlugin = registerPlugin;
   exports2.util = util;
 });