@volcengine/veplayer 2.4.3-rc.1 → 2.4.5-rc.0

package/umd/veplayer.development.js

@@ -1316,7 +1316,7 @@ var __publicField = (obj, key, value) => {
     android: /(Android)\s([\d.]+)/,
     ios: /(Version)\/([\d.]+)/
   };
-  var H264_MIMETYPES = ["avc1.42E01E, mp4a.40.2", "avc1.58A01E, mp4a.40.2", "avc1.4D401E, mp4a.40.2", "avc1.64001E, mp4a.40.2", "avc1.42E01E", "mp4v.20.8", "mp4v.20.8, mp4a.40.2", "mp4v.20.240, mp4a.40.2"];
+  var H264_MIMETYPES = ["avc1.42E01E, mp4a.40.2", "avc1.58A01E, mp4a.40.2", "avc1.4D401E, mp4a.40.2", "avc1.64001E, mp4a.40.2", "avc1.42E01E", "mp4v.20.8", "avc1.42E01E, mp4a.40.2", "avc1.58A01E, mp4a.40.2", "avc1.4D401E, mp4a.40.2", "avc1.64001E, mp4a.40.2", "mp4v.20.8, mp4a.40.2", "mp4v.20.240, mp4a.40.2"];
   var sniffer$1 = {
     get device() {
       var r2 = sniffer$1.os;
@@ -1461,7 +1461,7 @@ var __publicField = (obj, key, value) => {
       }
     }
   };
