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

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

@@ -28,30 +28,30 @@ const ERRORS = {
 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");
@@ -71,17 +71,17 @@ const getRtmStrategy = async (options, player) => {
   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((module) => {
+    load$2(rtmStrategy.module).then((module) => {
       return module.RtmPlugin;
     }).catch(() => void 0),
-    backupStrategy && load$1(backupStrategy.module).then((module) => {
-      if ((backupStrategy == null ? void 0 : backupStrategy.module) === DynamicModule$1.PluginFlv) {
+    backupStrategy && load$2(backupStrategy.module).then((module) => {
+      if ((backupStrategy == null ? void 0 : backupStrategy.module) === DynamicModule$2.PluginFlv) {
         return module.FlvPlugin;
-      } else if ((backupStrategy == null ? void 0 : backupStrategy.module) === DynamicModule$1.PluginHls) {
+      } else if ((backupStrategy == null ? void 0 : backupStrategy.module) === DynamicModule$2.PluginHls) {
         return module.HlsPlugin;
       }
     }).catch(() => void 0)
@@ -129,6 +129,30 @@ const getRtmStrategy = async (options, player) => {
     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) => {
@@ -143,6 +167,9 @@ const getTypeStrategy = async (options, player) => {
     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: [] };
@@ -282,9 +309,9 @@ const event = window["VePlayer"].event;
 const Events = {
   ...event.Events,
   // 直播的Events
-  TIME_SHIFT_CHANGE: "time_shift_change",
+  TIME_SHIFT_CHANGE: "timeShiftChange",
   // 切换时移状态
-  REFRESH_CLICK: "refresh_click"
+  REFRESH_CLICK: "refreshClick"
   // 触发刷新
 };
 function RefreshIcon() {
@@ -2829,9 +2856,6 @@ const generateSessionId = () => {
   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);
@@ -2886,9 +2910,8 @@ class Logger extends Plugin$2 {
   }
   _createTea() {
     q.init({
-      app_id: CN_APPID,
-      channel: CHANNEL,
-      channel_domain: CHANNEL_DOMAIN
+      app_id: 468759,
+      channel: "cn"
     });
     q.start();
     q.config({
@@ -2907,9 +2930,9 @@ class Logger extends Plugin$2 {
       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"
       }
     });
@@ -3060,7 +3083,7 @@ class InfoPanel extends Plugin$1 {
   _tick() {
     clearTimeout(this._pollTimer);
     this._renderPanel();
-    this._pollTimer = setTimeout(() => {
+    this._pollTimer = window.setTimeout(() => {
       this._tick();
     }, this.config.interval);
   }
@@ -3178,6 +3201,39 @@ const ZH_CN$1 = {
   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((module) => module.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;
@@ -3200,7 +3256,11 @@ var RTMCodec = /* @__PURE__ */ ((RTMCodec2) => {
   return RTMCodec2;
 })(RTMCodec || {});
 class VePlayerLive extends VePlayerBase {
-  /**
+  /** {zh}
+   * @hidden
+   * @param options
+   */
+  /** {en}
    * @hidden
    * @param options
    */
@@ -3210,6 +3270,9 @@ class VePlayerLive extends VePlayerBase {
   /** {zh}
    * @brief 调用此方法开启直播日志上报。
    */
+  /** {en}
+   * @brief Enables log upload.
+   */
   openLog() {
     var _a;
     (_a = this._player.plugins) == null ? void 0 : _a.logger.open();
@@ -3217,6 +3280,9 @@ class VePlayerLive extends VePlayerBase {
   /** {zh}
    * @brief 调用此方法关闭直播日志上报。
    */
+  /** {en}
+   * @brief Disables log upload.
+   */
   closeLog() {
     var _a;
     (_a = this._player.plugins) == null ? void 0 : _a.logger.close();
@@ -3224,6 +3290,9 @@ class VePlayerLive extends VePlayerBase {
   /** {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();
@@ -3232,10 +3301,22 @@ class VePlayerLive extends VePlayerBase {
    * @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;
@@ -3260,7 +3341,16 @@ async function createLivePlayer(options) {
         };
       },
       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
@@ -3290,6 +3380,7 @@ const DecodeType = window["VePlayer"].DecodeType;
 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;
@@ -3297,6 +3388,7 @@ const Sniffer = window["VePlayer"].Sniffer;
 const DynamicModule = window["VePlayer"].DynamicModule;
 const util = window["VePlayer"].util;
 const load = window["VePlayer"].load;
+const ListType = window["VePlayer"].ListType;
 setModuleSystem("esm");
 const isMseSupported = util.isMseSupported;
 const isSoftDecodeSupported = util.isSoftDecodeSupported;
@@ -3306,6 +3398,7 @@ export {
   Degradation,
   DynamicModule,
   EN,
+  ListType,
   POSITIONS,
   Plugin,
   RTMCodec,
@@ -3319,5 +3412,6 @@ export {
   live,
   load,
   register,
+  registerPlugin,
   util
 };