xgplayer 2.32.5 → 2.32.6

package/es/plugins/definition/index.js

@@ -0,0 +1,164 @@
+import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass, objectSpread2 as _objectSpread2, get as _get, getPrototypeOf as _getPrototypeOf } from "../../_virtual/_rollupPluginBabelHelpers.js";
+import util from "../../utils/util.js";
+import { DEFINITION_CHANGE } from "../../events.js";
+import "../../utils/debug.js";
+import { POSITIONS } from "../../plugin/plugin.js";
+import OptionsIcon from "../common/optionsIcon.js";
+var DefinitionIcon = /* @__PURE__ */ function(_OptionsIcon) {
+  _inherits(DefinitionIcon2, _OptionsIcon);
+  var _super = _createSuper(DefinitionIcon2);
+  function DefinitionIcon2(args) {
+    var _this;
+    _classCallCheck(this, DefinitionIcon2);
+    _this = _super.call(this, args);
+    _this.curTime = 0;
+    _this.isPaused = true;
+    return _this;
+  }
+  _createClass(DefinitionIcon2, [{
+    key: "beforeCreate",
+    value: function beforeCreate(args) {
+      var list = args.config.list;
+      if (Array.isArray(list) && list.length > 0) {
+        args.config.list = list.map(function(item) {
+          if (!item.text && item.name) {
+            item.text = item.name;
+          }
+          if (!item.text) {
+            item.text = item.definition;
+          }
+          return item;
+        });
+      }
+    }
+  }, {
+    key: "afterCreate",
+    value: function afterCreate() {
+      var _this2 = this;
+      _get(_getPrototypeOf(DefinitionIcon2.prototype), "afterCreate", this).call(this);
+      this.on("resourceReady", function(list) {
+        _this2.changeDefinitionList(list);
+      });
+      this.on(DEFINITION_CHANGE, function(data) {
+        _this2.renderItemList(_this2.config.list, data.to);
+      });
+      if (this.player.definitionList.length < 2) {
+        this.hide();
+      }
+    }
+  }, {
+    key: "show",
+    value: function show() {
+      if (!this.config.list || this.config.list.length < 2) {
+        return;
+      }
+      util.addClass(this.root, "show");
+    }
+  }, {
+    key: "initDefinition",
+    value: function initDefinition() {
+      var _this$config = this.config, list = _this$config.list, defaultDefinition = _this$config.defaultDefinition;
+      if (list.length > 0) {
+        var to = null;
+        list.map(function(item) {
+          if (item.definition === defaultDefinition) {
+            to = item;
+          }
+        });
+        if (!to) {
+          to = list[0];
+        }
+        this.changeDefinition(to);
+      }
+    }
+  }, {
+    key: "renderItemList",
+    value: function renderItemList() {
+      var _this3 = this;
+      var list = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.config.list || [];
+      var to = arguments.length > 1 ? arguments[1] : void 0;
+      var targetDef = to && to.definition ? to.definition : this.config.defaultDefinition;
+      if (to) {
+        list.forEach(function(item) {
+          item.selected = false;
+        });
+      }
+      var curIndex = 0;
+      var items = list.map(function(item, index) {
+        var showItem = _objectSpread2(_objectSpread2({}, item), {}, {
+          showText: _this3.getTextByLang(item) || item.definition,
+          selected: false
+        });
+        if (item.selected || item.definition && item.definition == targetDef) {
+          showItem.selected = true;
+          curIndex = index;
+        }
+        return showItem;
+      });
+      _get(_getPrototypeOf(DefinitionIcon2.prototype), "renderItemList", this).call(this, items, curIndex);
+    }
+  }, {
+    key: "changeDefinitionList",
+    value: function changeDefinitionList(list) {
+      if (!Array.isArray(list)) {
+        return;
+      }
+      this.config.list = list.map(function(item) {
+        if (!item.text && item.name) {
+          item.text = item.name;
+        }
+        if (!item.text) {
+          item.text = item.definition;
+        }
+        return item;
+      });
+      this.renderItemList();
+      this.config.list.length < 2 ? this.hide() : this.show();
+    }
+  }, {
+    key: "changeDefinition",
+    value: function changeDefinition(to, from) {
+      this.player.changeDefinition(to, from);
+    }
+  }, {
+    key: "onItemClick",
+    value: function onItemClick(e, data) {
+      var definitionList = this.player.definitionList;
+      _get(_getPrototypeOf(DefinitionIcon2.prototype), "onItemClick", this).apply(this, arguments);
+      this.emitUserAction(e, "change_definition", {
+        from: data.from,
+        to: data.to
+      });
+      for (var i = 0; i < definitionList.length; i++) {
+        if (data.to && definitionList[i].definition === data.to.definition) {
+          data.to.url = definitionList[i].url;
+        }
+        if (data.from && definitionList[i].definition === data.from.definition) {
+          data.from.url = definitionList[i].url;
+        }
+      }
+      this.player.changeDefinition(data.to, data.from);
+    }
+  }], [{
+    key: "pluginName",
+    get: function get() {
+      return "definition";
+    }
+  }, {
+    key: "defaultConfig",
+    get: function get() {
+      return _objectSpread2(_objectSpread2({}, OptionsIcon.defaultConfig), {}, {
+        position: POSITIONS.CONTROLS_RIGHT,
+        index: 3,
+        list: [],
+        defaultDefinition: "",
+        disable: false,
+        hidePortrait: false,
+        className: "xgplayer-definition",
+        isShowIcon: true
+      });
+    }
+  }]);
+  return DefinitionIcon2;
+}(OptionsIcon);
+export { DefinitionIcon as default };

