xgplayer 2.32.5 → 2.32.6

package/es/plugin/pluginsManager.js

@@ -0,0 +1,362 @@
+import { addObserver, unObserver } from "./resizeObserver.js";
+import util from "../utils/util.js";
+var pluginsManager = {
+  pluginGroup: {},
+  init: function init(player) {
+    var cgid = player._pluginInfoId;
+    if (!cgid) {
+      cgid = new Date().getTime();
+      player._pluginInfoId = cgid;
+    }
+    !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(root) {
+    if (this.pluginGroup) {
+      var _keys = Object.keys(this.pluginGroup);
+      for (var i = 0; i < _keys.length; i++) {
+        var _p = this.pluginGroup[_keys[i]]._player;
+        if (_p.root === root) {
+          return _p;
+        }
+      }
+      return null;
+    }
+    return null;
+  },
+  formatPluginInfo: function formatPluginInfo(plugin, config) {
+    var PLUFGIN = null;
+    var options = null;
+    if (plugin.plugin && typeof plugin.plugin === "function") {
+      PLUFGIN = plugin.plugin;
+      options = plugin.options;
+    } else {
+      PLUFGIN = plugin;
+      options = {};
+    }
+    if (config) {
+      options.config = config || {};
+    }
+    return {
+      PLUFGIN,
+      options
+    };
+  },
+  checkPluginIfExits: function checkPluginIfExits(pluginName, plugins) {
+    for (var i = 0; i < plugins.length; i++) {
+      if (pluginName.toLowerCase() === plugins[i].pluginName.toLowerCase()) {
+        return true;
+      }
+    }
+    return false;
+  },
+  getRootByConfig: function getRootByConfig(pluginName, playerConfig) {
+    var keys = Object.keys(playerConfig);
+    var _pConfig = null;
+    for (var i = 0; i < keys.length; i++) {
+      if (pluginName.toLowerCase() === keys[i].toLowerCase()) {
+        _pConfig = playerConfig[keys[i]];
+        break;
+      }
+    }
+    if (util.typeOf(_pConfig) === "Object") {
+      return {
+        root: _pConfig.root,
+        position: _pConfig.position
+      };
+    }
+    return {};
+  },
+  lazyRegister: function lazyRegister(player, lazyPlugin) {
+    var _this = this;
+    var timeout = lazyPlugin.timeout || 1500;
+    return Promise.race([lazyPlugin.loader().then(function(plugin) {
+      var result;
+      if (plugin && plugin.__esModule) {
+        result = plugin.default;
+      } else {
+        result = plugin;
+      }
+      _this.register(player, result, plugin.options);
+    }), new Promise(function(resolve, reject) {
+      setTimeout(function() {
+        reject(new Error("timeout"));
+      }, timeout);
+    })]);
+  },
+  register: function register(player, plugin) {
+    var options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
+    if (!player || !plugin || typeof plugin !== "function" || plugin.prototype === void 0) {
+      return;
+    }
+    var cgid = player._pluginInfoId;
+    if (!cgid || !this.pluginGroup[cgid]) {
+      return;
+    }
+    if (!this.pluginGroup[cgid]._plugins) {
+      this.pluginGroup[cgid]._plugins = {};
+    }
+    var plugins = this.pluginGroup[cgid]._plugins;
+    var originalOptions = this.pluginGroup[cgid]._originalOptions;
+    options.player = this.pluginGroup[cgid]._player;
+    var pluginName = options.pluginName || plugin.pluginName;
+    if (!pluginName) {
+      throw new Error("The property pluginName is necessary");
+    }
+    if (plugin.isSupported && !plugin.isSupported(player.config.mediaType, player.config.codecType)) {
+      console.warn("not supported plugin [".concat(pluginName, "]"));
+      return;
+    }
+    if (!options.config) {
+      options.config = {};
+    }
+    var keys = Object.keys(originalOptions);
+    for (var i = 0; i < keys.length; i++) {
+      if (pluginName.toLowerCase() === keys[i].toLowerCase()) {
+        var config = originalOptions[keys[i]];
+        if (util.typeOf(config) === "Object") {
+          options.config = Object.assign({}, options.config, originalOptions[keys[i]]);
+        } else if (util.typeOf(config) === "Boolean") {
+          options.config.disable = !config;
+        }
+        break;
+      }
+    }
+    if (plugin.defaultConfig) {
+      Object.keys(plugin.defaultConfig).forEach(function(key) {
+        if (typeof options.config[key] === "undefined") {
+          options.config[key] = plugin.defaultConfig[key];
+        }
+      });
+    }
+    if (!options.root) {
+      options.root = player.root;
+    } else if (typeof options.root === "string") {
+      options.root = player[options.root];
+    }
+    options.index = options.config.index || 0;
+    try {
+      if (plugins[pluginName.toLowerCase()]) {
+        this.unRegister(cgid, pluginName.toLowerCase());
+        console.warn("the is one plugin with same pluginName [".concat(pluginName, "] exist, destroy the old instance"));
+      }
+      var _instance = new plugin(options);
+      plugins[pluginName.toLowerCase()] = _instance;
+      plugins[pluginName.toLowerCase()].func = plugin;
+      if (_instance && typeof _instance.afterCreate === "function") {
+        _instance.afterCreate();
+      }
+      return _instance;
+    } catch (err) {
+      console.error(err);
+      throw err;
+    }
+  },
+  unRegister: function unRegister(cgid, name) {
+    if (cgid._pluginInfoId) {
+      cgid = cgid._pluginInfoId;
+    }
+    name = name.toLowerCase();
+    try {
+      var plugin = this.pluginGroup[cgid]._plugins[name];
+      if (plugin) {
+        plugin.pluginName && plugin.__destroy();
+        delete this.pluginGroup[cgid]._plugins[name];
+      }
+    } catch (e) {
+      console.error("[unRegister:".concat(name, "] cgid:[").concat(cgid, "] error"), e);
+    }
+  },
+  deletePlugin: function deletePlugin(player, name) {
+    var cgid = player._pluginInfoId;
+    if (cgid && this.pluginGroup[cgid] && this.pluginGroup[cgid]._plugins) {
+      delete this.pluginGroup[cgid]._plugins[name];
+    }
+  },
+  getPlugins: function getPlugins(player) {
+    var cgid = player._pluginInfoId;
+    return cgid && this.pluginGroup[cgid] ? this.pluginGroup[cgid]._plugins : {};
+  },
+  findPlugin: function findPlugin(player, name) {
+    var cgid = player._pluginInfoId;
+    if (!cgid || !this.pluginGroup[cgid]) {
+      return null;
+    }
+    var cName = name.toLowerCase();
+    return this.pluginGroup[cgid]._plugins[cName];
+  },
+  beforeInit: function beforeInit(player) {
+    var _this2 = this;
+    function retPromise(fun) {
+      if (!fun || !fun.then) {
+        return new Promise(function(resolve) {
+          resolve();
+        });
+      } else {
+        return fun;
+      }
+    }
+    return new Promise(function(resolve) {
+      if (!_this2.pluginGroup) {
+        return;
+      }
+      var prevTask;
+      if (player._loadingPlugins && player._loadingPlugins.length) {
+        prevTask = Promise.all(player._loadingPlugins);
+      } else {
+        prevTask = Promise.resolve();
+      }
+      return prevTask.then(function() {
+        var cgid = player._pluginInfoId;
+        if (!_this2.pluginGroup[cgid]) {
+          resolve();
+          return;
+        }
+        var plugins = _this2.pluginGroup[cgid]._plugins;
+        var pluginsRet = [];
+        Object.keys(plugins).forEach(function(pName) {
+          if (plugins[pName] && plugins[pName].beforePlayerInit) {
+            try {
+              var ret = plugins[pName].beforePlayerInit();
+              pluginsRet.push(retPromise(ret));
+            } catch (e) {
+              pluginsRet.push(retPromise(null));
+              throw e;
+            }
+          }
+        });
+        Promise.all([].concat(pluginsRet)).then(function() {
+          resolve();
+        }).catch(function(e) {
+          console.error(e);
+          resolve();
+        });
+      });
+    });
+  },
+  afterInit: function afterInit(player) {
+    var cgid = player._pluginInfoId;
+    if (!cgid || !this.pluginGroup[cgid]) {
+      return;
+    }
+    var plugins = this.pluginGroup[cgid]._plugins;
+    Object.keys(plugins).forEach(function(pName) {
+      if (plugins[pName] && plugins[pName].afterPlayerInit) {
+        plugins[pName].afterPlayerInit();
+      }
+    });
+  },
+  setLang: function setLang(lang, player) {
+    var cgid = player._pluginInfoId;
+    if (!cgid || !this.pluginGroup[cgid]) {
+      return;
+    }
+    var plugins = this.pluginGroup[cgid]._plugins;
+    Object.keys(plugins).forEach(function(item) {
+      if (plugins[item].updateLang) {
+        plugins[item].updateLang(lang);
+      } else {
+        try {
+          plugins[item].lang = lang;
+        } catch (error) {
+          console.warn("".concat(item, " setLang"));
+        }
+      }
+    });
+  },
+  reRender: function reRender(player) {
+    var _this3 = this;
+    var cgid = player._pluginInfoId;
+    if (!cgid || !this.pluginGroup[cgid]) {
+      return;
+    }
+    var _pList = [];
+    var plugins = this.pluginGroup[cgid]._plugins;
+    Object.keys(plugins).forEach(function(pName) {
+      if (pName !== "controls" && plugins[pName]) {
+        _pList.push({
+          plugin: plugins[pName].func,
+          options: plugins[pName].__args
+        });
+        _this3.unRegister(cgid, pName);
+      }
+    });
+    _pList.forEach(function(item) {
+      _this3.register(player, item.plugin, item.options);
+    });
+  },
+  onPluginsReady: function onPluginsReady(player) {
+    var cgid = player._pluginInfoId;
+    if (!cgid || !this.pluginGroup[cgid]) {
+      return;
+    }
+    var plugins = this.pluginGroup[cgid]._plugins || {};
+    Object.keys(plugins).forEach(function(key) {
+      if (plugins[key].onPluginsReady && typeof plugins[key].onPluginsReady === "function") {
+        plugins[key].onPluginsReady();
+      }
+    });
+  },
+  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 i = 0; i < keys.length; i++) {
+      var c = this.pluginGroup[keys[i]];
+      if (c && c._player) {
+        this.pluginGroup[keys[i]]._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 i = 0; i < keys.length; i++) {
+      var c = this.pluginGroup[keys[i]];
+      if (c && c._player && c._player.isUserActive) {
+        return keys[i];
+      }
+    }
+    return null;
+  },
+  destroy: function destroy(player) {
+    var cgid = player._pluginInfoId;
+    if (!this.pluginGroup[cgid]) {
+      return;
+    }
+    unObserver(player.root);
+    var plugins = this.pluginGroup[cgid]._plugins;
+    for (var _i = 0, _Object$keys = Object.keys(plugins); _i < _Object$keys.length; _i++) {
+      var item = _Object$keys[_i];
+      this.unRegister(cgid, item);
+    }
+    var _isUseActive = player.isUseActive;
+    delete this.pluginGroup[cgid];
+    delete player._pluginInfoId;
+    if (_isUseActive) {
+      var keys = Object.keys(this.pluginGroup);
+      if (keys.length > 0) {
+        this.setCurrentUserActive(keys[keys.length - 1], true);
+      }
+    }
+  }
+};
+export { pluginsManager as default };

