@volcengine/veplayer 2.3.0-rc.3 → 2.4.0-rc.0

package/esm/index.d.ts

@@ -1366,6 +1366,34 @@ interface VePlayerBaseOptions extends Omit<PlayerOptions, "autoplay" | "i18n"> {
      * @hidden
      */
     preparePlugins?: PreparePlugins;
+    /** {zh}
+     * @brief 是否关闭 PC 端单击播放区域切换播放/暂停的能力，开启时，点击播放器区域可实现播放或暂停。
+     *        - `true`: 关闭；
+     *        - `false`: 开启。
+     * @default false
+     */
+    /** {en}
+     * @brief Whether to disable the click-to-play feature.
+     *        - `true`: Disable.
+     *        - `false`: Enable. Play/pause the video on mounse click for the PCs.
+     * @default false
+     */
+    closeVideoClick?: boolean;
+    /** {zh}
+     * @brief PC 端时表示是否关闭双击播放器进入全屏的能力；移动端时表示是否关闭双击切换播放/暂停的能力。
+     *        - `true`: 关闭；
+     *        - `false`: 开启。
+     * @default false
+     */
+    /** {en}
+     * @brief Whether to disable the double-click/tap action.
+     *        - `true`: Disable.
+     *        - `false`: Enable.
+     *        	- For the PCs, double click on the video to enter or exit the full screen mode.
+     *        	- For the mobiles, play/pause the video with double tap.
+     * @default false
+     */
+    closeVideoDblclick?: boolean;
 }
 /** {zh}
  * @list option
@@ -1864,7 +1892,7 @@ declare class VePlayerBase {
      * @param callback 表示事件的回调函数。
      */
     /** {en}
-     * @brief Listens for a specified event. The event handler is executed only once.
+     * @brief Add a one-time listener function for the specified event.
      * @param event The event name.
      * @param callback The callback function for the event.
      */
