@volcengine/veplayer 2.2.1-rc.0 → 2.3.0-rc.0

package/umd/veplayer.live.development.js

@@ -52,8 +52,8 @@ var __publicField = (obj, key, value) => {
       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");
     }
   }
@@ -1458,7 +1458,7 @@ var __publicField = (obj, key, value) => {
       }
     }
   };
-  var version = "3.0.11-alpha.2";
+  var version = "3.0.12";
   var ERROR_TYPE_MAP = {
     1: "media",
     2: "media",
@@ -2320,10 +2320,10 @@ var __publicField = (obj, key, value) => {
     }, {
       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() {
@@ -2333,10 +2333,10 @@ var __publicField = (obj, key, value) => {
     }, {
       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() {
@@ -2347,8 +2347,8 @@ var __publicField = (obj, key, value) => {
       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);
         };
@@ -2360,14 +2360,14 @@ var __publicField = (obj, key, value) => {
     }, {
       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;
@@ -2484,24 +2484,24 @@ var __publicField = (obj, key, value) => {
       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++) {
@@ -2719,7 +2719,7 @@ var __publicField = (obj, key, value) => {
       }
     }, {
       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) {
@@ -3078,7 +3078,7 @@ var __publicField = (obj, key, value) => {
       }
     }, {
       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;
@@ -3217,7 +3217,7 @@ var __publicField = (obj, key, value) => {
         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";
         }
       }
     }, {
@@ -3474,28 +3474,11 @@ var __publicField = (obj, key, value) => {
       !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;
@@ -3570,7 +3553,7 @@ var __publicField = (obj, key, value) => {
       }
       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");
@@ -3769,37 +3752,6 @@ var __publicField = (obj, key, value) => {
         }
       });
     },
-    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]) {
@@ -4055,7 +4007,7 @@ var __publicField = (obj, key, value) => {
       }
     }, {
       key: "show",
-      value: function show() {
+      value: function show(value) {
         this.root.style.display = "";
         this.player.focus();
       }
@@ -4071,7 +4023,7 @@ var __publicField = (obj, key, value) => {
       }
     }, {
       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) {
@@ -4348,9 +4300,158 @@ var __publicField = (obj, key, value) => {
     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);
@@ -4363,11 +4464,11 @@ var __publicField = (obj, key, value) => {
         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();
@@ -4458,6 +4559,7 @@ var __publicField = (obj, key, value) => {
       _this.isSeeking = false;
       _this.isCanplay = false;
       _this._useAutoplay = false;
+      _this.__startTime = -1;
       _this.rotateDeg = 0;
       _this.isActive = false;
       _this.fullscreen = false;
@@ -4512,6 +4614,7 @@ var __publicField = (obj, key, value) => {
       _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")));
@@ -4549,7 +4652,7 @@ var __publicField = (obj, key, value) => {
     _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;
@@ -4565,12 +4668,13 @@ var __publicField = (obj, key, value) => {
             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;
@@ -4713,10 +4817,13 @@ var __publicField = (obj, key, value) => {
           !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);
@@ -4809,7 +4916,7 @@ var __publicField = (obj, key, value) => {
       }
     }, {
       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;
@@ -4958,6 +5065,7 @@ var __publicField = (obj, key, value) => {
         }
         _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) {
@@ -4967,7 +5075,10 @@ var __publicField = (obj, key, value) => {
             reject(e2);
           };
           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();
             }
@@ -5194,7 +5305,7 @@ var __publicField = (obj, key, value) => {
         clsList.forEach(function(cls) {
           _this16.removeClass(cls);
         });
-        this.addClass(STATE_CLASS.ENTER);
+        this.addClass(STATE_CLASS.NO_START);
         this.emit(RESET);
       }
     }, {
@@ -5223,7 +5334,7 @@ var __publicField = (obj, key, value) => {
     }, {
       key: "destroy",
       value: function destroy() {
-        var _this18 = this;
+        var _instManager2, _this18 = this;
         var innerContainer = this.innerContainer, root2 = this.root, media = this.media;
         if (!root2 || !media) {
           return;
@@ -5236,6 +5347,7 @@ var __publicField = (obj, key, value) => {
         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);
@@ -5587,6 +5699,14 @@ var __publicField = (obj, key, value) => {
         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() {
@@ -5764,8 +5884,9 @@ var __publicField = (obj, key, value) => {
     }, {
       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;
@@ -5776,6 +5897,7 @@ var __publicField = (obj, key, value) => {
           return;
         }
         this.videoPos.pi = _pi;
+        rotate = rotate < 0 ? 0 : rotate;
         var _pos = {
           rotate
         };
@@ -6208,7 +6330,8 @@ var __publicField = (obj, key, value) => {
       }
     }, {
       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;
@@ -6223,15 +6346,25 @@ var __publicField = (obj, key, value) => {
       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 setCurrentUserActive(playerId, isActive) {
-        pluginsManager.setCurrentUserActive(playerId, isActive);
+        var _instManager4;
+        (_instManager4 = instManager) === null || _instManager4 === void 0 ? void 0 : _instManager4.setActive(playerId, isActive);
       }
     }, {
       key: "isHevcSupported",
@@ -6266,6 +6399,7 @@ var __publicField = (obj, key, value) => {
   }(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";
@@ -6408,6 +6542,14 @@ var __publicField = (obj, key, value) => {
       messageTextKey: "MODULE_LOAD_ERROR",
       level: "Fatal"
       /* Fatal */
+    },
+    [
+      7100
+      /* DRM_LICENSE */
+    ]: {
+      messageTextKey: "DRM_LICENSE",
+      level: "Fatal"
+      /* Fatal */
     }
   };
   const ERROR_TYPE_INFO = {
@@ -6490,7 +6632,7 @@ var __publicField = (obj, key, value) => {
       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");
       /**
@@ -6563,7 +6705,7 @@ var __publicField = (obj, key, value) => {
       }
     }, {
       key: "show",
-      value: function show() {
+      value: function show(value) {
         util$1.removeClass(this.root, "hide");
       }
     }, {
@@ -6642,10 +6784,11 @@ var __publicField = (obj, key, value) => {
     }, {
       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",
@@ -6658,6 +6801,7 @@ var __publicField = (obj, key, value) => {
         return {
           isEndedShow: true,
           hideCanplay: false,
+          notHidden: false,
           poster: "",
           fillMode: "fixWidth"
         };
@@ -6801,7 +6945,7 @@ var __publicField = (obj, key, value) => {
       }
     }, {
       key: "show",
-      value: function show() {
+      value: function show(value) {
         util$1.removeClass(this.root, "hide");
       }
     }, {
@@ -7763,14 +7907,14 @@ var __publicField = (obj, key, value) => {
       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",
@@ -9494,16 +9638,6 @@ var __publicField = (obj, key, value) => {
           }
         }
       }
-    }, {
-      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() {
@@ -9959,11 +10093,14 @@ var __publicField = (obj, key, value) => {
           }, 0);
           !paused && player.mediaPlay();
           _this3.setAttr("data-state", "normal");
+          _this3.pipWindow = null;
           player.emit(PIP_CHANGE, false);
         };
         this.enterPIPCallback = function(e2) {
           player.emit(PIP_CHANGE, true);
-          _this3.pipWindow = e2.pictureInPictureWindow;
+          if (e2 !== null && e2 !== void 0 && e2.pictureInPictureWindow) {
+            _this3.pipWindow = e2.pictureInPictureWindow;
+          }
           _this3.setAttr("data-state", "pip");
         };
         this.onWebkitpresentationmodechanged = function(e2) {
@@ -9984,10 +10121,33 @@ var __publicField = (obj, key, value) => {
           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 (e2) {
+            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;
         }
@@ -9996,7 +10156,62 @@ var __publicField = (obj, key, value) => {
           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);
@@ -10009,7 +10224,14 @@ var __publicField = (obj, key, value) => {
         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) {
@@ -10020,15 +10242,21 @@ var __publicField = (obj, key, value) => {
     }, {
       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",
@@ -10060,7 +10288,12 @@ var __publicField = (obj, key, value) => {
         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
         };
       }
     }, {
@@ -12128,7 +12361,7 @@ var __publicField = (obj, key, value) => {
       }
       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) {
@@ -12233,7 +12466,8 @@ var __publicField = (obj, key, value) => {
     "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";
@@ -12244,6 +12478,7 @@ var __publicField = (obj, key, value) => {
     DynamicModule2["PluginShaka"] = "plugin:shaka";
     DynamicModule2["PluginRtm"] = "plugin:rtm";
     DynamicModule2["PluginXgvideo"] = "plugin:xgvideo";
+    DynamicModule2["PluginDrm"] = "plugin:drm";
     return DynamicModule2;
   })(DynamicModule || {});
   class Loader {
@@ -12287,13 +12522,13 @@ var __publicField = (obj, key, value) => {
           src: src2 ?? moduleSrc,
           name,
           state: 0,
-          exports: {}
+          exports: { __PLUGIN_NAME__: name }
         };
         this.modules[name] = module2;
         this.mountPromiseMap[name] = this._mount(module2);
         return this.mountPromiseMap[name];
       });
-      __publicField(this, "register", (name, exports3) => {
+      __publicField(this, "registerPlugin", (name, exports3) => {
         if (!this._moduleSystem) {
           throw new Error(
             `You have to specify moduleSystem first, call setModuleSystem(moduleSystem) to set module system`
@@ -12320,6 +12555,11 @@ var __publicField = (obj, key, value) => {
         }
         return this.modules[name].exports;
       });
+      __publicField(this, "register", (exports3) => {
+        return exports3.map((exportModule) => {
+          return this.registerPlugin(exportModule.__PLUGIN_NAME__, exportModule);
+        });
+      });
       this._baseUrl = options.baseUrl;
     }
     get baseUrl() {
@@ -12359,6 +12599,7 @@ var __publicField = (obj, key, value) => {
   const loader = new Loader({
     baseUrl
   });
+  const registerPlugin = loader.registerPlugin;
   const register = loader.register;
   function setModuleSystem(moduleSystem) {
     loader.setModuleSystem(moduleSystem);
@@ -12548,7 +12789,7 @@ var __publicField = (obj, key, value) => {
     }
     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) {
@@ -12622,8 +12863,8 @@ var __publicField = (obj, key, value) => {
       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(() => {
@@ -13026,6 +13267,7 @@ var __publicField = (obj, key, value) => {
     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",
@@ -13052,6 +13294,7 @@ var __publicField = (obj, key, value) => {
     MEDIA_ERR_CODEC_NOT_SUPPORTED: "不支持的音频/视频格式",
     MEDIA_ERR_URL_EMPTY: "当前播放地址为空",
     DRM: "权限验证失败",
+    DRM_LICENSE: "商业 DRM LICENSE 鉴权失败",
     OTHER: "其他报错",
     RUNTIME: "播放异常，请重试",
     MODULE_LOAD_ERROR: "插件模块加载异常",
@@ -13441,7 +13684,7 @@ var __publicField = (obj, key, value) => {
     /**
      * @brief 调用此方法监听指定事件，事件处理函数只执行一次。
      * @param event 表示事件的名称。
-     * @param callback 表示事件的名称。
+     * @param callback 表示事件的回调函数。
      */
     once(event, callback) {
       var _a;
@@ -13457,7 +13700,7 @@ var __publicField = (obj, key, value) => {
     /**
      * @brief 调用此方法解绑或移除指定事件的事件监听。
      * @param event 表示事件的名称。
-     * @param callback 表示事件的名称。
+     * @param callback 表示事件的回调函数。
      */
     off(event, callback) {
       var _a;
@@ -13486,8 +13729,8 @@ var __publicField = (obj, key, value) => {
     }
     /**
      * @brief 调用此方法监听指定事件。
-     * @param event 事件。
-     * @param callback 事件回调。
+     * @param event 表示事件名称。
+     * @param callback 表示事件的回调函数。
      */
     on(event, callback) {
       var _a;
@@ -18559,6 +18802,29 @@ var __publicField = (obj, key, value) => {
       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") {
@@ -18571,6 +18837,9 @@ var __publicField = (obj, key, value) => {
       return await getFlvStrategy(options);
     }
     if (type === "hls") {
+      if (!isMseSupportedWithDrm({ drm: options.drm, streamType: type })) {
+        return { options: {}, plugins: [] };
+      }
       return await getHlsStrategy(options);
     }
     return { options: {}, plugins: [] };
@@ -18705,9 +18974,9 @@ var __publicField = (obj, key, value) => {
   const Events = {
     ...Events$1,
     // 直播的Events
-    TIME_SHIFT_CHANGE: "time_shift_change",
+    TIME_SHIFT_CHANGE: "timeShiftChange",
     // 切换时移状态
-    REFRESH_CLICK: "refresh_click"
+    REFRESH_CLICK: "refreshClick"
     // 触发刷新
   };
   function RefreshIcon() {
@@ -21247,9 +21516,6 @@ var __publicField = (obj, key, value) => {
   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);
@@ -21304,9 +21570,8 @@ var __publicField = (obj, key, value) => {
     }
     _createTea() {
       q.init({
-        app_id: CN_APPID,
-        channel: CHANNEL,
-        channel_domain: CHANNEL_DOMAIN
+        app_id: 468759,
+        channel: "cn"
       });
       q.start();
       q.config({
@@ -21325,9 +21590,9 @@ var __publicField = (obj, key, value) => {
         user_id: this._userId,
         device_id: this._deviceId,
         ext: {
-          veplayer_version: "2.2.1-rc.0",
-          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"
         }
       });
@@ -21475,7 +21740,7 @@ var __publicField = (obj, key, value) => {
     _tick() {
       clearTimeout(this._pollTimer);
       this._renderPanel();
-      this._pollTimer = setTimeout(() => {
+      this._pollTimer = window.setTimeout(() => {
         this._tick();
       }, this.config.interval);
     }
@@ -21591,6 +21856,37 @@ var __publicField = (obj, key, value) => {
     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((module2) => module2.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",
@@ -21646,6 +21942,14 @@ var __publicField = (obj, key, value) => {
       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;
@@ -21670,7 +21974,16 @@ var __publicField = (obj, key, value) => {
           };
         },
         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
@@ -21697,12 +22010,12 @@ var __publicField = (obj, key, value) => {
   setModuleSystem("umd");
   const isMseSupported = util.isMseSupported;
   const isSoftDecodeSupported = util.isSoftDecodeSupported;
-  if (typeof VePlayer.register !== "undefined") {
-    VePlayer.register(DynamicModule.BizLive, {
+  if (typeof VePlayer.registerPlugin !== "undefined") {
+    VePlayer.registerPlugin(DynamicModule.BizLive, {
       createLivePlayer
     });
   } else {
-    register(DynamicModule.BizLive, {
+    registerPlugin(DynamicModule.BizLive, {
       createLivePlayer
     });
   }
@@ -21711,6 +22024,7 @@ var __publicField = (obj, key, value) => {
   exports2.Degradation = Degradation;
   exports2.DynamicModule = DynamicModule;
   exports2.EN = EN$1;
+  exports2.ListType = ListType;
   exports2.POSITIONS = POSITIONS$1;
   exports2.Plugin = Plugin;
   exports2.RTMCodec = RTMCodec;
@@ -21724,5 +22038,6 @@ var __publicField = (obj, key, value) => {
   exports2.live = live;
   exports2.load = load;
   exports2.register = register;
+  exports2.registerPlugin = registerPlugin;
   exports2.util = util;
 });