package/es/plugin/preset.d.ts

@@ -0,0 +1 @@
+export function usePreset(player: any, Preset: any): void;

package/es/plugin/preset.js

@@ -0,0 +1,28 @@
+import { toConsumableArray as _toConsumableArray } from "../_virtual/_rollupPluginBabelHelpers.js";
+var usePreset = function usePreset2(player, Preset) {
+  var _player$config$plugin, _player$config$ignore;
+  var presetInst;
+  if (Preset.preset && Preset.options) {
+    presetInst = new Preset.preset(Preset.options, player.config);
+  } else {
+    presetInst = new Preset({}, player.config);
+  }
+  var _presetInst = presetInst, _presetInst$plugins = _presetInst.plugins, plugins = _presetInst$plugins === void 0 ? [] : _presetInst$plugins, _presetInst$ignores = _presetInst.ignores, ignores = _presetInst$ignores === void 0 ? [] : _presetInst$ignores, _presetInst$icons = _presetInst.icons, icons = _presetInst$icons === void 0 ? {} : _presetInst$icons, _presetInst$i18n = _presetInst.i18n, i18n = _presetInst$i18n === void 0 ? [] : _presetInst$i18n;
+  if (!player.config.plugins) {
+    player.config.plugins = [];
+  }
+  if (!player.config.ignores) {
+    player.config.ignores = [];
+  }
+  (_player$config$plugin = player.config.plugins).push.apply(_player$config$plugin, _toConsumableArray(plugins));
+  (_player$config$ignore = player.config.ignores).push.apply(_player$config$ignore, _toConsumableArray(ignores));
+  Object.keys(icons).map(function(key) {
+    if (!player.config.icons[key]) {
+      player.config.icons[key] = icons[key];
+    }
+  });
+  var _ci18n = player.config.i18n || [];
+  i18n.push.apply(i18n, _toConsumableArray(_ci18n));
+  player.config.i18n = i18n;
+};
+export { usePreset };

