@volcengine/veplayer 2.2.0-rc.2 → 2.3.0-rc.0

package/esm/veplayer.live.development.js

@@ -48,8 +48,8 @@ function _typeof(obj) {
     return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
   }, _typeof(obj);
 }
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
+function _classCallCheck(instance2, Constructor) {
+  if (!(instance2 instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
   }
 }
@@ -1454,7 +1454,7 @@ var sniffer$1 = {
     }
   }
 };
-var version = "3.0.11-alpha.2";
+var version = "3.0.12";
 var ERROR_TYPE_MAP = {
   1: "media",
   2: "media",
@@ -2316,10 +2316,10 @@ var INDEXDB = /* @__PURE__ */ function() {
   }, {
     key: "addData",
     value: function addData(storename, data) {
-      var store = this.myDB.db.transaction(storename, "readwrite").objectStore(storename);
+      var store2 = this.myDB.db.transaction(storename, "readwrite").objectStore(storename);
       var request;
       for (var i2 = 0; i2 < data.length; i2++) {
-        request = store.add(data[i2]);
+        request = store2.add(data[i2]);
         request.onerror = function() {
         };
         request.onsuccess = function() {
@@ -2329,10 +2329,10 @@ var INDEXDB = /* @__PURE__ */ function() {
   }, {
     key: "putData",
     value: function putData(storename, data) {
-      var store = this.myDB.db.transaction(storename, "readwrite").objectStore(storename);
+      var store2 = this.myDB.db.transaction(storename, "readwrite").objectStore(storename);
       var request;
       for (var i2 = 0; i2 < data.length; i2++) {
-        request = store.put(data[i2]);
+        request = store2.put(data[i2]);
         request.onerror = function() {
         };
         request.onsuccess = function() {
@@ -2343,8 +2343,8 @@ var INDEXDB = /* @__PURE__ */ function() {
     key: "getDataByKey",
     value: function getDataByKey(storename, key, callback) {
       var self2 = this;
-      var store = this.myDB.db.transaction(storename, "readwrite").objectStore(storename);
-      var request = store.get(key);
+      var store2 = this.myDB.db.transaction(storename, "readwrite").objectStore(storename);
+      var request = store2.get(key);
       request.onerror = function() {
         callback.call(self2, null);
       };
@@ -2356,14 +2356,14 @@ var INDEXDB = /* @__PURE__ */ function() {
   }, {
     key: "deleteData",
     value: function deleteData(storename, key) {
-      var store = this.myDB.db.transaction(storename, "readwrite").objectStore(storename);
-      store.delete(key);
+      var store2 = this.myDB.db.transaction(storename, "readwrite").objectStore(storename);
+      store2.delete(key);
     }
   }, {
     key: "clearData",
     value: function clearData(storename) {
-      var store = this.myDB.db.transaction(storename, "readwrite").objectStore(storename);
-      store.clear();
+      var store2 = this.myDB.db.transaction(storename, "readwrite").objectStore(storename);
+      store2.clear();
     }
   }]);
   return INDEXDB2;
@@ -2480,24 +2480,24 @@ function removePluginHooks(pluginName) {
     return plugin.removeHooks && plugin.removeHooks.apply(plugin, args);
   }
 }
-function hooksDescriptor(instance) {
+function hooksDescriptor(instance2) {
   var presetHooks = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-  instance.__hooks = {};
+  instance2.__hooks = {};
   presetHooks && presetHooks.map(function(item) {
-    instance.__hooks[item] = null;
+    instance2.__hooks[item] = null;
   });
-  Object.defineProperty(instance, "hooks", {
+  Object.defineProperty(instance2, "hooks", {
     get: function get() {
-      return instance.__hooks && Object.keys(instance.__hooks).map(function(key) {
-        if (instance.__hooks[key]) {
+      return instance2.__hooks && Object.keys(instance2.__hooks).map(function(key) {
+        if (instance2.__hooks[key]) {
           return key;
         }
       });
     }
   });
 }
-function delHooksDescriptor(instance) {
-  instance.__hooks = null;
+function delHooksDescriptor(instance2) {
+  instance2.__hooks = null;
 }
 function runHooks(obj, hookName, handler) {
   for (var _len5 = arguments.length, args = new Array(_len5 > 3 ? _len5 - 3 : 0), _key5 = 3; _key5 < _len5; _key5++) {
@@ -2715,7 +2715,7 @@ var BasePlugin = /* @__PURE__ */ function() {
     }
   }, {
     key: "registerPlugin",
-    value: function registerPlugin(plugin) {
+    value: function registerPlugin2(plugin) {
       var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
       var name = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "";
       if (!this.player) {
@@ -3074,7 +3074,7 @@ var Plugin = /* @__PURE__ */ function(_BasePlugin) {
     }
   }, {
     key: "registerPlugin",
-    value: function registerPlugin(plugin) {
+    value: function registerPlugin2(plugin) {
       var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
       var name = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "";
       options.root = options.root || this.root;
@@ -3213,7 +3213,7 @@ var Plugin = /* @__PURE__ */ function(_BasePlugin) {
       var cs = window.getComputedStyle(this.root, null);
       var cssDisplayValue = cs.getPropertyValue("display");
       if (cssDisplayValue === "none") {
-        return this.root.style.display = "block";
+        this.root.style.display = "block";
       }
     }
   }, {
@@ -3470,28 +3470,11 @@ var pluginsManager = {
     !player.config.closeResizeObserver && addObserver(player.root, function() {
       player.resize();
     });
-    if (Object.keys(this.pluginGroup).length === 0) {
-      player.isUserActive = true;
-    }
     this.pluginGroup[cgid] = {
-      _player: player,
       _originalOptions: player.config || {},
       _plugins: {}
     };
   },
-  checkPlayerRoot: function checkPlayerRoot(root2) {
-    if (this.pluginGroup) {
-      var _keys = Object.keys(this.pluginGroup);
-      for (var i2 = 0; i2 < _keys.length; i2++) {
-        var _p = this.pluginGroup[_keys[i2]]._player;
-        if (_p.root === root2) {
-          return _p;
-        }
-      }
-      return null;
-    }
-    return null;
-  },
   formatPluginInfo: function formatPluginInfo(plugin, config) {
     var PLUFGIN = null;
     var options = null;
@@ -3566,7 +3549,7 @@ var pluginsManager = {
     }
     var plugins = this.pluginGroup[cgid]._plugins;
     var originalOptions = this.pluginGroup[cgid]._originalOptions;
-    options.player = this.pluginGroup[cgid]._player;
+    options.player = player;
     var pluginName = options.pluginName || plugin.pluginName;
     if (!pluginName) {
       throw new Error("The property pluginName is necessary");
@@ -3765,37 +3748,6 @@ var pluginsManager = {
       }
     });
   },
-  setCurrentUserActive: function setCurrentUserActive(playerId, isActive) {
-    if (!this.pluginGroup[playerId]) {
-      return;
-    }
-    if (!isActive) {
-      this.pluginGroup[playerId]._player.isUserActive = isActive;
-      return playerId;
-    }
-    var keys = Object.keys(this.pluginGroup);
-    for (var i2 = 0; i2 < keys.length; i2++) {
-      var c2 = this.pluginGroup[keys[i2]];
-      if (c2 && c2._player) {
-        this.pluginGroup[keys[i2]]._player.isUserActive = false;
-      }
-    }
-    this.pluginGroup[playerId]._player.isUserActive = isActive;
-    return playerId;
-  },
-  getCurrentUseActiveId: function getCurrentUseActiveId() {
-    if (!this.pluginGroup) {
-      return;
-    }
-    var keys = Object.keys(this.pluginGroup);
-    for (var i2 = 0; i2 < keys.length; i2++) {
-      var c2 = this.pluginGroup[keys[i2]];
-      if (c2 && c2._player && c2._player.isUserActive) {
-        return keys[i2];
-      }
-    }
-    return null;
-  },
   destroy: function destroy(player) {
     var cgid = player._pluginInfoId;
     if (!this.pluginGroup[cgid]) {
@@ -4051,7 +4003,7 @@ var Controls = /* @__PURE__ */ function(_Plugin) {
     }
   }, {
     key: "show",
-    value: function show() {
+    value: function show(value) {
       this.root.style.display = "";
       this.player.focus();
     }
@@ -4067,7 +4019,7 @@ var Controls = /* @__PURE__ */ function(_Plugin) {
     }
   }, {
     key: "registerPlugin",
-    value: function registerPlugin(plugin) {
+    value: function registerPlugin2(plugin) {
       var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
       var name = arguments.length > 2 ? arguments[2] : void 0;
       if (!this.root) {
@@ -4344,9 +4296,158 @@ var STATES = {
   DESTROYED: 8
 };
 var STATE_ARRAY = ["ERROR", "INITIAL", "READY", "ATTACHING", "ATTACHED", "NOTALLOW", "RUNNING", "ENDED", "DESTROYED"];
+var store = {};
+var instance = null;
+var InstManager = /* @__PURE__ */ function(_EventEmitter) {
+  _inherits(InstManager2, _EventEmitter);
+  var _super = _createSuper(InstManager2);
+  function InstManager2() {
+    _classCallCheck(this, InstManager2);
+    return _super.apply(this, arguments);
+  }
+  _createClass$1(InstManager2, [{
+    key: "add",
+    value: function add(player) {
+      if (!player) {
+        return;
+      }
+      store[player.playerId] = player;
+      if (Object.keys(store).length === 1) {
+        this.setActive(player.playerId, true);
+      }
+    }
+  }, {
+    key: "remove",
+    value: function remove(player) {
+      if (!player) {
+        return;
+      }
+      player.isUserActive;
+      delete store[player.playerId];
+    }
+  }, {
+    key: "_iterate",
+    value: function _iterate(fn) {
+      var endEarly = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
+      for (var key in store) {
+        if (Object.prototype.hasOwnProperty.call(store, key)) {
+          var player = store[key];
+          if (endEarly) {
+            if (fn(player)) {
+              break;
+            }
+          } else {
+            fn(player);
+          }
+        }
+      }
+    }
+  }, {
+    key: "forEach",
+    value: function forEach(fn) {
+      this._iterate(fn);
+    }
+  }, {
+    key: "find",
+    value: function find(fn) {
+      var result = null;
+      this._iterate(function(player) {
+        var flag = fn(player);
+        if (flag) {
+          result = player;
+        }
+        return flag;
+      }, true);
+      return result;
+    }
+  }, {
+    key: "findAll",
+    value: function findAll(fn) {
+      var results = [];
+      this._iterate(function(player) {
+        if (fn(player)) {
+          results.push(player);
+        }
+      });
+      return results;
+    }
+  }, {
+    key: "setActive",
+    value: function setActive(playerId) {
+      var isActive = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
+      if (!store[playerId]) {
+        return;
+      }
+      if (isActive) {
+        this.forEach(function(inst) {
+          if (playerId === inst.playerId) {
+            inst.isUserActive = true;
+            inst.isInstNext = false;
+          } else {
+            inst.isUserActive = false;
+          }
+        });
+      } else {
+        store[playerId].isUserActive = isActive;
+      }
+      return playerId;
+    }
+  }, {
+    key: "getActiveId",
+    value: function getActiveId() {
+      var keys = Object.keys(store);
+      for (var i2 = 0; i2 < keys.length; i2++) {
+        var c2 = store[keys[i2]];
+        if (c2 && c2.isUserActive) {
+          return keys[i2];
+        }
+      }
+      return null;
+    }
+  }, {
+    key: "setNext",
+    value: function setNext(playerId) {
+      var isNext = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
+      if (!store[playerId]) {
+        return;
+      }
+      if (isNext) {
+        this.forEach(function(inst) {
+          if (playerId === inst.playerId) {
+            inst.isUserActive = false;
+            inst.isInstNext = true;
+          } else {
+            inst.isInstNext = false;
+          }
+        });
+      } else {
+        store[playerId].isInstNext = isNext;
+      }
+      return playerId;
+    }
+  }], [{
+    key: "getInstance",
+    value: function getInstance() {
+      instance || (instance = new InstManager2());
+      return instance;
+    }
+  }]);
+  return InstManager2;
+}(eventemitter3Exports.EventEmitter);
+function checkPlayerRoot(root2) {
+  var keys = Object.keys(store);
+  for (var i2 = 0; i2 < keys.length; i2++) {
+    var p2 = store[keys[i2]];
+    if (p2.root === root2) {
+      return p2;
+    }
+  }
+  return null;
+}
 var PlAYER_HOOKS = ["play", "pause", "replay", "retry"];
 var REAL_TIME_SPEED = 0;
 var AVG_SPEED = 0;
+var instManager = null;
 var Player = /* @__PURE__ */ function(_MediaProxy) {
   _inherits(Player2, _MediaProxy);
   var _super = _createSuper(Player2);
@@ -4359,11 +4460,11 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
       if (!_this.config) {
         return;
       }
-      var _this$config = _this.config, autoplay2 = _this$config.autoplay, startTime = _this$config.startTime, defaultPlaybackRate = _this$config.defaultPlaybackRate;
-      XG_DEBUG.logInfo("player", "canPlayFunc, startTime", startTime);
-      if (startTime) {
-        _this.currentTime = startTime > _this.duration ? _this.duration : startTime;
-        _this.config.startTime = 0;
+      var _this$config = _this.config, autoplay2 = _this$config.autoplay, defaultPlaybackRate = _this$config.defaultPlaybackRate;
+      XG_DEBUG.logInfo("player", "canPlayFunc, startTime", _this.__startTime);
+      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();
@@ -4454,6 +4555,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
     _this.isSeeking = false;
     _this.isCanplay = false;
     _this._useAutoplay = false;
+    _this.__startTime = -1;
     _this.rotateDeg = 0;
     _this.isActive = false;
     _this.fullscreen = false;
@@ -4508,6 +4610,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
     _this.innerStates = {
       isActiveLocked: false
     };
+    _this.instManager = instManager;
     var rootInit = _this._initDOM();
     if (!rootInit) {
       console.error(new Error("can't find the dom which id is ".concat(_this.config.id, " or this.config.el does not exist")));
@@ -4545,7 +4648,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
   _createClass$1(Player2, [{
     key: "_initDOM",
     value: function _initDOM() {
-      var _this2 = this;
+      var _instManager, _this2 = this;
       this.root = this.config.id ? document.getElementById(this.config.id) : null;
       if (!this.root) {
         var el = this.config.el;
@@ -4561,12 +4664,13 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
           return false;
         }
       }
-      var ret = pluginsManager.checkPlayerRoot(this.root);
+      var ret = checkPlayerRoot(this.root);
       if (ret) {
         XG_DEBUG.logWarn("The is an Player instance already exists in this.root, destroy it and reinitialize");
         ret.destroy();
       }
       this.root.setAttribute(PLATER_ID, this.playerId);
+      (_instManager = instManager) === null || _instManager === void 0 ? void 0 : _instManager.add(this);
       pluginsManager.init(this);
       this._initBaseDoms();
       var XgVideoProxy = this.constructor.XgVideoProxy;
@@ -4709,10 +4813,13 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
         !util$1.isMSE(this.media) && this.load();
         (sniffer$1.os.isIpad || sniffer$1.os.isPhone) && this.mediaPlay();
       }
-      if (readyState >= 2) {
+      var startTime = this.config.startTime;
+      this.__startTime = startTime > 0 ? startTime : -1;
+      this.config.startTime = 0;
+      if (readyState >= 2 && this.duration > 0) {
         this.canPlayFunc();
       } else {
-        this.once(CANPLAY, this.canPlayFunc);
+        this.on(CANPLAY, this.canPlayFunc);
       }
       if (!this.hasStart || this.state < STATES.ATTACHED) {
         pluginsManager.afterInit(this);
@@ -4805,7 +4912,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
     }
   }, {
     key: "registerPlugin",
-    value: function registerPlugin(plugin, config) {
+    value: function registerPlugin2(plugin, config) {
       var _retPlugin = pluginsManager.formatPluginInfo(plugin, config);
       var PLUFGIN = _retPlugin.PLUFGIN, options = _retPlugin.options;
       var plugins = this.config.plugins;
@@ -4954,6 +5061,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
       }
       _src = this.preProcessUrl(_src).url;
       var curTime = this.currentTime;
+      this.__startTime = curTime;
       var isPaused = this.paused && !this.isError;
       this.src = _src;
       return new Promise(function(resolve, reject) {
@@ -4963,7 +5071,10 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
           reject(e3);
         };
         var _canplay = function _canplay2() {
-          _this9.currentTime = curTime;
+          if (_this9.duration > 0 && _this9.__startTime > 0) {
+            _this9.currentTime = _this9.__startTime;
+            _this9.__startTime = -1;
+          }
           if (isPaused) {
             _this9.pause();
           }
@@ -5190,7 +5301,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
       clsList.forEach(function(cls) {
         _this16.removeClass(cls);
       });
-      this.addClass(STATE_CLASS.ENTER);
+      this.addClass(STATE_CLASS.NO_START);
       this.emit(RESET);
     }
   }, {
@@ -5219,7 +5330,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
   }, {
     key: "destroy",
     value: function destroy2() {
-      var _this18 = this;
+      var _instManager2, _this18 = this;
       var innerContainer = this.innerContainer, root2 = this.root, media = this.media;
       if (!root2 || !media) {
         return;
@@ -5232,6 +5343,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
       this._detachSourceEvents(this.media);
       util$1.clearAllTimers(this);
       this.emit(DESTROY);
+      (_instManager2 = instManager) === null || _instManager2 === void 0 ? void 0 : _instManager2.remove(this);
       pluginsManager.destroy(this);
       delHooksDescriptor(this);
       _get(_getPrototypeOf(Player2.prototype), "destroy", this).call(this);
@@ -5583,6 +5695,14 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
       this.isCanplay = true;
       this.waitTimer && util$1.clearTimeout(this, this.waitTimer);
     }
+  }, {
+    key: "onDurationchange",
+    value: function onDurationchange() {
+      if (this.__startTime > 0 && this.duration > 0) {
+        this.currentTime = this.__startTime;
+        this.__startTime = -1;
+      }
+    }
   }, {
     key: "onLoadeddata",
     value: function onLoadeddata() {
@@ -5760,8 +5880,9 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
   }, {
     key: "resizePosition",
     value: function resizePosition() {
-      var _this$videoPos = this.videoPos, rotate = _this$videoPos.rotate, vy = _this$videoPos.vy, vx = _this$videoPos.vx, h2 = _this$videoPos.h, w2 = _this$videoPos.w;
-      if (rotate < 0 && !vy && !vx) {
+      var _this$videoPos = this.videoPos, vy = _this$videoPos.vy, vx = _this$videoPos.vx, h2 = _this$videoPos.h, w2 = _this$videoPos.w;
+      var rotate = this.videoPos.rotate;
+      if (rotate < 0 && h2 < 0 && w2 < 0) {
         return;
       }
       var _pi = this.videoPos._pi;
@@ -5772,6 +5893,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
         return;
       }
       this.videoPos.pi = _pi;
+      rotate = rotate < 0 ? 0 : rotate;
       var _pos = {
         rotate
       };
@@ -6204,7 +6326,8 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
     }
   }, {
     key: "setUserActive",
-    value: function setUserActive(isActive, isMuted) {
+    value: function setUserActive(isActive) {
+      var isMuted = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
       if (typeof isMuted === "boolean" && isMuted !== this.muted) {
         this.addInnerOP("volumechange");
         this.muted = isMuted;
@@ -6219,15 +6342,25 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
     set: function set(value) {
       XG_DEBUG.config.debug = value;
     }
+  }, {
+    key: "instManager",
+    get: function get() {
+      return instManager;
+    },
+    set: function set(value) {
+      instManager = value;
+    }
   }, {
     key: "getCurrentUserActivePlayerId",
     value: function getCurrentUserActivePlayerId() {
-      return pluginsManager.getCurrentUseActiveId();
+      var _instManager3;
+      return (_instManager3 = instManager) === null || _instManager3 === void 0 ? void 0 : _instManager3.getActiveId();
     }
   }, {
     key: "setCurrentUserActive",
-    value: function setCurrentUserActive2(playerId, isActive) {
-      pluginsManager.setCurrentUserActive(playerId, isActive);
+    value: function setCurrentUserActive(playerId, isActive) {
+      var _instManager4;
+      (_instManager4 = instManager) === null || _instManager4 === void 0 ? void 0 : _instManager4.setActive(playerId, isActive);
     }
   }, {
     key: "isHevcSupported",
@@ -6262,6 +6395,7 @@ var Player = /* @__PURE__ */ function(_MediaProxy) {
 }(MediaProxy);
 _defineProperty$1(Player, "defaultPreset", null);
 _defineProperty$1(Player, "XgVideoProxy", null);
+Player.instManager = InstManager.getInstance();
 var index_min = "";
 var Level = /* @__PURE__ */ ((Level2) => {
   Level2["Fatal"] = "Fatal";
@@ -6404,6 +6538,14 @@ const ERROR_INFO = {
     messageTextKey: "MODULE_LOAD_ERROR",
     level: "Fatal"
     /* Fatal */
+  },
+  [
+    7100
+    /* DRM_LICENSE */
+  ]: {
+    messageTextKey: "DRM_LICENSE",
+    level: "Fatal"
+    /* Fatal */
   }
 };
 const ERROR_TYPE_INFO = {
@@ -6486,7 +6628,7 @@ let VeError$1 = class VeError extends Error {
     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);
     /**
-     * @brief 错误码，对应[错误码字典](#错误码)。
+     * @brief 错误码，对应[错误码字典](#ErrorCode)。
      */
     __publicField(this, "errorCode");
     /**
@@ -6559,7 +6701,7 @@ var Poster = /* @__PURE__ */ function(_Plugin) {
     }
   }, {
     key: "show",
-    value: function show() {
+    value: function show(value) {
       util$1.removeClass(this.root, "hide");
     }
   }, {
@@ -6638,10 +6780,11 @@ var Poster = /* @__PURE__ */ function(_Plugin) {
   }, {
     key: "render",
     value: function render() {
-      var _this$config = this.config, poster = _this$config.poster, hideCanplay = _this$config.hideCanplay, fillMode = _this$config.fillMode;
+      var _this$config = this.config, poster = _this$config.poster, hideCanplay = _this$config.hideCanplay, fillMode = _this$config.fillMode, notHidden = _this$config.notHidden;
       var _bg = this.getBgSize(fillMode);
       var style = poster ? "background-image:url(".concat(poster, ");").concat(_bg) : _bg;
-      return '<xg-poster class="xgplayer-poster '.concat(hideCanplay ? "xg-showplay" : "", '" style="').concat(style, '">\n    </xg-poster>');
+      var className = notHidden ? "xg-not-hidden" : hideCanplay ? "xg-showplay" : "";
+      return '<xg-poster class="xgplayer-poster '.concat(className, '" style="').concat(style, '">\n    </xg-poster>');
     }
   }], [{
     key: "pluginName",
@@ -6654,6 +6797,7 @@ var Poster = /* @__PURE__ */ function(_Plugin) {
       return {
         isEndedShow: true,
         hideCanplay: false,
+        notHidden: false,
         poster: "",
         fillMode: "fixWidth"
       };
@@ -6797,7 +6941,7 @@ var Start = /* @__PURE__ */ function(_Plugin) {
     }
   }, {
     key: "show",
-    value: function show() {
+    value: function show(value) {
       util$1.removeClass(this.root, "hide");
     }
   }, {
@@ -7759,14 +7903,14 @@ var PCPlugin = /* @__PURE__ */ function(_BasePlugin) {
     key: "initEvents",
     value: function initEvents() {
       var _this3 = this;
-      var _this$player = this.player, video = _this$player.video, root2 = _this$player.root;
+      var _this$player = this.player, media = _this$player.media, root2 = _this$player.root;
       var enableContextmenu = this.playerConfig.enableContextmenu;
       root2 && root2.addEventListener("click", this.onVideoClick, false);
       root2 && root2.addEventListener("dblclick", this.onVideoDblClick, false);
       Object.keys(MOUSE_EVENTS).map(function(item) {
         root2.addEventListener(item, _this3[MOUSE_EVENTS[item]], false);
       });
-      enableContextmenu && video && video.addEventListener("contextmenu", this.onContextmenu, false);
+      !enableContextmenu && media && media.addEventListener("contextmenu", this.onContextmenu, false);
     }
   }, {
     key: "switchPlayPause",
@@ -9490,16 +9634,6 @@ var Fullscreen = /* @__PURE__ */ function(_IconPlugin) {
         }
       }
     }
-  }, {
-    key: "show",
-    value: function show() {
-      _get(_getPrototypeOf(Fullscreen2.prototype), "show", this).call(this);
-    }
-  }, {
-    key: "hide",
-    value: function hide() {
-      _get(_getPrototypeOf(Fullscreen2.prototype), "hide", this).call(this);
-    }
   }, {
     key: "render",
     value: function render() {
@@ -9955,11 +10089,14 @@ var PIP = /* @__PURE__ */ function(_IconPlugin) {
         }, 0);
         !paused && player.mediaPlay();
         _this3.setAttr("data-state", "normal");
+        _this3.pipWindow = null;
         player.emit(PIP_CHANGE, false);
       };
       this.enterPIPCallback = function(e3) {
         player.emit(PIP_CHANGE, true);
-        _this3.pipWindow = e3.pictureInPictureWindow;
+        if (e3 !== null && e3 !== void 0 && e3.pictureInPictureWindow) {
+          _this3.pipWindow = e3.pictureInPictureWindow;
+        }
         _this3.setAttr("data-state", "pip");
       };
       this.onWebkitpresentationmodechanged = function(e3) {
@@ -9980,10 +10117,33 @@ var PIP = /* @__PURE__ */ function(_IconPlugin) {
         PIP2.checkWebkitSetPresentationMode(player.media) && player.media.addEventListener("webkitpresentationmodechanged", this.onWebkitpresentationmodechanged);
       }
     }
+  }, {
+    key: "copyStyleIntoPiPWindow",
+    value: function copyStyleIntoPiPWindow(pipWin) {
+      var textContent = _toConsumableArray(document.styleSheets).map(function(style2) {
+        try {
+          return _toConsumableArray(style2.cssRules).map(function(rule) {
+            return rule.cssText;
+          }).join("");
+        } catch (e3) {
+          var link = document.createElement("link");
+          link.rel = "stylesheet";
+          link.type = style2.type;
+          link.media = style2.media;
+          link.href = style2.href;
+          pipWin.document.head.appendChild(link);
+        }
+        return "";
+      }).filter(Boolean).join("\n");
+      var style = document.createElement("style");
+      style.textContent = textContent;
+      pipWin.document.head.appendChild(style);
+    }
   }, {
     key: "requestPIP",
     value: function requestPIP() {
-      var player = this.player, playerConfig = this.playerConfig;
+      var _this4 = this;
+      var player = this.player, playerConfig = this.playerConfig, config = this.config;
       if (!this.isPIPAvailable() || this.isPip) {
         return;
       }
@@ -9992,7 +10152,62 @@ var PIP = /* @__PURE__ */ function(_IconPlugin) {
         if (poster) {
           player.media.poster = util$1.typeOf(poster) === "String" ? poster : poster.poster;
         }
-        PIP2.checkWebkitSetPresentationMode(player.media) ? player.media.webkitSetPresentationMode("picture-in-picture") : player.media.requestPictureInPicture();
+        if (config.preferDocument && this.isDocPIPAvailable()) {
+          var pipOptions = {};
+          if (config.width && config.height) {
+            pipOptions.width = config.width;
+            pipOptions.height = config.height;
+          } else {
+            var playerRect = player.root.getBoundingClientRect();
+            pipOptions.width = playerRect.width;
+            pipOptions.height = playerRect.height;
+          }
+          documentPictureInPicture.requestWindow(pipOptions).then(function(pipWin) {
+            var docPiPNode = config.docPiPNode, docPiPStyle = config.docPiPStyle;
+            _this4.enterPIPCallback();
+            var pipRoot = docPiPNode || player.root;
+            var parentNode = pipRoot.parentElement;
+            var previousSibling = pipRoot.previousSibling;
+            var nextSibling = pipRoot.nextSibling;
+            _this4.copyStyleIntoPiPWindow(pipWin);
+            var styles = document.createElement("style");
+            styles.append("body{padding:0; margin:0;}");
+            if (docPiPStyle) {
+              var cssContent = "";
+              if (typeof docPiPStyle === "string") {
+                cssContent = docPiPStyle;
+              } else if (typeof docPiPStyle === "function") {
+                cssContent = docPiPStyle.call(config);
+              }
+              if (cssContent) {
+                styles.append(cssContent);
+              }
+            } else if (pipRoot === player.root) {
+              styles.append("\n              .xgplayer{width: 100%!important; height: 100%!important;}\n            ");
+            }
+            pipWin.document.head.append(styles);
+            pipWin.document.body.append(pipRoot);
+            pipWin.addEventListener("pagehide", function(event) {
+              if (parentNode) {
+                if (nextSibling) {
+                  parentNode.insertBefore(pipRoot, nextSibling);
+                } else if (previousSibling) {
+                  parentNode.insertBefore(pipRoot, previousSibling.nextSibling);
+                } else {
+                  parentNode.appendChild(pipRoot);
+                }
+              } else {
+              }
+              _this4.leavePIPCallback();
+            }, {
+              once: true
+            });
+          });
+        } else if (PIP2.checkWebkitSetPresentationMode(player.media)) {
+          player.media.webkitSetPresentationMode("picture-in-picture");
+        } else {
+          player.media.requestPictureInPicture();
+        }
         return true;
       } catch (reason) {
         console.error("requestPiP", reason);
@@ -10005,7 +10220,14 @@ var PIP = /* @__PURE__ */ function(_IconPlugin) {
       var player = this.player;
       try {
         if (this.isPIPAvailable() && this.isPip) {
-          PIP2.checkWebkitSetPresentationMode(player.media) ? player.media.webkitSetPresentationMode("inline") : document.exitPictureInPicture();
+          var _documentPictureInPic;
+          if (this.isDocPIPAvailable() && (_documentPictureInPic = documentPictureInPicture) !== null && _documentPictureInPic !== void 0 && _documentPictureInPic.window) {
+            documentPictureInPicture.window.close();
+          } else if (PIP2.checkWebkitSetPresentationMode(player.media)) {
+            player.media.webkitSetPresentationMode("inline");
+          } else {
+            document.exitPictureInPicture();
+          }
         }
         return true;
       } catch (reason) {
@@ -10016,15 +10238,21 @@ var PIP = /* @__PURE__ */ function(_IconPlugin) {
   }, {
     key: "isPip",
     get: function get() {
+      var _documentPictureInPic2;
       var player = this.player;
-      return document.pictureInPictureElement && document.pictureInPictureElement === player.media || player.media.webkitPresentationMode === PresentationMode.PIP;
+      return !!(this.isDocPIPAvailable() && (_documentPictureInPic2 = documentPictureInPicture) !== null && _documentPictureInPic2 !== void 0 && _documentPictureInPic2.window) || document.pictureInPictureElement && document.pictureInPictureElement === player.media || player.media.webkitPresentationMode === PresentationMode.PIP;
     }
   }, {
     key: "isPIPAvailable",
     value: function isPIPAvailable() {
       var video = this.player.media;
       var _isEnabled = util$1.typeOf(document.pictureInPictureEnabled) === "Boolean" ? document.pictureInPictureEnabled : true;
-      return _isEnabled && (util$1.typeOf(video.disablePictureInPicture) === "Boolean" && !video.disablePictureInPicture || video.webkitSupportsPresentationMode && util$1.typeOf(video.webkitSetPresentationMode) === "Function");
+      return _isEnabled && (util$1.typeOf(video.disablePictureInPicture) === "Boolean" && !video.disablePictureInPicture || video.webkitSupportsPresentationMode && util$1.typeOf(video.webkitSetPresentationMode) === "Function") || this.isDocPIPAvailable();
+    }
+  }, {
+    key: "isDocPIPAvailable",
+    value: function isDocPIPAvailable() {
+      return "documentPictureInPicture" in window && /^(https|file)/.test(location.protocol);
     }
   }, {
     key: "destroy",
@@ -10056,7 +10284,12 @@ var PIP = /* @__PURE__ */ function(_IconPlugin) {
       return {
         position: POSITIONS$2.CONTROLS_RIGHT,
         index: 6,
-        showIcon: false
+        showIcon: false,
+        preferDocument: false,
+        width: void 0,
+        height: void 0,
+        docPiPNode: void 0,
+        docPiPStyle: void 0
       };
     }
   }, {
@@ -12124,7 +12357,7 @@ class DefinitionPlugin extends OptionsIcon {
     }
     this._waitingStartTime = Date.now();
     const currentTime = this.player.currentTime;
-    this._timer = setTimeout(() => {
+    this._timer = window.setTimeout(() => {
       if (this.player && this.player.currentTime <= currentTime + 0.1) {
         this.player.emit(Events$1.LONG_WAITING);
         if (this.config.needFallback) {
@@ -12229,7 +12462,8 @@ const NAME_MAP = {
   "plugin:hls": "veplayer.plugin.hls.[env].[ext]",
   "plugin:shaka": "veplayer.plugin.shaka.[env].[ext]",
   "plugin:rtm": "veplayer.plugin.rtm.[env].[ext]",
-  "plugin:xgvideo": "veplayer.plugin.xgvideo.[env].[ext]"
+  "plugin:xgvideo": "veplayer.plugin.xgvideo.[env].[ext]",
+  "plugin:drm": "veplayer.plugin.drm.[env].[ext]"
 };
 var DynamicModule = /* @__PURE__ */ ((DynamicModule2) => {
   DynamicModule2["BizVod"] = "biz:vod";
@@ -12240,6 +12474,7 @@ var DynamicModule = /* @__PURE__ */ ((DynamicModule2) => {
   DynamicModule2["PluginShaka"] = "plugin:shaka";
   DynamicModule2["PluginRtm"] = "plugin:rtm";
   DynamicModule2["PluginXgvideo"] = "plugin:xgvideo";
+  DynamicModule2["PluginDrm"] = "plugin:drm";
   return DynamicModule2;
 })(DynamicModule || {});
 class Loader {
@@ -12283,13 +12518,13 @@ class Loader {
         src: src2 ?? moduleSrc,
         name,
         state: 0,
-        exports: {}
+        exports: { __PLUGIN_NAME__: name }
       };
       this.modules[name] = module;
       this.mountPromiseMap[name] = this._mount(module);
       return this.mountPromiseMap[name];
     });
-    __publicField(this, "register", (name, exports) => {
+    __publicField(this, "registerPlugin", (name, exports) => {
       if (!this._moduleSystem) {
         throw new Error(
           `You have to specify moduleSystem first, call setModuleSystem(moduleSystem) to set module system`
@@ -12316,6 +12551,11 @@ class Loader {
       }
       return this.modules[name].exports;
     });
+    __publicField(this, "register", (exports) => {
+      return exports.map((exportModule) => {
+        return this.registerPlugin(exportModule.__PLUGIN_NAME__, exportModule);
+      });
+    });
     this._baseUrl = options.baseUrl;
   }
   get baseUrl() {
@@ -12355,6 +12595,7 @@ const baseUrl = src.slice(0, src.lastIndexOf("/"));
 const loader = new Loader({
   baseUrl
 });
+const registerPlugin = loader.registerPlugin;
 const register2 = loader.register;
 function setModuleSystem(moduleSystem) {
   loader.setModuleSystem(moduleSystem);
@@ -12544,7 +12785,7 @@ class Autoplay extends Plugin {
   }
   wxCanPlayFn() {
     window.WeixinJSBridge && window.WeixinJSBridge.invoke("getNetworkType", {}, () => {
-      this._wxTimer = setTimeout(() => {
+      this._wxTimer = window.setTimeout(() => {
         this._wxTimer && clearTimeout(this._wxTimer);
         const ret = this.player.play();
         if (ret && ret.then) {
@@ -12618,8 +12859,8 @@ class Autoplay extends Plugin {
     this._state.showUnmuteBt = true;
     this._state.mode = 1;
     this.renderUnmuteBt();
-    this._timer = setTimeout(() => {
-      this._timer && clearTimeout(this._timer);
+    this._timer = window.setTimeout(() => {
+      this._timer && window.clearTimeout(this._timer);
       const ret = this.player.play();
       if (ret && ret.then) {
         ret.then(() => {
@@ -13022,6 +13263,7 @@ const EN$1 = {
   MEDIA_ERR_CODEC_NOT_SUPPORTED: "Audio/video codec is not supported",
   MEDIA_ERR_URL_EMPTY: "The stream address is not specified",
   DRM: "Permission verification failed",
+  DRM_LICENSE: "Commercial DRM Permission verification failed",
   OTHER: "Unknown error",
   RUNTIME: "An error occurred, Please try again",
   MODULE_LOAD_ERROR: "CDN fetch error",
@@ -13048,6 +13290,7 @@ const ZH_CN$1 = {
   MEDIA_ERR_CODEC_NOT_SUPPORTED: "不支持的音频/视频格式",
   MEDIA_ERR_URL_EMPTY: "当前播放地址为空",
   DRM: "权限验证失败",
+  DRM_LICENSE: "商业 DRM LICENSE 鉴权失败",
   OTHER: "其他报错",
   RUNTIME: "播放异常，请重试",
   MODULE_LOAD_ERROR: "插件模块加载异常",
@@ -13437,7 +13680,7 @@ class VePlayerBase {
   /**
    * @brief 调用此方法监听指定事件，事件处理函数只执行一次。
    * @param event 表示事件的名称。
-   * @param callback 表示事件的名称。
+   * @param callback 表示事件的回调函数。
    */
   once(event, callback) {
     var _a;
@@ -13453,7 +13696,7 @@ class VePlayerBase {
   /**
    * @brief 调用此方法解绑或移除指定事件的事件监听。
    * @param event 表示事件的名称。
-   * @param callback 表示事件的名称。
+   * @param callback 表示事件的回调函数。
    */
   off(event, callback) {
     var _a;
@@ -13482,8 +13725,8 @@ class VePlayerBase {
   }
   /**
    * @brief 调用此方法监听指定事件。
-   * @param event 事件。
-   * @param callback 事件回调。
+   * @param event 表示事件名称。
+   * @param callback 表示事件的回调函数。
    */
   on(event, callback) {
     var _a;
@@ -18287,7 +18530,7 @@ const getFlvStrategy = async (options) => {
   const combineOptions$1 = combineOptions([mseStrategy, softStrategy]);
   const plugins = [];
   if (enableLowLatency) {
-    combineOptions$1.url = appendSearchParams(options.url, { abr_pt: abrPts });
+    combineOptions$1.url = appendSearchParams(options.url, { abr_pts: abrPts });
   }
   if (mseModule) {
     plugins.push(mseModule.FlvPlugin);
@@ -18555,6 +18798,29 @@ const getRtmStrategy = async (options, player) => {
     plugins: rtmCdn ? [rtmCdn] : []
   };
 };
+var DrmType = /* @__PURE__ */ ((DrmType2) => {
+  DrmType2["Fairplay"] = "fairplay";
+  return DrmType2;
+})(DrmType || {});
+function getDrmType(drm) {
+  if ((drm == null ? void 0 : drm.fairplay) && (sniffer$1.browser === "safari" || sniffer$1.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 getTypeStrategy = async (options, player) => {
   const type = options.url ? util.getStreamType(options.url) : "";
   if (!type || type === "unknown") {
@@ -18567,6 +18833,9 @@ const getTypeStrategy = async (options, player) => {
     return await getFlvStrategy(options);
   }
   if (type === "hls") {
+    if (!isMseSupportedWithDrm({ drm: options.drm, streamType: type })) {
+      return { options: {}, plugins: [] };
+    }
     return await getHlsStrategy(options);
   }
   return { options: {}, plugins: [] };
@@ -18701,9 +18970,9 @@ var debounce$1 = /* @__PURE__ */ getDefaultExportFromCjs(lodash_debounce);
 const Events = {
   ...Events$1,
   // 直播的Events
-  TIME_SHIFT_CHANGE: "time_shift_change",
+  TIME_SHIFT_CHANGE: "timeShiftChange",
   // 切换时移状态
-  REFRESH_CLICK: "refresh_click"
+  REFRESH_CLICK: "refreshClick"
   // 触发刷新
 };
 function RefreshIcon() {
@@ -21243,9 +21512,6 @@ const hashCode = (str) => {
 const generateSessionId = () => {
   return v4().replace(/-/g, "") + "." + Date.now() + "." + hashCode(v4().replace(/-/g, ""));
 };
-const CN_APPID = 468759;
-const CHANNEL = "cn";
-const CHANNEL_DOMAIN = "//mcs.volceapplog.com";
 class Logger extends Plugin {
   constructor() {
     super(...arguments);
@@ -21300,9 +21566,8 @@ class Logger extends Plugin {
   }
   _createTea() {
     q.init({
-      app_id: CN_APPID,
-      channel: CHANNEL,
-      channel_domain: CHANNEL_DOMAIN
+      app_id: 468759,
+      channel: "cn"
     });
     q.start();
     q.config({
@@ -21321,9 +21586,9 @@ class Logger extends Plugin {
       user_id: this._userId,
       device_id: this._deviceId,
       ext: {
-        veplayer_version: "2.2.0-rc.2",
-        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"
       }
     });
@@ -21471,7 +21736,7 @@ class InfoPanel extends Plugin {
   _tick() {
     clearTimeout(this._pollTimer);
     this._renderPanel();
-    this._pollTimer = setTimeout(() => {
+    this._pollTimer = window.setTimeout(() => {
       this._tick();
     }, this.config.interval);
   }
@@ -21587,6 +21852,37 @@ const ZH_CN = {
   DECODE_INFO: "软解信息",
   REFRESH: "刷新"
 };
+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(DynamicModule.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 {};
+};
 VeI18n.extend([
   {
     LANG: "zh-cn",
@@ -21642,6 +21938,14 @@ class VePlayerLive extends VePlayerBase {
     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;
@@ -21666,7 +21970,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
@@ -21699,6 +22012,7 @@ export {
   Degradation,
   DynamicModule,
   EN$1 as EN,
+  ListType,
   POSITIONS$1 as POSITIONS,
   Plugin,
   RTMCodec,
@@ -21712,5 +22026,6 @@ export {
   live,
   load,
   register2 as register,
+  registerPlugin,
   util
 };