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

package/umd/veplayer.vod.development.js

@@ -1456,7 +1456,7 @@ var __publicField = (obj, key, value) => {
       }
     }
   };
-  var version = "3.0.20-alpha.4";
+  var version = "3.0.21-rc.5";
   var ERROR_TYPE_MAP = {
     1: "media",
     2: "media",
@@ -1912,7 +1912,7 @@ var __publicField = (obj, key, value) => {
           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,
@@ -2807,6 +2807,18 @@ var __publicField = (obj, key, value) => {
           }
         }
       }
+    }, {
+      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() {
@@ -3452,7 +3464,7 @@ var __publicField = (obj, key, value) => {
         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;
@@ -3481,16 +3493,17 @@ var __publicField = (obj, key, value) => {
           }
         });
         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;
       }
@@ -3522,7 +3535,8 @@ var __publicField = (obj, key, value) => {
     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: {},
@@ -4112,6 +4126,10 @@ var __publicField = (obj, key, value) => {
           this.unbind("mouseenter", this.onMouseEnter);
           this.unbind("mouseleave", this.onMouseLeave);
         }
+        this.left = null;
+        this.center = null;
+        this.right = null;
+        this.innerRoot = null;
       }
     }, {
       key: "render",
@@ -5114,7 +5132,7 @@ var __publicField = (obj, key, value) => {
           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) {
@@ -5132,7 +5150,7 @@ var __publicField = (obj, key, value) => {
         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;
@@ -5473,7 +5491,7 @@ var __publicField = (obj, key, value) => {
         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;
@@ -6129,11 +6147,11 @@ var __publicField = (obj, key, value) => {
         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
         };
       }
@@ -6699,11 +6717,11 @@ var __publicField = (obj, key, value) => {
       } : 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}
@@ -8478,7 +8496,7 @@ var __publicField = (obj, key, value) => {
         }
         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;
           }
         });
@@ -8792,10 +8810,13 @@ var __publicField = (obj, key, value) => {
     }, {
       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) {
@@ -8856,12 +8877,12 @@ var __publicField = (obj, key, value) => {
     }, {
       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",
@@ -9730,7 +9751,7 @@ var __publicField = (obj, key, value) => {
     }, {
       key: "toggleFullScreen",
       value: function toggleFullScreen(e) {
-        if (e) {
+        if (e instanceof Event) {
           e.preventDefault();
           e.stopPropagation();
         }
@@ -10413,7 +10434,7 @@ var __publicField = (obj, key, value) => {
       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();
       }
     }, {
@@ -12754,6 +12775,13 @@ var __publicField = (obj, key, value) => {
       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);
@@ -12786,17 +12814,35 @@ var __publicField = (obj, key, value) => {
     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
   });
@@ -13009,7 +13055,6 @@ var __publicField = (obj, key, value) => {
     }
     // 有音量修改，取消静音
     handleVolumechange() {
-      this._state.mode = this.player.muted ? 1 : 0;
       if (!this._state.showUnmuteBt)
         return;
       this._state.showUnmuteBt = false;
@@ -13415,28 +13460,33 @@ var __publicField = (obj, key, value) => {
       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
@@ -13456,7 +13506,9 @@ var __publicField = (obj, key, value) => {
       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
@@ -13651,9 +13703,14 @@ var __publicField = (obj, key, value) => {
     /** {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）。
@@ -13801,8 +13858,8 @@ var __publicField = (obj, key, value) => {
     }
     /** {zh}
      * @brief 调用此方法切换拉流地址、线路、清晰度。
-     * @param target 目标地址，可以是播放地址，也可以是线路和清晰度
-     * @param options 更多配置信息
+     * @param target 目标地址，可以是播放地址，也可以是线路和清晰度。
+     * @param options 更多配置信息。
      */
     /** {en}
      * @brief Switches the pull stream address, playback source, or resolution.
@@ -13813,7 +13870,9 @@ var __publicField = (obj, key, value) => {
       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);
@@ -13840,16 +13899,15 @@ var __publicField = (obj, key, value) => {
       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;
@@ -14000,10 +14058,14 @@ var __publicField = (obj, key, value) => {
       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);
     }
@@ -14075,7 +14137,7 @@ var __publicField = (obj, key, value) => {
     }
     /** {zh}
      * @brief 调用此接口显示指定插件图标。
-     * @param pluginNames 插件名称
+     * @param pluginNames 插件名称。
      */
     /** {en}
      * @brief Displays the icon of a specified plugin.
@@ -14096,7 +14158,7 @@ var __publicField = (obj, key, value) => {
     }
     /** {zh}
      * @brief 调用此接口隐藏指定插件图标。
-     * @param pluginNames 插件名称
+     * @param pluginNames 插件名称。
      */
     /** {en}
      * @brief Hides the icon of a specified plugin.
@@ -14168,7 +14230,14 @@ var __publicField = (obj, key, value) => {
       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