@volcengine/veplayer 2.5.0-rc.1 → 2.5.1-rc.0

package/esm/veplayer.vod.development.js

@@ -1452,7 +1452,7 @@ var sniffer = {
     }
   }
 };
-var version = "3.0.20-alpha.4";
+var version = "3.0.21-rc.5";
 var ERROR_TYPE_MAP = {
   1: "media",
   2: "media",
@@ -1908,7 +1908,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,
@@ -2803,6 +2803,18 @@ var BasePlugin = /* @__PURE__ */ function() {
         }
       }
     }
+  }, {
+    key: "defineMethod",
+    value: function defineMethod(Obj, map) {
+      for (var key in map) {
+        if (Object.prototype.hasOwnProperty.call(map, key) && typeof map[key] === "function") {
+          Object.defineProperty(Obj, key, {
+            configurable: true,
+            value: map[key]
+          });
+        }
+      }
+    }
   }, {
     key: "defaultConfig",
     get: function get() {
@@ -3448,7 +3460,7 @@ var ResizeObserver = /* @__PURE__ */ function() {
       if (!this.observer) {
         return;
       }
-      this.observer && this.observer.observe(target);
+      this.observer.observe(target);
       var _pid = target.getAttribute(PLATER_ID);
       var __handlers = this.__handlers;
       var index = -1;
@@ -3477,16 +3489,17 @@ var ResizeObserver = /* @__PURE__ */ function() {
         }
       });
       try {
-        this.observer && this.observer.unobserve(target);
+        var _this$observer;
+        (_this$observer = this.observer) === null || _this$observer === void 0 ? void 0 : _this$observer.unobserve(target);
       } catch (e) {
       }
-      this.observer && this.observer.unobserve(target);
       i > -1 && this.__handlers.splice(i, 1);
     }
   }, {
     key: "destroyObserver",
     value: function destroyObserver() {
-      this.observer && this.observer.disconnect();
+      var _this$observer2;
+      (_this$observer2 = this.observer) === null || _this$observer2 === void 0 ? void 0 : _this$observer2.disconnect();
       this.observer = null;
       this.__handlers = null;
     }
@@ -3518,7 +3531,8 @@ function addObserver(target, handler) {
   return resizeObserver;
 }
 function unObserver(target, handler) {
-  resizeObserver.unObserver(target, handler);
+  var _resizeObserver;
+  (_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 ? void 0 : _resizeObserver.unObserver(target, handler);
 }
 var pluginsManager = {
   pluginGroup: {},
@@ -4108,6 +4122,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",
@@ -5110,7 +5128,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
         if (!url) {
           url = _this8.url || _this8.config.url;
         }
-        var _furl = _this8._preProcessUrl(url);
+        var _furl = _this8.preProcessUrl(url);
         var ret = _this8._startInit(_furl.url);
         return ret;
       }).catch(function(e) {
@@ -5128,7 +5146,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
       if (util.typeOf(url) === "Object") {
         _src = url.url;
       }
-      _src = this._preProcessUrl(_src).url;
+      _src = this.preProcessUrl(_src).url;
       var curTime = this.currentTime;
       this.__startTime = curTime;
       var isPaused = this.paused && !this.isError;
@@ -5469,7 +5487,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
       runHooks(this, "retry", function() {
         var cur = _this20.currentTime;
         var url = _this20.config.url;
-        var _srcRet = !util.isMSE(_this20.media) ? _this20._preProcessUrl(url) : {
+        var _srcRet = !util.isMSE(_this20.media) ? _this20.preProcessUrl(url) : {
           url
         };
         _this20.src = _srcRet.url;
@@ -6125,11 +6143,11 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
       this._state = newState;
     }
   }, {
-    key: "_preProcessUrl",
-    value: function _preProcessUrl(url, ext) {
-      var _this$config7 = this.config, preProcessUrl = _this$config7.preProcessUrl, preProcessUrlOptions = _this$config7.preProcessUrlOptions;
+    key: "preProcessUrl",
+    value: function preProcessUrl(url, ext) {
+      var _this$config7 = this.config, preProcessUrl2 = _this$config7.preProcessUrl, preProcessUrlOptions = _this$config7.preProcessUrlOptions;
       var processUrlOptions = Object.assign({}, preProcessUrlOptions, ext);
-      return !util.isBlob(url) && typeof preProcessUrl === "function" ? preProcessUrl(url, processUrlOptions) : {
+      return !util.isBlob(url) && typeof preProcessUrl2 === "function" ? preProcessUrl2(url, processUrlOptions) : {
         url
       };
     }
@@ -6695,11 +6713,11 @@ class VeError extends Error {
     } : error2;
     const message = (i18n == null ? void 0 : i18n.getText(errorInfo == null ? void 0 : errorInfo.messageTextKey)) ?? (errorInfo == null ? void 0 : errorInfo.message) ?? ((_a = errorInfo == null ? void 0 : errorInfo.error) == null ? void 0 : _a.message) ?? (i18n == null ? void 0 : i18n.getText("UNKNOWN"));
     super(message);
-    /**
+    /** {zh}
      * @brief 错误码。
      */
     /** {en}
-     * @brief The error code.
+     * @brief Error code.
      */
     __publicField(this, "errorCode");
     /** {zh}
@@ -8474,7 +8492,7 @@ var MobilePlugin = /* @__PURE__ */ function(_Plugin) {
       }
       this.on(DURATION_CHANGE, function() {
         var player2 = _this2.player, config2 = _this2.config;
-        if (player2.duration * 1e3 < config2.moveDuration) {
+        if (player2.duration > 0 && player2.duration * 1e3 < config2.moveDuration) {
           config2.moveDuration = player2.duration * 1e3;
         }
       });
@@ -8788,10 +8806,13 @@ var MobilePlugin = /* @__PURE__ */ function(_Plugin) {
   }, {
     key: "updateBrightness",
     value: function updateBrightness(percent) {
+      var pos = this.pos, config = this.config, xgMask = this.xgMask;
+      if (!config.darkness) {
+        return;
+      }
       if (this.player.rotateDeg) {
         percent = -percent;
       }
-      var pos = this.pos, config = this.config, xgMask = this.xgMask;
       var light = pos.light + 0.8 * percent;
       light = light > config.maxDarkness ? config.maxDarkness : light < 0 ? 0 : light;
       if (xgMask) {
@@ -8852,12 +8873,12 @@ var MobilePlugin = /* @__PURE__ */ function(_Plugin) {
   }, {
     key: "disableGesture",
     value: function disableGesture() {
-      this.config.disableGesture = false;
+      this.config.disableGesture = true;
     }
   }, {
     key: "enableGesture",
     value: function enableGesture() {
-      this.config.disableGesture = true;
+      this.config.disableGesture = false;
     }
   }, {
     key: "destroy",
@@ -9726,7 +9747,7 @@ var Fullscreen = /* @__PURE__ */ function(_IconPlugin) {
   }, {
     key: "toggleFullScreen",
     value: function toggleFullScreen(e) {
-      if (e) {
+      if (e instanceof Event) {
         e.preventDefault();
         e.stopPropagation();
       }
@@ -10409,7 +10430,7 @@ var PIP = /* @__PURE__ */ function(_IconPlugin) {
     key: "isPIPAvailable",
     value: function isPIPAvailable() {
       var video = this.player.media;
-      var _isEnabled = util.typeOf(document.pictureInPictureEnabled) === "Boolean" ? document.pictureInPictureEnabled : true;
+      var _isEnabled = util.typeOf(document.pictureInPictureEnabled) === "Boolean" ? document.pictureInPictureEnabled : false;
       return _isEnabled && (util.typeOf(video.disablePictureInPicture) === "Boolean" && !video.disablePictureInPicture || video.webkitSupportsPresentationMode && util.typeOf(video.webkitSetPresentationMode) === "Function") || this.isDocPIPAvailable();
     }
   }, {
@@ -12750,6 +12771,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);
@@ -12782,17 +12810,35 @@ function isMseSupported(codec = Codec.H264) {
   if (codec === Codec.H265) {
     return sniffer.isHevcSupported();
   }
-  return sniffer.isMSESupport();
+  if (codec === Codec.H264) {
+    return sniffer.isMSESupport();
+  }
+  return sniffer.isMSESupport(codec);
 }
 async function isSoftDecodeSupported() {
   const { XGVideoPlugin } = await load(DynamicModule.PluginXgvideo);
   return XGVideoPlugin == null ? void 0 : XGVideoPlugin.isSupported();
 }
+function isMMSSupported(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);
+}
 ({
   ...util,
   getStreamType,
   isMseSupported,
   isSoftDecodeSupported,
+  isMMSSupported,
   appendSearchParams,
   getUrlObject
 });
@@ -13005,7 +13051,6 @@ class Autoplay extends Plugin {
   }
   // 有音量修改，取消静音
   handleVolumechange() {
-    this._state.mode = this.player.muted ? 1 : 0;
     if (!this._state.showUnmuteBt)
       return;
     this._state.showUnmuteBt = false;
@@ -13411,28 +13456,33 @@ const DEFAULT_OPTIONS = {
     useCssFullscreen: false
   }
 };
-const transformOption = (options) => {
-  const { autoplay: autoplay2, ...rest } = options;
-  const xgOptions = rest;
-  if (xgOptions.poster) {
-    xgOptions.poster = escapeHtml(xgOptions.poster);
-  }
-  xgOptions.icons = {
-    ...DEFAULT_ICONS,
-    ...xgOptions.icons ? escapeIcons(xgOptions.icons) : {}
-  };
-  xgOptions.autoplay = Boolean(autoplay2);
-  if (autoplay2 && typeof autoplay2 !== "boolean") {
-    xgOptions.autoplayMuted = autoplay2 == null ? void 0 : autoplay2.muted;
-    xgOptions.videoAttributes = {
-      ...xgOptions.videoAttributes ?? {},
-      muted: autoplay2 == null ? void 0 : autoplay2.muted
+const transformOption = (
+  /** {zh}
+   * @param options 更多配置信息。
+   */
+  (options) => {
+    const { autoplay: autoplay2, ...rest } = options;
+    const xgOptions = rest;
+    if (xgOptions.poster) {
+      xgOptions.poster = escapeHtml(xgOptions.poster);
+    }
+    xgOptions.icons = {
+      ...DEFAULT_ICONS,
+      ...xgOptions.icons ? escapeIcons(xgOptions.icons) : {}
     };
-    xgOptions.autoplayPlugin = autoplay2;
+    xgOptions.autoplay = Boolean(autoplay2);
+    if (autoplay2 && typeof autoplay2 !== "boolean") {
+      xgOptions.autoplayMuted = autoplay2 == null ? void 0 : autoplay2.muted;
+      xgOptions.videoAttributes = {
+        ...xgOptions.videoAttributes ?? {},
+        muted: autoplay2 == null ? void 0 : autoplay2.muted
+      };
+      xgOptions.autoplayPlugin = autoplay2;
+    }
+    delete xgOptions.i18n;
+    return xgOptions;
   }
-  delete xgOptions.i18n;
-  return xgOptions;
-};
+);
 class VePlayerBase {
   /** {zh}
    * @hidden
@@ -13452,7 +13502,9 @@ class VePlayerBase {
     this._sourceManager = options.sourceManager;
     this._preparePlugins = options.preparePlugins;
     this._previousPrepareResult = options.prepareResult;
-    this._i18nManager = options.i18nManager ?? new VeI18n({ i18n: options.i18n });
+    this._i18nManager = options.i18nManager ?? new VeI18n({
+      i18n: options.i18n
+    });
     const xgOptions = transformOption({
       ...options,
       ...(_a = this._previousPrepareResult) == null ? void 0 : _a.options
@@ -13647,9 +13699,14 @@ class VePlayerBase {
   /** {zh}
    * 获取播放器版本号
    * @returns
+   * @brief
+   *        获取播放器 SDK 版本号。
+   */
+  /** {en}
+   * @brief Retrieve the player SDK version number.
    */
   get playerVersion() {
-    return "2.5.0-rc.1";
+    return "2.5.1-rc.0";
   }
   /** {zh}
    * @brief 获取当前播放视频的清晰度唯一标识（definition）。
@@ -13797,8 +13854,8 @@ class VePlayerBase {
   }
   /** {zh}
    * @brief 调用此方法切换拉流地址、线路、清晰度。
-   * @param target 目标地址，可以是播放地址，也可以是线路和清晰度
-   * @param options 更多配置信息
+   * @param target 目标地址，可以是播放地址，也可以是线路和清晰度。
+   * @param options 更多配置信息。
    */
   /** {en}
    * @brief Switches the pull stream address, playback source, or resolution.
@@ -13809,7 +13866,9 @@ class VePlayerBase {
     var _a, _b;
     if (typeof target === "string" && this._sourceManager.sources.length === 1 && ((_b = (_a = this._sourceManager.sources) == null ? void 0 : _a[0].definitions) == null ? void 0 : _b.length) === 1) {
       this._sourceManager.updateSources(target);
-      await this._switchUrl(target, { seamless: options == null ? void 0 : options.seamless });
+      await this._switchUrl(target, {
+        seamless: options == null ? void 0 : options.seamless
+      });
       return this._sourceManager.definition;
     }
     const targetDefinition = this._sourceManager.find(target, options);
@@ -13836,16 +13895,15 @@ class VePlayerBase {
     return this._switch(sourceManager.definition);
   }
   // TODO: 等西瓜播放器完善错误码后增加函数重载以提供更好的类型
-  /**
   /** {zh}
    * @brief 调用此方法监听指定事件，事件处理函数只执行一次。
    * @param event 表示事件的名称。
    * @param callback 表示事件的回调函数。
    */
   /** {en}
-   * @brief Add a one-time listener function for the specified event.
-   * @param event The event name.
-   * @param callback The callback function for the event.
+   * @brief Call this method to listen for the specified event. The event handler is executed only once.
+   * @param event The name representing the event.
+   * @param callback Callback functions representing events.
    */
   once(event, callback) {
     var _a;
@@ -13996,10 +14054,14 @@ class VePlayerBase {
     return this._player.blur(data);
   }
   /** {zh}
-   * @brief 判断浏览器是否支持播放格式
-   * @param type 播放格式
+   * @brief 判断浏览器是否支持播放格式。
+   * @param type 播放格式。
    * @returns
    */
+  /** {en}
+   * @brief Determine whether the browser supports the playback format.
+   * @param type The playback format.
+   */
   canPlayType(type) {
     return this._player.canPlayType(type);
   }
@@ -14071,7 +14133,7 @@ class VePlayerBase {
   }
   /** {zh}
    * @brief 调用此接口显示指定插件图标。
-   * @param pluginNames 插件名称
+   * @param pluginNames 插件名称。
    */
   /** {en}
    * @brief Displays the icon of a specified plugin.
@@ -14092,7 +14154,7 @@ class VePlayerBase {
   }
   /** {zh}
    * @brief 调用此接口隐藏指定插件图标。
-   * @param pluginNames 插件名称
+   * @param pluginNames 插件名称。
    */
   /** {en}
    * @brief Hides the icon of a specified plugin.
@@ -14164,7 +14226,14 @@ class VePlayerBase {
     this._player.once("canplay", () => {
       this._sourceManager.resetFallback();
     });
-    this.emit(Events.FALLBACK, { from: { url: preUrl }, to: { url } });
+    this.emit(Events.FALLBACK, {
+      from: {
+        url: preUrl
+      },
+      to: {
+        url
+      }
+    });
     this._switchUrl(url);
   }
   // eslint-disable-next-line @typescript-eslint/no-explicit-any