package/es/plugins/definition/index.scss

@@ -0,0 +1,4 @@
+.xgplayer-definition {
+  display: none;
+  cursor: pointer;
+}

package/es/plugins/download/index.css

@@ -0,0 +1,13 @@
+.xgplayer .xgplayer-download {
+  position: relative;
+  display: block;
+  cursor: pointer;
+}
+
+.lang-is-en .xgplayer-download .xgplayer-tips {
+  margin-left: -32px;
+}
+
+.lang-is-jp .xgplayer-download .xgplayer-tips {
+  margin-left: -40px;
+}

package/es/plugins/download/index.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @typedef { {
+ *   position: string,
+ *   index: number,
+ *   disable: boolean,
+ *   [propName: string]: any
+ *  } } IDownloadConfig
+ */
+export default class Download extends IconPlugin {
+    /**
+     * @type IDownloadConfig
+     */
+    static get defaultConfig(): IDownloadConfig;
+    constructor(args: any);
+    timer: any;
+    isLock: boolean;
+    _handler: any;
+    registerIcons(): {
+        download: any;
+    };
+    download: (e: any) => void;
+    getAbsoluteURL(url: any): any;
+    render(): string;
+}
+export type IDownloadConfig = {
+    [propName: string]: any;
+    position: string;
+    index: number;
+    disable: boolean;
+};
+import IconPlugin from "../common/iconPlugin";

package/es/plugins/download/index.js

@@ -0,0 +1,107 @@
+import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, createClass as _createClass, get as _get, getPrototypeOf as _getPrototypeOf } from "../../_virtual/_rollupPluginBabelHelpers.js";
+import downloadUtil from "downloadjs";
+import util from "../../utils/util.js";
+import "../../utils/debug.js";
+import { POSITIONS } from "../../plugin/plugin.js";
+import { xgIconTips } from "../common/iconTools.js";
+import Icon from "../common/iconPlugin.js";
+import DownloadSvg from "../assets/download.js";
+var Download = /* @__PURE__ */ function(_IconPlugin) {
+  _inherits(Download2, _IconPlugin);
+  var _super = _createSuper(Download2);
+  function Download2(args) {
+    var _this;
+    _classCallCheck(this, Download2);
+    _this = _super.call(this, args);
+    _defineProperty(_assertThisInitialized(_this), "download", function(e) {
+      if (_this.isLock) {
+        return;
+      }
+      _this.emitUserAction(e, "download");
+      var url = _this.playerConfig.url;
+      var dUrl = "";
+      if (util.typeOf(url) === "String") {
+        dUrl = url;
+      } else if (util.typeOf(url) === "Array" && url.length > 0) {
+        dUrl = url[0].src;
+      }
+      var newUrl = _this.getAbsoluteURL(dUrl);
+      downloadUtil(newUrl);
+      _this.isLock = true;
+      _this.timer = window.setTimeout(function() {
+        _this.isLock = false;
+        window.clearTimeout(_this.timer);
+        _this.timer = null;
+      }, 300);
+    });
+    _this.timer = null;
+    _this.isLock = false;
+    return _this;
+  }
+  _createClass(Download2, [{
+    key: "afterCreate",
+    value: function afterCreate() {
+      _get(_getPrototypeOf(Download2.prototype), "afterCreate", this).call(this);
+      if (this.config.disable) {
+        return;
+      }
+      this.appendChild(".xgplayer-icon", this.icons.download);
+      this._handler = this.hook("click", this.download, {
+        pre: function pre(e) {
+          e.preventDefault();
+          e.stopPropagation();
+        }
+      });
+      this.bind(["click", "touchend"], this._handler);
+    }
+  }, {
+    key: "registerIcons",
+    value: function registerIcons() {
+      return {
+        download: DownloadSvg
+      };
+    }
+  }, {
+    key: "getAbsoluteURL",
+    value: function getAbsoluteURL(url) {
+      if (!url.match(/^https?:\/\//)) {
+        var div = document.createElement("div");
+        div.innerHTML = '<a href="'.concat(url, '">x</a>');
+        url = div.firstChild.href;
+      }
+      return url;
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      _get(_getPrototypeOf(Download2.prototype), "destroy", this).call(this);
+      this.unbind(["click", "touchend"], this.download);
+      window.clearTimeout(this.timer);
+      this.timer = null;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.config.disable) {
+        return;
+      }
+      return '<xg-icon class="xgplayer-download">\n   <div class="xgplayer-icon">\n   </div>\n   '.concat(xgIconTips(this, "DOWNLOAD_TIPS", this.playerConfig.isHideTips), "\n    </xg-icon>");
+    }
+  }], [{
+    key: "pluginName",
+    get: function get() {
+      return "download";
+    }
+  }, {
+    key: "defaultConfig",
+    get: function get() {
+      return {
+        position: POSITIONS.CONTROLS_RIGHT,
+        index: 3,
+        disable: true
+      };
+    }
+  }]);
+  return Download2;
+}(Icon);
+export { Download as default };