package/es/plugin/resizeObserver.d.ts

@@ -0,0 +1,3 @@
+export function addObserver(target: any, handler: any): any;
+export function unObserver(target: any, handler: any): void;
+export function destroyObserver(target: any, handler: any): void;

package/es/plugin/resizeObserver.js

@@ -0,0 +1,108 @@
+import { createClass as _createClass, classCallCheck as _classCallCheck, defineProperty as _defineProperty } from "../_virtual/_rollupPluginBabelHelpers.js";
+import { throttle } from "../utils/util.js";
+import { PLATER_ID } from "../constant.js";
+var ResizeObserver = /* @__PURE__ */ function() {
+  function ResizeObserver2() {
+    var _this = this;
+    _classCallCheck(this, ResizeObserver2);
+    _defineProperty(this, "__trigger", function(entries) {
+      var t = new Date().getTime();
+      _this.timeStamp = t;
+      for (var i = 0; i < entries.length; i++) {
+        _this.__runHandler(entries[i].target);
+      }
+    });
+    this.__handlers = [];
+    this.timeStamp = 0;
+    this.observer = null;
+    if (!window.ResizeObserver) {
+      return;
+    }
+    try {
+      this.observer = new window.ResizeObserver(throttle(this.__trigger, 100, {
+        trailing: true
+      }));
+      this.timeStamp = new Date().getTime();
+    } catch (e) {
+      console.error(e);
+    }
+  }
+  _createClass(ResizeObserver2, [{
+    key: "addObserver",
+    value: function addObserver2(target, handler) {
+      if (!this.observer) {
+        return;
+      }
+      this.observer && this.observer.observe(target);
+      var _pid = target.getAttribute(PLATER_ID);
+      var __handlers = this.__handlers;
+      var index = -1;
+      for (var i = 0; i < __handlers.length; i++) {
+        if (__handlers[i] && target === __handlers[i].target) {
+          index = i;
+        }
+      }
+      if (index > -1) {
+        this.__handlers[index].handler = handler;
+      } else {
+        this.__handlers.push({
+          target,
+          handler,
+          playerId: _pid
+        });
+      }
+    }
+  }, {
+    key: "unObserver",
+    value: function unObserver2(target) {
+      var i = -1;
+      this.__handlers.map(function(item, index) {
+        if (target === item.target) {
+          i = index;
+        }
+      });
+      try {
+        this.observer && this.observer.unobserve(target);
+      } catch (e) {
+      }
+      this.observer && this.observer.unobserve(target);
+      i > -1 && this.__handlers.splice(i, 1);
+    }
+  }, {
+    key: "destroyObserver",
+    value: function destroyObserver() {
+      this.observer && this.observer.disconnect();
+      this.observer = null;
+      this.__handlers = null;
+    }
+  }, {
+    key: "__runHandler",
+    value: function __runHandler(target) {
+      var __handlers = this.__handlers;
+      for (var i = 0; i < __handlers.length; i++) {
+        if (__handlers[i] && target === __handlers[i].target) {
+          try {
+            __handlers[i].handler(target);
+          } catch (error) {
+            console.error(error);
+          }
+          return true;
+        }
+      }
+      return false;
+    }
+  }]);
+  return ResizeObserver2;
+}();
+var resizeObserver = null;
+function addObserver(target, handler) {
+  if (!resizeObserver) {
+    resizeObserver = new ResizeObserver();
+  }
+  resizeObserver.addObserver(target, handler);
+  return resizeObserver;
+}
+function unObserver(target, handler) {
+  resizeObserver.unObserver(target, handler);
+}
+export { addObserver, unObserver };