-  var version = "3.0.20-rc.6";
+  var version = "3.0.19-rc.0";
   var ERROR_TYPE_MAP = {
     1: "media",
     2: "media",
@@ -2431,7 +2431,8 @@ var __publicField = (obj, key, value) => {
       }
       if (this.__hooks && this.__hooks[hookName]) {
         try {
-          var preRet = runHooks(this, hookName, handler);
+          var _this$__hooks$hookNam;
+          var preRet = (_this$__hooks$hookNam = this.__hooks[hookName]).call.apply(_this$__hooks$hookNam, [this, this].concat(Array.prototype.slice.call(arguments)));
           if (preRet) {
             if (preRet.then) {
               preRet.then(function(isContinue) {
@@ -2456,19 +2457,6 @@ var __publicField = (obj, key, value) => {
       }
     }.bind(this);
   }
-  function findHookIndex(hookName, handler) {
-    var __hooks = this.__hooks;
-    if (!__hooks || !Array.isArray(__hooks[hookName])) {
-      return -1;
-    }
-    var hookHandlers = __hooks[hookName];
-    for (var i2 = 0; i2 < hookHandlers.length; i2++) {
-      if (hookHandlers[i2] === handler) {
-        return i2;
-      }
-    }
-    return -1;
-  }
   function useHooks(hookName, handler) {
     var __hooks = this.__hooks;
     if (!__hooks) {
@@ -2478,12 +2466,7 @@ var __publicField = (obj, key, value) => {
       console.warn("has no supported hook which name [".concat(hookName, "]"));
       return false;
     }
-    if (!Array.isArray(__hooks[hookName])) {
-      __hooks[hookName] = [];
-    }
-    if (findHookIndex.call(this, hookName, handler) === -1) {
-      __hooks[hookName].push(handler);
-    }
+    __hooks && (__hooks[hookName] = handler);
     return true;
   }
   function removeHooks(hookName, handler) {
@@ -2491,13 +2474,6 @@ var __publicField = (obj, key, value) => {
     if (!__hooks) {
       return;
     }
-    if (Array.isArray(__hooks[hookName])) {
-      var hooks = __hooks[hookName];
-      var index = findHookIndex.call(this, hookName, handler);
-      if (index !== -1) {
-        hooks.splice(index, 1);
-      }
-    }
     delete __hooks[hookName];
   }
   function usePluginHooks(pluginName) {
@@ -2545,30 +2521,18 @@ var __publicField = (obj, key, value) => {
     for (var _len5 = arguments.length, args = new Array(_len5 > 3 ? _len5 - 3 : 0), _key5 = 3; _key5 < _len5; _key5++) {
       args[_key5 - 3] = arguments[_key5];
     }
-    if (obj.__hooks && Array.isArray(obj.__hooks[hookName])) {
-      var hooks = obj.__hooks[hookName];
-      var index = -1;
-      var runHooksRecursive = function runHooksRecursive2(obj2, hookName2, handler2) {
-        for (var _len6 = arguments.length, args2 = new Array(_len6 > 3 ? _len6 - 3 : 0), _key6 = 3; _key6 < _len6; _key6++) {
-          args2[_key6 - 3] = arguments[_key6];
-        }
-        index++;
-        if (hooks.length === 0 || index === hooks.length) {
-          return handler2.call.apply(handler2, [obj2, obj2].concat(args2));
-        }
-        var hook2 = hooks[index];
-        var ret = hook2.call.apply(hook2, [obj2, obj2].concat(args2));
-        if (ret && ret.then) {
-          return ret.then(function(data) {
-            return data === false ? null : runHooksRecursive2.apply(void 0, [obj2, hookName2, handler2].concat(args2));
-          }).catch(function(e2) {
-            console.warn("[runHooks]".concat(hookName2, " reject"), e2.message);
-          });
-        } else if (ret !== false) {
-          return runHooksRecursive2.apply(void 0, [obj2, hookName2, handler2].concat(args2));
-        }
-      };
-      return runHooksRecursive.apply(void 0, [obj, hookName, handler].concat(args));
+    if (obj.__hooks && obj.__hooks[hookName]) {
+      var _obj$__hooks$hookName;
+      var ret = (_obj$__hooks$hookName = obj.__hooks[hookName]).call.apply(_obj$__hooks$hookName, [obj, obj].concat(args));
+      if (ret && ret.then) {
+        ret.then(function(data) {
+          return data === false ? null : handler.call.apply(handler, [obj, obj].concat(args));
+        }).catch(function(e2) {
+          console.warn("[runHooks]".concat(hookName, " reject"), e2.message);
+        });
+      } else if (ret !== false) {
+        return handler.call.apply(handler, [obj, obj].concat(args));
+      }
     } else {
       return handler.call.apply(handler, [obj, obj].concat(args));
     }
@@ -2812,18 +2776,6 @@ 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() {
@@ -3469,7 +3421,7 @@ var __publicField = (obj, key, value) => {
         if (!this.observer) {
           return;
         }
-        this.observer.observe(target);
+        this.observer && this.observer.observe(target);
         var _pid = target.getAttribute(PLATER_ID);
         var __handlers = this.__handlers;
         var index = -1;
@@ -3498,17 +3450,16 @@ var __publicField = (obj, key, value) => {
           }
         });
         try {
-          var _this$observer;
-          (_this$observer = this.observer) === null || _this$observer === void 0 ? void 0 : _this$observer.unobserve(target);
+          this.observer && this.observer.unobserve(target);
         } catch (e2) {
         }
+        this.observer && this.observer.unobserve(target);
         i2 > -1 && this.__handlers.splice(i2, 1);
       }
     }, {
       key: "destroyObserver",
       value: function destroyObserver() {
-        var _this$observer2;
-        (_this$observer2 = this.observer) === null || _this$observer2 === void 0 ? void 0 : _this$observer2.disconnect();
+        this.observer && this.observer.disconnect();
         this.observer = null;
         this.__handlers = null;
       }
@@ -3540,8 +3491,7 @@ var __publicField = (obj, key, value) => {
     return resizeObserver;
   }
   function unObserver(target, handler) {
-    var _resizeObserver;
-    (_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 ? void 0 : _resizeObserver.unObserver(target, handler);
+    resizeObserver.unObserver(target, handler);
   }
   var pluginsManager = {
     pluginGroup: {},
@@ -4539,7 +4489,10 @@ var __publicField = (obj, key, value) => {
         }
         var _this$config = _this.config, autoplay2 = _this$config.autoplay, defaultPlaybackRate = _this$config.defaultPlaybackRate;
         XG_DEBUG.logInfo("player", "canPlayFunc, startTime", _this.__startTime);
-        _this._seekToStartTime();
+        if (_this.__startTime > 0 && _this.duration > 0) {
+          _this.currentTime = _this.__startTime > _this.duration ? _this.duration : _this.__startTime;
+          _this.__startTime = -1;
+        }
         _this.playbackRate = defaultPlaybackRate;
         (autoplay2 || _this._useAutoplay) && _this.mediaPlay();
         _this.off(CANPLAY, _this.canPlayFunc);
@@ -4629,7 +4582,6 @@ var __publicField = (obj, key, value) => {
       _this.waitTimer = null;
       _this.handleSource = true;
       _this._state = STATES.INITIAL;
-      _this.isAd = false;
       _this.isError = false;
       _this._hasStart = false;
       _this.isSeeking = false;
@@ -5014,8 +4966,7 @@ var __publicField = (obj, key, value) => {
         _pConfig.position && (options.position = _pConfig.position);
         var position = options.position ? options.position : options.config && options.config.position || PLUFGIN.defaultConfig && PLUFGIN.defaultConfig.position;
         if (!options.root && typeof position === "string" && position.indexOf("controls") > -1) {
-          var _this$controls;
-          return (_this$controls = this.controls) === null || _this$controls === void 0 ? void 0 : _this$controls.registerPlugin(PLUFGIN, options, PLUFGIN.pluginName);
+          return this.controls && this.controls.registerPlugin(PLUFGIN, options, PLUFGIN.pluginName);
         }
         if (!options.root) {
           options.root = this._getRootByPosition(position);
@@ -5163,7 +5114,10 @@ var __publicField = (obj, key, value) => {
             reject(e2);
           };
           var _canplay = function _canplay2() {
-            _this9._seekToStartTime();
+            if (_this9.duration > 0 && _this9.__startTime > 0) {
+              _this9.currentTime = _this9.__startTime;
+              _this9.__startTime = -1;
+            }
             if (isPaused) {
               _this9.pause();
             }
@@ -5784,17 +5738,11 @@ var __publicField = (obj, key, value) => {
     }, {
       key: "onLoadeddata",
       value: function onLoadeddata() {
-        var _this22 = this;
         this.isError = false;
         this.isSeeking = false;
-        if (this.__startTime > 0) {
-          if (this.duration > 0) {
-            this._seekToStartTime();
-          } else {
-            this.once(DURATION_CHANGE, function() {
-              _this22._seekToStartTime();
-            });
-          }
+        if (this.__startTime > 0 && this.duration > 0) {
+          this.currentTime = this.__startTime;
+          this.__startTime = -1;
         }
       }
     }, {
@@ -5863,27 +5811,27 @@ var __publicField = (obj, key, value) => {
     }, {
       key: "onWaiting",
       value: function onWaiting() {
-        var _this23 = this;
+        var _this22 = this;
         if (this.waitTimer) {
           util$1.clearTimeout(this, this.waitTimer);
         }
         this.updateAcc("waiting");
         this.waitTimer = util$1.setTimeout(this, function() {
-          _this23.addClass(STATE_CLASS.LOADING);
-          _this23.emit(LOADING);
-          util$1.clearTimeout(_this23, _this23.waitTimer);
-          _this23.waitTimer = null;
+          _this22.addClass(STATE_CLASS.LOADING);
+          _this22.emit(LOADING);
+          util$1.clearTimeout(_this22, _this22.waitTimer);
+          _this22.waitTimer = null;
         }, this.config.minWaitDelay);
       }
     }, {
       key: "onPlaying",
       value: function onPlaying() {
-        var _this24 = this;
+        var _this23 = this;
         this.isError = false;
         var NO_START = STATE_CLASS.NO_START, PAUSED = STATE_CLASS.PAUSED, ENDED2 = STATE_CLASS.ENDED, ERROR2 = STATE_CLASS.ERROR, REPLAY2 = STATE_CLASS.REPLAY, LOADING2 = STATE_CLASS.LOADING;
         var clsList = [NO_START, PAUSED, ENDED2, ERROR2, REPLAY2, LOADING2];
         clsList.forEach(function(cls) {
-          _this24.removeClass(cls);
+          _this23.removeClass(cls);
         });
         if (!this._accPlayed.t && !this.paused && !this.ended) {
           this._accPlayed.t = (/* @__PURE__ */ new Date()).getTime();
@@ -6044,14 +5992,14 @@ var __publicField = (obj, key, value) => {
     }, {
       key: "setConfig",
       value: function setConfig(config) {
-        var _this25 = this;
+        var _this24 = this;
         if (!config) {
           return;
         }
         Object.keys(config).map(function(key) {
           if (key !== "plugins") {
-            _this25.config[key] = config[key];
-            var plugin = _this25.plugins[key.toLowerCase()];
+            _this24.config[key] = config[key];
+            var plugin = _this24.plugins[key.toLowerCase()];
             if (plugin && util$1.typeOf(plugin.setConfig) === "Function") {
               plugin.setConfig(config[key]);
             }
@@ -6061,20 +6009,20 @@ var __publicField = (obj, key, value) => {
     }, {
       key: "playNext",
       value: function playNext(config) {
-        var _this26 = this;
+        var _this25 = this;
         this.resetState();
         this.setConfig(config);
         this._currentTime = 0;
         this._duration = 0;
         runHooks(this, "playnext", function() {
-          _this26.start();
-          _this26.emit(PLAYNEXT, config);
+          _this25.start();
+          _this25.emit(PLAYNEXT, config);
         });
       }
     }, {
       key: "resize",
       value: function resize() {
-        var _this27 = this;
+        var _this26 = this;
         if (!this.media) {
           return;
         }
@@ -6114,7 +6062,7 @@ var __publicField = (obj, key, value) => {
         }
         if (!this.fullscreen && !this.cssfullscreen) {
           Object.keys(_style).forEach(function(key) {
-            _this27.root.style[key] = _style[key];
+            _this26.root.style[key] = _style[key];
           });
         }
         if (videoFillMode === "fillHeight" && fit < videoFit || videoFillMode === "fillWidth" && fit > videoFit) {
@@ -6156,14 +6104,6 @@ var __publicField = (obj, key, value) => {
           url
         };
       }
-    }, {
-      key: "_seekToStartTime",
-      value: function _seekToStartTime() {
-        if (this.__startTime > 0 && this.duration > 0) {
-          this.currentTime = this.__startTime > this.duration ? this.duration : this.__startTime;
-          this.__startTime = -1;
-        }
-      }
     }, {
       key: "state",
       get: function get() {
@@ -6214,15 +6154,15 @@ var __publicField = (obj, key, value) => {
         return this.config.definition.list || [];
       },
       set: function set(list) {
-        var _this28 = this;
+        var _this27 = this;
         var definition = this.config.definition;
         var curDef = null;
         var targetDef = null;
         definition.list = list;
         this.emit("resourceReady", list);
         list.forEach(function(item) {
-          var _this28$curDefinition;
-          if (((_this28$curDefinition = _this28.curDefinition) === null || _this28$curDefinition === void 0 ? void 0 : _this28$curDefinition.definition) === item.definition) {
+          var _this27$curDefinition;
+          if (((_this27$curDefinition = _this27.curDefinition) === null || _this27$curDefinition === void 0 ? void 0 : _this27$curDefinition.definition) === item.definition) {
             curDef = item;
           }
           if (definition.defaultDefinition === item.definition) {
@@ -6734,11 +6674,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}
@@ -6986,7 +6926,7 @@ var __publicField = (obj, key, value) => {
         var className = _this.config.mode === "auto" ? "auto-hide" : "hide";
         util$1.addClass(_this.root, className);
         _this.autoPlayStart = true;
-        _this.toggleTo("play");
+        _this.onPlayPause("play");
       });
       _this.autoPlayStart = false;
       return _this;
@@ -6994,19 +6934,9 @@ var __publicField = (obj, key, value) => {
     _createClass$1(Start2, [{
       key: "afterCreate",
       value: function afterCreate() {
-        var playerConfig = this.playerConfig;
-        this.initIcons();
-        this.listenEvents();
-        this.bindClickEvents();
-        if (!playerConfig.autoplay) {
-          this.show();
-        }
-      }
-    }, {
-      key: "listenEvents",
-      value: function listenEvents() {
         var _this2 = this;
         var player = this.player, playerConfig = this.playerConfig;
+        this.initIcons();
         this.once(READY, function() {
           if (playerConfig) {
             if (playerConfig.lang && playerConfig.lang === "en") {
@@ -7017,6 +6947,9 @@ var __publicField = (obj, key, value) => {
           }
         });
         this.on(AUTOPLAY_STARTED, this.onAutoplayStart);
+        if (!playerConfig.autoplay) {
+          this.show();
+        }
         this.on(AUTOPLAY_PREVENTED, function() {
           var className = _this2.config.mode === "auto" ? "auto-hide" : "hide";
           _this2.setAttr("data-state", "play");
@@ -7024,25 +6957,20 @@ var __publicField = (obj, key, value) => {
           _this2.show();
         });
         this.on(PLAY, function() {
-          _this2.toggleTo("play");
+          _this2.onPlayPause("play");
         });
         this.on(PAUSE, function() {
-          _this2.toggleTo("pause");
+          _this2.onPlayPause("pause");
         });
         this.on(RESET, function() {
           _this2.onPlayerReset();
         });
-      }
-    }, {
-      key: "bindClickEvents",
-      value: function bindClickEvents() {
-        var _this3 = this;
         this.clickHandler = this.hook("startClick", this.switchPausePlay, {
           pre: function pre(e2) {
             e2.cancelable && e2.preventDefault();
             e2.stopPropagation();
-            var paused = _this3.player.paused;
-            _this3.emitUserAction(e2, "switch_play_pause", {
+            var paused = _this2.player.paused;
+            _this2.emitUserAction(e2, "switch_play_pause", {
               props: "paused",
               from: paused,
               to: !paused
@@ -7104,17 +7032,17 @@ var __publicField = (obj, key, value) => {
     }, {
       key: "animate",
       value: function animate(endShow) {
-        var _this4 = this;
+        var _this3 = this;
         this._animateId = addAnimate("pauseplay", 400, {
           start: function start() {
-            util$1.addClass(_this4.root, "interact");
-            _this4.show();
-            _this4.switchStatus(true);
+            util$1.addClass(_this3.root, "interact");
+            _this3.show();
+            _this3.switchStatus(true);
           },
           end: function end() {
-            util$1.removeClass(_this4.root, "interact");
-            !endShow && _this4.hide();
-            _this4._animateId = null;
+            util$1.removeClass(_this3.root, "interact");
+            !endShow && _this3.hide();
+            _this3._animateId = null;
           }
         });
       }
@@ -7144,11 +7072,6 @@ var __publicField = (obj, key, value) => {
     }, {
       key: "onPlayPause",
       value: function onPlayPause(status) {
-        this.toggleTo(status);
-      }
-    }, {
-      key: "toggleTo",
-      value: function toggleTo(status) {
         var config = this.config, player = this.player;
         if (!player || player.state < STATES.RUNNING || !this.autoPlayStart) {
           return;
@@ -8524,7 +8447,7 @@ var __publicField = (obj, key, value) => {
         }
         this.on(DURATION_CHANGE, function() {
           var player2 = _this2.player, config2 = _this2.config;
-          if (player2.duration > 0 && player2.duration * 1e3 < config2.moveDuration) {
+          if (player2.duration * 1e3 < config2.moveDuration) {
             config2.moveDuration = player2.duration * 1e3;
           }
         });
@@ -8838,13 +8761,10 @@ 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) {
@@ -8905,12 +8825,12 @@ var __publicField = (obj, key, value) => {
     }, {
       key: "disableGesture",
       value: function disableGesture() {
-        this.config.disableGesture = true;
+        this.config.disableGesture = false;
       }
     }, {
       key: "enableGesture",
       value: function enableGesture() {
-        this.config.disableGesture = false;
+        this.config.disableGesture = true;
       }
     }, {
       key: "destroy",
@@ -9482,55 +9402,28 @@ var __publicField = (obj, key, value) => {
     _inherits(Play2, _IconPlugin);
     var _super = _createSuper(Play2);
     function Play2() {
-      var _this;
       _classCallCheck(this, Play2);
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      _this = _super.call.apply(_super, [this].concat(args));
-      _defineProperty$1(_assertThisInitialized(_this), "btnClick", function(e2) {
-        e2.preventDefault();
-        e2.stopPropagation();
-        var _assertThisInitialize = _assertThisInitialized(_this), player = _assertThisInitialize.player;
-        _this.emitUserAction(e2, "switch_play_pause", {
-          prop: "paused",
-          from: player.paused,
-          to: !player.paused
-        });
-        if (player.ended) {
-          player.replay();
-        } else if (player.paused) {
-          player.play();
-          _this.animate(false);
-        } else {
-          player.pause();
-          _this.animate(true);
-        }
-        return false;
-      });
-      return _this;
+      return _super.apply(this, arguments);
     }
     _createClass$1(Play2, [{
       key: "afterCreate",
       value: function afterCreate() {
+        var _this = this;
         _get(_getPrototypeOf(Play2.prototype), "afterCreate", this).call(this);
-        var config = this.config;
+        var player = this.player, config = this.config;
         if (config.disable) {
           return;
         }
         this.initIcons();
+        this.btnClick = this.btnClick.bind(this);
         this.bind(["touchend", "click"], this.btnClick);
-        this.listenEvents();
-        this.animate(true);
-      }
-    }, {
-      key: "listenEvents",
-      value: function listenEvents() {
-        var _this2 = this;
-        var player = this.player;
-        this.on([PLAY, PAUSE, ERROR, EMPTIED], function() {
-          _this2.animate(player.paused);
+        this.on([PAUSE, ERROR, EMPTIED], function() {
+          _this.animate(player.paused);
         });
+        this.on(PLAY, function() {
+          _this.animate(player.paused);
+        });
+        this.animate(true);
       }
     }, {
       key: "registerIcons",
@@ -9546,6 +9439,28 @@ var __publicField = (obj, key, value) => {
           }
         };
       }
+    }, {
+      key: "btnClick",
+      value: function btnClick(e2) {
+        e2.preventDefault();
+        e2.stopPropagation();
+        var player = this.player;
+        this.emitUserAction(e2, "switch_play_pause", {
+          prop: "paused",
+          from: player.paused,
+          to: !player.paused
+        });
+        if (player.ended) {
+          player.replay();
+        } else if (player.paused) {
+          player.play();
+          this.animate(false);
+        } else {
+          player.pause();
+          this.animate(true);
+        }
+        return false;
+      }
     }, {
       key: "initIcons",
       value: function initIcons() {
@@ -11664,10 +11579,10 @@ var __publicField = (obj, key, value) => {
       const { controls } = this.player;
       const { listType } = this.config;
       if (isActive) {
-        listType && MODAL_TYPES.includes(listType) ? controls == null ? void 0 : controls.blur() : controls == null ? void 0 : controls.focus();
+        listType && MODAL_TYPES.includes(listType) ? controls.blur() : controls.focus();
         this.optionsList && this.optionsList.show();
       } else {
-        listType && MODAL_TYPES.includes(listType) ? controls == null ? void 0 : controls.focus() : controls == null ? void 0 : controls.focusAwhile();
+        listType && MODAL_TYPES.includes(listType) ? controls.focus() : controls.focusAwhile();
         this.optionsList && this.optionsList.hide();
       }
       this._isActive = isActive;
@@ -13593,28 +13508,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
@@ -13634,7 +13554,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
@@ -13829,9 +13751,14 @@ var __publicField = (obj, key, value) => {
     /** {zh}
      * 获取播放器版本号
      * @returns
+     * @brief
+     *        获取播放器 SDK 版本号。
+     */
+    /** {en}
+     * @brief Retrieve the player SDK version number.
      */
     get playerVersion() {
-      return "2.4.3-rc.1";
+      return "2.4.5-rc.0";
     }
     /** {zh}
      * @brief 获取当前播放视频的清晰度唯一标识（definition）。
@@ -13979,8 +13906,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.
@@ -13991,7 +13918,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);
@@ -14018,16 +13947,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;
@@ -14178,10 +14106,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);
     }
@@ -14253,7 +14185,7 @@ var __publicField = (obj, key, value) => {
     }
     /** {zh}
      * @brief 调用此接口显示指定插件图标。
-     * @param pluginNames 插件名称
+     * @param pluginNames 插件名称。
      */
     /** {en}
      * @brief Displays the icon of a specified plugin.
@@ -14274,7 +14206,7 @@ var __publicField = (obj, key, value) => {
     }
     /** {zh}
      * @brief 调用此接口隐藏指定插件图标。
-     * @param pluginNames 插件名称
+     * @param pluginNames 插件名称。
      */
     /** {en}
      * @brief Hides the icon of a specified plugin.
@@ -14346,7 +14278,14 @@ var __publicField = (obj, key, value) => {
       this._player.once("canplay", () => {
         this._sourceManager.resetFallback();
       });
-      this.emit(Events$1.FALLBACK, { from: { url: preUrl }, to: { url } });
+      this.emit(Events$1.FALLBACK, {
+        from: {
+          url: preUrl
+        },
+        to: {
+          url
+        }
+      });
       this._switchUrl(url);
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -22083,9 +22022,9 @@ var __publicField = (obj, key, value) => {
         user_id: this._userId,
         device_id: this._deviceId,
         ext: {
-          veplayer_version: "2.4.3-rc.1",
-          flv_version: "v3.0.20-rc.6",
-          hls_version: "3.0.20-alpha.3",
+          veplayer_version: "2.4.5-rc.0",
+          flv_version: "3.0.19-rc.0",
+          hls_version: "3.0.19-rc.0",
           rts_version: "0.2.1-alpha.0"
         }
       });
@@ -22122,7 +22061,7 @@ var __publicField = (obj, key, value) => {
         {
           key: "resolution",
           labelTextKey: "RESOLUTION",
-          value: `${normalizeNumber(data.height)} * ${normalizeNumber(
+          value: `${normalizeNumber(data.width)} * ${normalizeNumber(
             data.height
           )}`
         },
@@ -22414,7 +22353,9 @@ var __publicField = (obj, key, value) => {
     }
   ]);
   const LIVE_DEFAULT_OPTIONS = {
-    autoplay: { muted: true }
+    autoplay: {
+      muted: true
+    }
   };
   const LIVE_DEFAULT_PLUGINS = [...DEFAULT_PLUGINS, Refresh, Logger, InfoPanel];
   var RTMCodec = /* @__PURE__ */ ((RTMCodec2) => {
@@ -22434,7 +22375,10 @@ var __publicField = (obj, key, value) => {
       super(options);
     }
     /** {zh}
-     * @brief 获取已经播放的时间
+     * @brief 获取已经播放的时长，不包含暂停和等待时间，单位为秒。
+     */
+    /** {en}
+     * @brief Obtain the duration that has been played, excluding pause and waiting time, with the unit of seconds.
      */
     get playTime() {
       var _a, _b, _c, _d;
@@ -22493,7 +22437,10 @@ var __publicField = (obj, key, value) => {
       (_a = this._player.plugins) == null ? void 0 : _a.infopanel.close();
     }
     /** {zh}
-     * @brief 打开 Abr
+     * @brief 打开码率自适应（ABR）切换功能。
+     */
+    /** {en}
+     * @brief Enable the Adaptive Bitrate Streaming (ABR) switching feature.
      */
     openAbr() {
       var _a, _b, _c, _d;
@@ -22507,7 +22454,10 @@ var __publicField = (obj, key, value) => {
       }
     }
     /** {zh}
-     * @brief 关闭 Abr
+     * @brief 关闭码率自适应（ABR）切换功能。
+     */
+    /** {en}
+     * @brief Disable the Adaptive Bitrate Streaming (ABR) switching feature.
      */
     closeAbr() {
       var _a, _b, _c, _d;
@@ -22521,18 +22471,25 @@ var __publicField = (obj, key, value) => {
       }
     }
     /** {zh}
-     * @brief 调用此方法更新 DRM 鉴权配置。
-     * @hidden
+     * @brief 调用此方法更新 DRM 配置。
+     */
+    /** {en}
+     * @brief Use this method to update DRM configuration.
+     * @param config
      */
     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);
     }
     /** {zh}
-     * @brief 切换 flv Abr
-     * @param options 切换 Abr 的配置。
+     * @brief 修改 ABR 配置，包含修改是否开启 ABR 功能，和修改其他清晰度。
+     * @param options ABR 的配置。
      * @returns
      */
+    /** {en}
+     * @brief Modify ABR configuration, including enabling or disabling the ABR feature and adjusting other resolutions.
+     * @param options Configuration of ABR.
+     */
     switchAbr(options) {
       var _a, _b;
       if (!((_a = this._player.plugins) == null ? void 0 : _a.abr)) {
@@ -22543,7 +22500,9 @@ var __publicField = (obj, key, value) => {
         if (!url) {
           return;
         }
-        this.switch(url, { seamless: true });
+        this.switch(url, {
+          seamless: true
+        });
         this._player.plugins.abr.bitrate = options.bitrate;
       }
       if (typeof (options == null ? void 0 : options.enable) !== "undefined") {
@@ -22551,25 +22510,34 @@ var __publicField = (obj, key, value) => {
       }
     }
     /** {zh}
-     * @brief 获取 RTM 的网络相关信息
+     * @brief 获取 RTM 拉流的网络评估信息。
      * @returns
      */
+    /** {en}
+     * @brief Obtain the network assessment information of RTM pull streaming.
+     */
     getRTMNetWorkInfo() {
       var _a, _b, _c;
       return (_c = (_b = (_a = this._player) == null ? void 0 : _a.plugins) == null ? void 0 : _b.rts) == null ? void 0 : _c.getNetWorkInfo();
     }
     /** {zh}
-     * @brief 获取 RTM 播放信息
+     * @brief 获取 RTM 拉流的播放信息。
      * @returns
      */
+    /** {en}
+     * @brief Obtain the playback information of RTM pull stream.
+     */
     async getRTMStats() {
       var _a, _b, _c;
       return (_c = (_b = (_a = this._player) == null ? void 0 : _a.plugins) == null ? void 0 : _b.rts) == null ? void 0 : _c.getStatsSnapshoot();
     }
     /** {zh}
-     * @brief 获取 FLV 播放信息
+     * @brief 获取 FLV 拉流的播放信息。
      * @returns
      */
+    /** {en}
+     * @brief Obtain the playback information of FLV pull streaming.
+     */
     getFLVStats() {
       var _a, _b, _c;
       return (_c = (_b = (_a = this._player) == null ? void 0 : _a.plugins) == null ? void 0 : _b.flv) == null ? void 0 : _c.getStats();
@@ -22581,7 +22549,10 @@ var __publicField = (obj, key, value) => {
     if (!options || !options.url && !options.playlist) {
       throw create(ErrorCode.INVALID_PARAMETER, new VeI18n());
     }
-    const i18n = new VeI18n({ lang: options == null ? void 0 : options.lang, i18n: options == null ? void 0 : options.i18n });
+    const i18n = new VeI18n({
+      lang: options == null ? void 0 : options.lang,
+      i18n: options == null ? void 0 : options.i18n
+    });
     const finalOptions = {
       ...options,
       plugins: [...LIVE_DEFAULT_PLUGINS, ...options.plugins ?? []]
@@ -22599,9 +22570,24 @@ var __publicField = (obj, key, value) => {
         },
         async preparePlugins(url) {
           const [typeStrategy, drmStrategy, abrStrategy] = await Promise.all([
-            getTypeStrategy({ ...finalOptions, url }, player),
-            getDrmStrategy({ ...finalOptions, url }, player),
-            getAbrStrategy({ ...finalOptions, url })
+            getTypeStrategy(
+              {
+                ...finalOptions,
+                url
+              },
+              player
+            ),
+            getDrmStrategy(
+              {
+                ...finalOptions,
+                url
+              },
+              player
+            ),
+            getAbrStrategy({
+              ...finalOptions,
+              url
+            })
           ]);
           const { options: options2, plugins } = typeStrategy ?? {};
           const { options: drmOptions, plugins: drmPlugins } = drmStrategy ?? {};