@@ -2139,7 +2167,8 @@ declare enum DynamicModule {
     PluginShaka = "plugin:shaka",
     PluginRtm = "plugin:rtm",
     PluginXgvideo = "plugin:xgvideo",
-    PluginDrm = "plugin:drm"
+    PluginDrm = "plugin:drm",
+    PluginAbr = "plugin:abr"
 }
 type ModulesMap = {
     [DynamicModule.BizVod]: Exports;
@@ -2151,6 +2180,7 @@ type ModulesMap = {
     [DynamicModule.PluginRtm]: Exports;
     [DynamicModule.PluginXgvideo]: Exports;
     [DynamicModule.PluginDrm]: Exports;
+    [DynamicModule.PluginAbr]: Exports;
 };
 declare const register: (exports: {
     [x: string]: any;
@@ -3639,6 +3669,34 @@ declare namespace strategy {
          * @hidden
          */
         preparePlugins?: PreparePlugins;
+        /** {zh}
+         * @brief 是否关闭 PC 端单击播放区域切换播放/暂停的能力，开启时，点击播放器区域可实现播放或暂停。
+         *        - `true`: 关闭；
+         *        - `false`: 开启。
+         * @default false
+         */
+        /** {en}
+         * @brief Whether to disable the click-to-play feature.
+         *        - `true`: Disable.
+         *        - `false`: Enable. Play/pause the video on mounse click for the PCs.
+         * @default false
+         */
+        closeVideoClick?: boolean;
+        /** {zh}
+         * @brief PC 端时表示是否关闭双击播放器进入全屏的能力；移动端时表示是否关闭双击切换播放/暂停的能力。
+         *        - `true`: 关闭；
+         *        - `false`: 开启。
+         * @default false
+         */
+        /** {en}
+         * @brief Whether to disable the double-click/tap action.
+         *        - `true`: Disable.
+         *        - `false`: Enable.
+         *        	- For the PCs, double click on the video to enter or exit the full screen mode.
+         *        	- For the mobiles, play/pause the video with double tap.
+         * @default false
+         */
+        closeVideoDblclick?: boolean;
     }
     /** {zh}
      * @list option
@@ -3842,6 +3900,7 @@ declare namespace strategy {
         readonly "plugin:rtm": "veplayer.plugin.rtm.[env].[ext]";
         readonly "plugin:xgvideo": "veplayer.plugin.xgvideo.[env].[ext]";
         readonly "plugin:drm": "veplayer.plugin.drm.[env].[ext]";
+        readonly "plugin:abr": "veplayer.plugin.abr.[env].[ext]";
     };
     const enum State {
         Fetching = 0,
@@ -3871,7 +3930,8 @@ declare namespace strategy {
         PluginShaka = "plugin:shaka",
         PluginRtm = "plugin:rtm",
         PluginXgvideo = "plugin:xgvideo",
-        PluginDrm = "plugin:drm"
+        PluginDrm = "plugin:drm",
+        PluginAbr = "plugin:abr"
     }
     type ModulesMap = {
         [DynamicModule.BizVod]: Exports;
@@ -3883,6 +3943,7 @@ declare namespace strategy {
         [DynamicModule.PluginRtm]: Exports;
         [DynamicModule.PluginXgvideo]: Exports;
         [DynamicModule.PluginDrm]: Exports;
+        [DynamicModule.PluginAbr]: Exports;
     };
     class Loader {
         readonly modules: Record<string, Module>;
@@ -4546,6 +4607,9 @@ declare namespace event {
         AUTOPLAY_SUCCESS: string;
         ERROR_REFRESH_CLICK: string;
         SOURCE_CHANGE: string;
+        SWITCH_DEFINITION_START: string;
+        SWITCH_DEFINITION_SUCCESS: string;
+        DOWN_DEFINITION: string;
     };
     const Events: {
         SEI: string;
@@ -4571,6 +4635,9 @@ declare namespace event {
         AUTOPLAY_SUCCESS: string;
         ERROR_REFRESH_CLICK: string;
         SOURCE_CHANGE: string;
+        SWITCH_DEFINITION_START: string;
+        SWITCH_DEFINITION_SUCCESS: string;
+        DOWN_DEFINITION: string;
         REPLAY: string;
         ERROR: string;
         PLAY: string;
@@ -4602,6 +4669,9 @@ declare namespace event {
         COMPLETE: string;
         DESTROY: string;
         URL_CHANGE: string;
+        LEAVE_PLAYER: string;
+        ENTER_PLAYER: string;
+        LOADING: string;
         SEI_PARSED: string;
         RETRY: string;
         ROTATE: string;

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

@@ -28,27 +28,27 @@ const ERRORS = {
 function create(errorCode, i18n) {
   return new VeError(ERRORS[errorCode], i18n);
 }
-const DynamicModule$3 = window["VePlayer"].DynamicModule;
-const load$3 = window["VePlayer"].load;
+const DynamicModule$4 = window["VePlayer"].DynamicModule;
+const load$4 = window["VePlayer"].load;
 async function isRTMSupported() {
-  const { RtmPlugin } = await load$3(DynamicModule$3.PluginRtm);
+  const { RtmPlugin } = await load$4(DynamicModule$4.PluginRtm);
   return RtmPlugin.isSupported();
 }
 async function isRTMSupportCodec(codec = RTMCodec.H264) {
-  const { RtmPlugin } = await load$3(DynamicModule$3.PluginRtm);
+  const { RtmPlugin } = await load$4(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 DynamicModule$2 = window["VePlayer"].DynamicModule;
-const load$2 = window["VePlayer"].load;
+const DynamicModule$3 = window["VePlayer"].DynamicModule;
+const load$3 = window["VePlayer"].load;
 const Codec$1 = window["VePlayer"].Codec;
 const Sniffer$3 = window["VePlayer"].Sniffer;
 const rtmStrategy = {
   options: {},
-  module: DynamicModule$2.PluginRtm
+  module: DynamicModule$3.PluginRtm
 };
 const generateFallbackUrl = (url) => {
   if (Sniffer$3.device === "pc") {
@@ -75,13 +75,13 @@ const getRtmStrategy = async (options, player) => {
     backupStrategy = strategy$1.createHlsMseStrategy(options);
   }
   const [rtmCdn, backupCdn] = await Promise.all([
-    load$2(rtmStrategy.module).then((module) => {
+    load$3(rtmStrategy.module).then((module) => {
       return module.RtmPlugin;
     }).catch(() => void 0),
-    backupStrategy && load$2(backupStrategy.module).then((module) => {
-      if ((backupStrategy == null ? void 0 : backupStrategy.module) === DynamicModule$2.PluginFlv) {
+    backupStrategy && load$3(backupStrategy.module).then((module) => {
+      if ((backupStrategy == null ? void 0 : backupStrategy.module) === DynamicModule$3.PluginFlv) {
         return module.FlvPlugin;
-      } else if ((backupStrategy == null ? void 0 : backupStrategy.module) === DynamicModule$2.PluginHls) {
+      } else if ((backupStrategy == null ? void 0 : backupStrategy.module) === DynamicModule$3.PluginHls) {
         return module.HlsPlugin;
       }
     }).catch(() => void 0)
@@ -2930,9 +2930,9 @@ class Logger extends Plugin$2 {
       user_id: this._userId,
       device_id: this._deviceId,
       ext: {
-        veplayer_version: "2.3.0-rc.0",
-        flv_version: "3.0.12",
-        hls_version: "3.0.12",
+        veplayer_version: "2.3.1-rc.0",
+        flv_version: "3.0.17",
+        hls_version: "3.0.17",
         rts_version: "0.2.0-alpha.5"
       }
     });
@@ -3201,8 +3201,8 @@ const ZH_CN$1 = {
   DECODE_INFO: "软解信息",
   REFRESH: "刷新"
 };
-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 getDrmStrategy = async (options, player) => {
   var _a;
   const drmType = getDrmType(options.drm);
@@ -3210,7 +3210,7 @@ const getDrmStrategy = async (options, player) => {
     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),
+        load$2(DynamicModule$2.PluginDrm).then((module) => module.DrmPlugin).catch(() => void 0),
         getDrmConfig == null ? void 0 : getDrmConfig({
           url: options.url
         })
@@ -3234,6 +3234,55 @@ const getDrmStrategy = async (options, player) => {
   }
   return {};
 };
+function isType(suffix) {
+  return function(url) {
+    return url == null ? void 0 : url.split("?")[0].toLowerCase().includes(suffix);
+  };
+}
+const isHls = isType(".m3u8");
+const isMp4 = isType(".mp4");
+const isFlv = isType(".flv");
+const isRtm = isType(".sdp");
+const isDash = isType(".mpd");
+function getStreamType(url) {
+  if (isHls(url)) {
+    return "hls";
+  }
+  if (isFlv(url)) {
+    return "flv";
+  }
+  if (isRtm(url)) {
+    return "rtm";
+  }
+  if (isMp4(url)) {
+    return "mp4";
+  }
+  if (isDash(url)) {
+    return "dash";
+  }
+  return "unknown";
+}
+const DynamicModule$1 = window["VePlayer"].DynamicModule;
+const load$1 = window["VePlayer"].load;
+const getAbrStrategy = async (options) => {
+  var _a, _b;
+  const streamType = options.url && getStreamType(options.url);
+  if (streamType === "rtm")
+    return {};
+  const abrOptions = streamType === "flv" ? (_a = options == null ? void 0 : options.flv) == null ? void 0 : _a.abr : (_b = options == null ? void 0 : options.hls) == null ? void 0 : _b.abr;
+  if (!abrOptions) {
+    return {};
+  }
+  const abrPlugin = await load$1(DynamicModule$1.PluginAbr).catch(() => void 0);
+  return {
+    options: {
+      [streamType === "flv" ? "abr" : "hlsabr"]: abrOptions
+    },
+    plugins: [
+      streamType === "flv" ? abrPlugin == null ? void 0 : abrPlugin.AbrPlugin : abrPlugin == null ? void 0 : abrPlugin.HlsAbrPlugin
+    ]
+  };
+};
 const DEFAULT_PLUGINS = window["VePlayer"].DEFAULT_PLUGINS;
 const VePlayerBase = window["VePlayer"].VePlayerBase;
 const VeI18n = window["VePlayer"].VeI18n;
@@ -3309,6 +3358,14 @@ class VePlayerLive extends VePlayerBase {
     var _a;
     (_a = this._player.plugins) == null ? void 0 : _a.infopanel.close();
   }
+  openAbr() {
+    var _a, _b;
+    (_b = (_a = this._player.plugins) == null ? void 0 : _a.abr) == null ? void 0 : _b.switchAbr(true);
+  }
+  closeAbr() {
+    var _a, _b;
+    (_b = (_a = this._player.plugins) == null ? void 0 : _a.abr) == null ? void 0 : _b.switchAbr(false);
+  }
   /** {zh}
    * @brief 调用此方法更新 DRM 鉴权配置。
    * @hidden
@@ -3317,6 +3374,14 @@ class VePlayerLive extends VePlayerBase {
     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 switch(target, options) {
+    var _a, _b, _c;
+    const { abr, ...rest } = options ?? {};
+    if (abr) {
+      (_c = (_b = (_a = this._player) == null ? void 0 : _a.plugins) == null ? void 0 : _b.abr) == null ? void 0 : _c.updateConfig(abr);
+    }
+    return super.switch(target, rest);
+  }
 }
 async function createLivePlayer(options) {
   var _a, _b;
@@ -3341,15 +3406,21 @@ async function createLivePlayer(options) {
         };
       },
       async preparePlugins(url) {
-        const [typeStrategy, drmStrategy] = await Promise.all([
+        const [typeStrategy, drmStrategy, abrStrategy] = await Promise.all([
           getTypeStrategy({ ...finalOptions, url }, player),
-          getDrmStrategy({ ...finalOptions, url }, player)
+          getDrmStrategy({ ...finalOptions, url }, player),
+          getAbrStrategy({ ...finalOptions, url })
         ]);
         const { options: options2, plugins } = typeStrategy ?? {};
         const { options: drmOptions, plugins: drmPlugins } = drmStrategy ?? {};
+        const { options: abrOptions, plugins: abrPlugins } = abrStrategy ?? {};
         return {
-          options: Object.assign({}, options2, drmOptions),
-          plugins: [...plugins ?? [], ...drmPlugins ?? []]
+          options: Object.assign({}, options2, drmOptions, abrOptions),
+          plugins: [
+            ...plugins ?? [],
+            ...drmPlugins ?? [],
+            ...abrPlugins ?? []
+          ]
         };
       }
     },