package/es/plugins/assets/back.js

@@ -0,0 +1,4 @@
+function BackSVG() {
+  return new DOMParser().parseFromString('<svg width="32px" height="40px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n        <path d="M11.2374369,14 L17.6187184,7.61871843 C17.9604272,7.27700968 17.9604272,6.72299032 17.6187184,6.38128157 C17.2770097,6.03957281 16.7229903,6.03957281 16.3812816,6.38128157 L9.38128157,13.3812816 C9.03957281,13.7229903 9.03957281,14.2770097 9.38128157,14.6187184 L16.3812816,21.6187184 C16.7229903,21.9604272 17.2770097,21.9604272 17.6187184,21.6187184 C17.9604272,21.2770097 17.9604272,20.7229903 17.6187184,20.3812816 L11.2374369,14 L11.2374369,14 Z" fill="#FFFFFF"></path>\n    </g>\n</svg>', "image/svg+xml").firstChild;
+}
+export { BackSVG as default };

package/es/plugins/assets/download.js

@@ -0,0 +1,4 @@
+function DownloadSvg() {
+  return new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24">\n  <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n    <g transform="translate(-488.000000, -340.000000)" fill="#FFFFFF">\n      <g id="Group-2">\n        <g id="volme_big-copy" transform="translate(488.000000, 340.000000)">\n          <rect id="Rectangle-18" x="11" y="4" width="2" height="12" rx="1"></rect>\n          <rect id="Rectangle-2" x="3" y="18" width="18" height="2" rx="1"></rect>\n          <rect id="Rectangle-2" transform="translate(4.000000, 17.500000) rotate(90.000000) translate(-4.000000, -17.500000) " x="1.5" y="16.5" width="5" height="2" rx="1"></rect><rect id="Rectangle-2-Copy-3" transform="translate(20.000000, 17.500000) rotate(90.000000) translate(-20.000000, -17.500000) " x="17.5" y="16.5" width="5" height="2" rx="1"></rect>\n          <path d="M9.48791171,8.26502656 L9.48791171,14.2650266 C9.48791171,14.8173113 9.04019646,15.2650266 8.48791171,15.2650266 C7.93562696,15.2650266 7.48791171,14.8173113 7.48791171,14.2650266 L7.48791171,7.26502656 C7.48791171,6.71274181 7.93562696,6.26502656 8.48791171,6.26502656 L15.4879117,6.26502656 C16.0401965,6.26502656 16.4879117,6.71274181 16.4879117,7.26502656 C16.4879117,7.81731131 16.0401965,8.26502656 15.4879117,8.26502656 L9.48791171,8.26502656 Z" id="Combined-Shape" transform="translate(11.987912, 10.765027) scale(1, -1) rotate(45.000000) translate(-11.987912, -10.765027) "></path>\n        </g>\n      </g>\n    </g>\n  </g>\n</svg>\n', "image/svg+xml").firstChild;
+}
+export { DownloadSvg as default };

package/es/plugins/assets/exitCssFull.js