package/es/plugins/download/index.scss

@@ -0,0 +1,22 @@
+.xgplayer {
+  .xgplayer-download {
+    position: relative;
+    // order: 9;
+    display: block;
+    cursor: pointer;
+  }
+}
+.lang-is-en {
+  .xgplayer-download {
+    .xgplayer-tips {
+      margin-left: -32px;
+    }
+  }
+}
+.lang-is-jp {
+  .xgplayer-download {
+    .xgplayer-tips {
+      margin-left: -40px;
+    }
+  }
+}

package/es/plugins/dynamicBg/index.css

@@ -0,0 +1,16 @@
+.xgplayer-dynamic-bg, .xgplayer-dynamic-bg canvas, .xgplayer-dynamic-bg xgmask, .xgplayer-dynamic-bg xgfilter {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  pointer-events: none;
+}
+
+.xgplayer-dynamic-bg canvas {
+  transform: translateZ(0);
+}
+.xgplayer-dynamic-bg xgmask {
+  background: rgba(0, 0, 0, 0.7);
+}

package/es/plugins/dynamicBg/index.d.ts

@@ -0,0 +1,83 @@
+export default DynamicBg;
+export type IDynamicBgConfig = {
+    [propName: string]: any;
+    disable?: boolean;
+    mode?: "realtime" | "firstframe" | "framerate";
+    frameRate?: number;
+    filter?: string;
+    addMask?: boolean;
+    maskBg?: string;
+    multiple?: number;
+};
+declare class DynamicBg extends Plugin {
+    /**
+     * @type IDynamicBgConfig
+     */
+    static get defaultConfig(): IDynamicBgConfig;
+    /**
+     * @type {boolean}
+     * @description Does the current environment support Canvas
+     */
+    static get isSupport(): boolean;
+    static supportCanvasFilter(): boolean;
+    /**
+     * @private
+     */
+    private _pos;
+    /**
+     * @readonly
+     */
+    readonly isStart: boolean;
+    _isLoaded: boolean;
+    /**
+     * @readonly
+     */
+    readonly videoPI: number;
+    /**
+     * @readonly
+     */
+    readonly preTime: number;
+    /**
+     * @readonly
+     */
+    readonly interval: number;
+    /**
+     * @readonly
+     */
+    readonly canvas: HTMLElement;
+    /**
+     * @readonly
+     */
+    readonly canvasCtx: any;
+    _frameCount: any;
+    onLoadedData: (e: any) => void;
+    /**
+     * @private
+     * 初始化 canvas对象并使用海报图先渲染首帧w11
+     */
+    private init;
+    canvasFilter: boolean;
+    root: HTMLElement;
+    mask: HTMLElement;
+    /**
+   * Check whether the current video object supports screenshots
+   * @param { Object } video
+   * @returns { DomElement | null }
+   */
+    checkVideoIsSupport(video: any): DomElement | null;
+    renderByPoster(): void;
+    renderOnTimeupdate: (e: any) => void;
+    _checkIfCanStart(): boolean;
+    /**
+     * just render once
+     * @returns
+     */
+    renderOnce(): void;
+    start: () => void;
+    frameId: any;
+    stop: () => void;
+    updateImg(url: any): void;
+    update(video: any, sourcePI: any): void;
+    render(): string;
+}
+import Plugin from "../../plugin";