@@ -0,0 +1,4 @@
+function ExitCssFullSceenSvg() {
+  return new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg" width="31" height="40" viewBox="0 -5 31 40">\n  <path fill="#fff" transform="scale(1.3, 1.3)" d="M9,10V9a.9.9,0,0,1,1-1,.9.9,0,0,1,1,1v2a.9.9,0,0,1-1,1H8a.9.9,0,0,1-1-1,.9.9,0,0,1,1-1Zm6,4v1a1,1,0,0,1-2,0V13a.9.9,0,0,1,1-1h2a1,1,0,0,1,0,2Zm3-7H6V17H18Zm2,0V17a2,2,0,0,1-2,2H6a2,2,0,0,1-2-2V7A2,2,0,0,1,6,5H18A2,2,0,0,1,20,7Z"></path>\n</svg>\n', "image/svg+xml").firstChild;
+}
+export { ExitCssFullSceenSvg as default };

package/es/plugins/assets/exitFull.js

@@ -0,0 +1,4 @@
+function ExitFullScreenSvg() {
+  return new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg" width="28" height="40" viewBox="2 -4 28 40">\n  <path fill="#fff" transform="scale(0.0320625 0.0320625)" d="M682 342h128v84h-212v-212h84v128zM598 810v-212h212v84h-128v128h-84zM342 342v-128h84v212h-212v-84h128zM214 682v-84h212v212h-84v-128h-128z"></path>\n</svg>\n', "image/svg+xml").firstChild;
+}
+export { ExitFullScreenSvg as default };

package/es/plugins/assets/loading.js

@@ -0,0 +1,4 @@
+function loadingIcon() {
+  return new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="-5 -5 110 110">\n  <path d="M100,50A50,50,0,1,1,50,0" stroke-width="5" stroke="#ddd" stroke-dasharray="236" fill="none"></path>\n</svg>\n', "image/svg+xml").firstChild;
+}
+export { loadingIcon as default };

package/es/plugins/assets/panel.js

@@ -0,0 +1,4 @@
+function PanelIcon() {
+  return new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -11 40 40" width="40" height="40">\n  <path fill="#f85959" transform="scale(0.8 0.8)" d="M36.5,18.73a1.19,1.19,0,0,0,1-1.14V16.33a1.2,1.2,0,0,0-1-1.13l-.61-.08a1.75,1.75,0,0,1-1.3-.86l-.21-.36-.2-.36A1.72,1.72,0,0,1,34,12l.23-.58a1.18,1.18,0,0,0-.5-1.42l-1.1-.62a1.18,1.18,0,0,0-1.47.3l-.39.51a1.82,1.82,0,0,1-1.41.72c-.44,0-1.88-.27-2.22-.7l-.39-.49a1.18,1.18,0,0,0-1.48-.28l-1.09.64a1.19,1.19,0,0,0-.47,1.43l.25.59a1.87,1.87,0,0,1-.08,1.58c-.26.37-1.17,1.5-1.71,1.58l-.63.09a1.19,1.19,0,0,0-1,1.14l0,1.27a1.17,1.17,0,0,0,1,1.12l.61.08a1.74,1.74,0,0,1,1.3.87l.21.36.2.35A1.69,1.69,0,0,1,24,22.08l-.23.59a1.19,1.19,0,0,0,.5,1.42l1.1.62a1.19,1.19,0,0,0,1.48-.31l.38-.5a1.83,1.83,0,0,1,1.41-.72c.44,0,1.88.25,2.22.69l.39.49a1.18,1.18,0,0,0,1.48.28L33.86,24a1.19,1.19,0,0,0,.47-1.43L34.09,22a1.84,1.84,0,0,1,.07-1.58c.26-.37,1.17-1.5,1.72-1.58ZM31,18.94a2.76,2.76,0,0,1-4.65-1.2A2.71,2.71,0,0,1,27,15.13a2.76,2.76,0,0,1,4.64,1.2A2.7,2.7,0,0,1,31,18.94Z"/>\n  <path fill="#f85959" transform="scale(0.8 0.8)" d="M32,0H3.59A3.59,3.59,0,0,0,0,3.59v17A3.59,3.59,0,0,0,3.59,24.2H19.72a12.59,12.59,0,0,1-.81-1.2A11.73,11.73,0,0,1,35.54,7.28V3.59A3.59,3.59,0,0,0,32,0ZM13,14.18H4.29a1.52,1.52,0,0,1,0-3H13a1.52,1.52,0,0,1,0,3ZM16.45,8H4.29a1.51,1.51,0,0,1,0-3H16.45a1.51,1.51,0,1,1,0,3Z"/>\n</svg>\n', "image/svg+xml").firstChild;
+}
+export { PanelIcon as default };

package/es/plugins/assets/pause.js

@@ -0,0 +1,4 @@
+function PauseSvg() {
+  return new DOMParser().parseFromString('<svg class="pause" xmlns="http://www.w3.org/2000/svg" width="28" height="40" viewBox="3 -4 28 40">\n  <path fill="#fff" transform="scale(0.0320625 0.0320625)" d="M598,214h170v596h-170v-596zM256 810v-596h170v596h-170z"></path>\n</svg>\n', "image/svg+xml").firstChild;
+}
+export { PauseSvg as default };

package/es/plugins/assets/pipIcon.js

@@ -0,0 +1,4 @@
+function PipIcon() {
+  return new DOMParser().parseFromString('<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <path fill-rule="evenodd" clip-rule="evenodd"\n    d="M16.5 4.3H3.5C3.38954 4.3 3.3 4.38954 3.3 4.5V15.5C3.3 15.6105 3.38954 15.7 3.5 15.7H8.50005L8.50006 17.5H3.5C2.39543 17.5 1.5 16.6046 1.5 15.5V4.5C1.5 3.39543 2.39543 2.5 3.5 2.5H16.5C17.6046 2.5 18.5 3.39543 18.5 4.5V8.5H16.7V4.5C16.7 4.38954 16.6105 4.3 16.5 4.3ZM12 11.5C11.4477 11.5 11 11.9477 11 12.5L11 16.5C11 17.0523 11.4478 17.5 12 17.5H17.5C18.0523 17.5 18.5 17.0523 18.5 16.5L18.5 12.5C18.5 11.9477 18.0523 11.5 17.5 11.5H12Z"\n    fill="white" />\n</svg>', "image/svg+xml").firstChild;
+}
+export { PipIcon as default };

package/es/plugins/assets/pipIconExit.js

@@ -0,0 +1,4 @@
+function PipIconExit() {
+  return new DOMParser().parseFromString('<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n  <path fill-rule="evenodd" clip-rule="evenodd"\n    d="M16.5 4.3H3.5C3.38954 4.3 3.3 4.38954 3.3 4.5V15.5C3.3 15.6105 3.38954 15.7 3.5 15.7H8.50005L8.50006 17.5H3.5C2.39543 17.5 1.5 16.6046 1.5 15.5V4.5C1.5 3.39543 2.39543 2.5 3.5 2.5H16.5C17.6046 2.5 18.5 3.39543 18.5 4.5V8.5H16.7V4.5C16.7 4.38954 16.6105 4.3 16.5 4.3ZM12 11.5C11.4477 11.5 11 11.9477 11 12.5L11 16.5C11 17.0523 11.4478 17.5 12 17.5H17.5C18.0523 17.5 18.5 17.0523 18.5 16.5L18.5 12.5C18.5 11.9477 18.0523 11.5 17.5 11.5H12Z"\n    fill="white" />\n  <path fill-rule="evenodd" clip-rule="evenodd"\n    d="M9.4998 7.7C9.77595 7.7 9.9998 7.47614 9.9998 7.2V6.5C9.9998 6.22386 9.77595 6 9.4998 6H5.5402L5.52754 6.00016H5.5C5.22386 6.00016 5 6.22401 5 6.50016V10.4598C5 10.7359 5.22386 10.9598 5.5 10.9598H6.2C6.47614 10.9598 6.7 10.7359 6.7 10.4598V8.83005L8.76983 10.9386C8.96327 11.1357 9.27984 11.1386 9.47691 10.9451L9.97645 10.4548C10.1735 10.2613 10.1764 9.94476 9.983 9.7477L7.97289 7.7H9.4998Z"\n    fill="white" />\n</svg>', "image/svg+xml").firstChild;
+}
+export { PipIconExit as default };

package/es/plugins/assets/play.js

@@ -0,0 +1,4 @@
+function PlaySvg() {
+  return new DOMParser().parseFromString('<svg class="play" xmlns="http://www.w3.org/2000/svg" width="28" height="40" viewBox="3 -4 28 40">\n  <path fill="#fff" transform="scale(0.0320625 0.0320625)" d="M576,363L810,512L576,661zM342,214L576,363L576,661L342,810z"></path>\n</svg>\n', "image/svg+xml").firstChild;
+}
+export { PlaySvg as default };

package/es/plugins/assets/playNext.js

@@ -0,0 +1,4 @@
+function Next() {
+  return new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="40" viewBox="10 0 24 40">\n  <path transform="scale(0.038 0.028)" d="M800 380v768h-128v-352l-320 320v-704l320 320v-352z"></path>\n</svg>\n', "image/svg+xml").firstChild;
+}
+export { Next as default };

package/es/plugins/assets/replay.js

@@ -0,0 +1,4 @@
+function ReplaySvg() {
+  return new DOMParser().parseFromString('<svg class="xgplayer-replay-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 78 78" width="78" height="78">\n  <path fill="#fff" transform="translate(20, 20)" d="M8.22708362,13.8757234 L11.2677371,12.6472196 C11.7798067,12.4403301 12.3626381,12.6877273 12.5695276,13.1997969 L12.9441342,14.1269807 C13.1510237,14.6390502 12.9036264,15.2218816 12.3915569,15.4287712 L6.8284538,17.6764107 L5.90126995,18.0510173 C5.38920044,18.2579068 4.80636901,18.0105096 4.5994795,17.49844 L1.97723335,11.0081531 C1.77034384,10.4960836 2.0177411,9.91325213 2.52981061,9.70636262 L3.45699446,9.33175602 C3.96906396,9.12486652 4.5518954,9.37226378 4.75878491,9.88433329 L5.67885163,12.1615783 C7.99551726,6.6766934 13.3983951,3 19.5,3 C27.7842712,3 34.5,9.71572875 34.5,18 C34.5,26.2842712 27.7842712,33 19.5,33 C15.4573596,33 11.6658607,31.3912946 8.87004692,28.5831991 C8.28554571,27.9961303 8.28762719,27.0463851 8.87469603,26.4618839 C9.46176488,25.8773827 10.4115101,25.8794641 10.9960113,26.466533 C13.2344327,28.7147875 16.263503,30 19.5,30 C26.127417,30 31.5,24.627417 31.5,18 C31.5,11.372583 26.127417,6 19.5,6 C14.4183772,6 9.94214483,9.18783811 8.22708362,13.8757234 Z"></path>\n</svg>\n', "image/svg+xml").firstChild;
+}
+export { ReplaySvg as default };

package/es/plugins/assets/requestCssFull.js

@@ -0,0 +1,7 @@
+function CssFullSceenSvg() {
+  return new DOMParser().parseFromString(`<svg xmlns="http://www.w3.org/2000/svg" width="31" height="40" viewBox="0 -5 31 40">
+  <path fill="#fff" transform="scale(1.3, 1.3)" class='path_full' d="M9,10v1a.9.9,0,0,1-1,1,.9.9,0,0,1-1-1V9A.9.9,0,0,1,8,8h2a.9.9,0,0,1,1,1,.9.9,0,0,1-1,1Zm6,4V13a1,1,0,0,1,2,0v2a.9.9,0,0,1-1,1H14a1,1,0,0,1,0-2Zm3-7H6V17H18Zm2,0V17a2,2,0,0,1-2,2H6a2,2,0,0,1-2-2V7A2,2,0,0,1,6,5H18A2,2,0,0,1,20,7Z"></path>
+</svg>
+`, "image/svg+xml").firstChild;
+}
+export { CssFullSceenSvg as default };

package/es/plugins/assets/requestFull.js

@@ -0,0 +1,4 @@
+function FullScreenSvg() {
+  return new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg" width="28" height="40" viewBox="2 -4 28 40">\n  <path fill="#fff" transform="scale(0.0320625 0.0320625)" d="M598 214h212v212h-84v-128h-128v-84zM726 726v-128h84v212h-212v-84h128zM214 426v-212h212v84h-128v128h-84zM298 598v128h128v84h-212v-212h84z"></path>\n</svg>\n', "image/svg+xml").firstChild;
+}
+export { FullScreenSvg as default };

package/es/plugins/assets/rotate.js

@@ -0,0 +1,4 @@
+function RotateSvg() {
+  return new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="-4 -6 40 40" fill="none">\n  <g clip-path="url(#clip0)">\n    <path transform="scale(1.5 1.5)" d="M11.6665 9.16663H4.1665C2.78579 9.16663 1.6665 10.2859 1.6665 11.6666V15.8333C1.6665 17.214 2.78579 18.3333 4.1665 18.3333H11.6665C13.0472 18.3333 14.1665 17.214 14.1665 15.8333V11.6666C14.1665 10.2859 13.0472 9.16663 11.6665 9.16663Z" fill="white"/>\n    <path transform="scale(1.5 1.5)" fill-rule="evenodd" clip-rule="evenodd" d="M3.88148 4.06298C3.75371 4.21005 3.67667 4.40231 3.67749 4.61242C3.67847 4.87253 3.79852 5.10435 3.98581 5.25646L6.99111 8.05895C7.32771 8.37283 7.85502 8.35443 8.16891 8.01782C8.48279 7.68122 8.46437 7.15391 8.12778 6.84003L6.62061 5.43457L9.8198 5.4224C9.82848 5.42239 9.8372 5.42221 9.84591 5.4219C10.9714 5.38233 12.0885 5.6285 13.0931 6.13744C14.0976 6.64635 14.957 7.40148 15.5908 8.33234C16.2246 9.2632 16.6122 10.3394 16.7177 11.4606C16.823 12.5819 16.6427 13.7115 16.1934 14.7442C16.0098 15.1661 16.203 15.6571 16.6251 15.8408C17.0471 16.0243 17.5381 15.8311 17.7216 15.4091C18.2833 14.1183 18.5087 12.7063 18.3771 11.3047C18.2453 9.90318 17.7607 8.55792 16.9684 7.39433C16.1761 6.23073 15.1021 5.28683 13.8463 4.65065C12.5946 4.01651 11.203 3.70872 9.80072 3.75583L6.43415 3.76862L7.96326 2.12885C8.27715 1.79225 8.25872 1.26494 7.92213 0.951061C7.58553 0.63718 7.05822 0.655585 6.74433 0.99219L3.90268 4.0395C3.89545 4.04724 3.88841 4.05509 3.88154 4.06303L3.88148 4.06298Z" fill="white"/>\n  </g>\n  <defs>\n    <clipPath id="clip0">\n      <rect width="40" height="40" fill="white"/>\n    </clipPath>\n  </defs>\n</svg>\n', "image/svg+xml").firstChild;
+}
+export { RotateSvg as default };

package/es/plugins/assets/seekicon.js

@@ -0,0 +1,4 @@
+function SeekTipIcon() {
+  return new DOMParser().parseFromString('<svg width="20" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"\n  xmlns:xlink="http://www.w3.org/1999/xlink">\n  <path opacity="0.54"\n    d="M7.5 3.63397C8.16667 4.01887 8.16667 4.98113 7.5 5.36603L1.5 8.83013C0.833334 9.21503 0 8.7339 0 7.9641L0 1.0359C0 0.266098 0.833333 -0.215027 1.5 0.169873L7.5 3.63397Z"\n    fill="white" />\n  <path transform="translate(5 0)" d="M7.5 3.63397C8.16667 4.01887 8.16667 4.98113 7.5 5.36603L1.5 8.83013C0.833334 9.21503 0 8.7339 0 7.9641L0 1.0359C0 0.266098 0.833333 -0.215027 1.5 0.169873L7.5 3.63397Z" fill="white"/>\n</svg>', "image/svg+xml").firstChild;
+}
+export { SeekTipIcon as default };

package/es/plugins/assets/volumeLarge.js

@@ -0,0 +1,4 @@
+function volumeLargeSvg() {
+  return new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg" width="28" height="40" viewBox="0 -10 28 40">\n  <path fill="#fff" transform="scale(0.0220625 0.0220625)" d="M358.4 358.4h-204.8v307.2h204.8l256 256v-819.2l-256 256z"></path>\n  <path fill="#fff" transform="scale(0.0220625 0.0220625)" d="M940.632 837.632l-72.192-72.192c65.114-64.745 105.412-154.386 105.412-253.44s-40.299-188.695-105.396-253.424l-0.016-0.016 72.192-72.192c83.639 83.197 135.401 198.37 135.401 325.632s-51.762 242.434-135.381 325.612l-0.020 0.020zM795.648 693.248l-72.704-72.704c27.756-27.789 44.921-66.162 44.921-108.544s-17.165-80.755-44.922-108.546l0.002 0.002 72.704-72.704c46.713 46.235 75.639 110.363 75.639 181.248s-28.926 135.013-75.617 181.227l-0.021 0.021z"></path>\n</svg>\n', "image/svg+xml").firstChild;
+}
+export { volumeLargeSvg as default };

package/es/plugins/assets/volumeMuted.js

@@ -0,0 +1,4 @@
+function volumeMutedSvg() {
+  return new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg" width="28" height="40" viewBox="0 -10 28 40">\n  <path fill="#fff" transform="scale(0.0220625 0.0220625)" d="M358.4 358.4h-204.8v307.2h204.8l256 256v-819.2l-256 256z"></path>\n  <path fill="#fff" transform="scale(0.0220625 0.0220625)" d="M920.4 439.808l-108.544-109.056-72.704 72.704 109.568 108.544-109.056 108.544 72.704 72.704 108.032-109.568 108.544 109.056 72.704-72.704-109.568-108.032 109.056-108.544-72.704-72.704-108.032 109.568z"></path>\n</svg>\n', "image/svg+xml").firstChild;
+}
+export { volumeMutedSvg as default };

package/es/plugins/assets/volumeSmall.js

@@ -0,0 +1,4 @@
+function volumeSmallSvg() {
+  return new DOMParser().parseFromString('<svg xmlns="http://www.w3.org/2000/svg" width="28" height="40" viewBox="0 -10 28 40">\n  <path fill="#fff" transform="scale(0.0220625 0.0220625)" d="M358.4 358.4h-204.8v307.2h204.8l256 256v-819.2l-256 256z"></path>\n  <path fill="#fff" transform="scale(0.0220625 0.0220625)" d="M795.648 693.248l-72.704-72.704c27.756-27.789 44.921-66.162 44.921-108.544s-17.165-80.755-44.922-108.546l0.002 0.002 72.704-72.704c46.713 46.235 75.639 110.363 75.639 181.248s-28.926 135.013-75.617 181.227l-0.021 0.021zM795.648 693.248l-72.704-72.704c27.756-27.789 44.921-66.162 44.921-108.544s-17.165-80.755-44.922-108.546l0.002 0.002 72.704-72.704c46.713 46.235 75.639 110.363 75.639 181.248s-28.926 135.013-75.617 181.227l-0.021 0.021z"></path>\n</svg>\n', "image/svg+xml").firstChild;
+}
+export { volumeSmallSvg as default };

package/es/plugins/common/iconPlugin.d.ts

@@ -0,0 +1,5 @@
+export default class Icon extends Plugin {
+    _onMouseenter: (e: any) => void;
+    _onMouseLeave: (e: any) => void;
+}
+import Plugin from "../../plugin";