xgplayer 3.1.0-alpha.0 → 3.1.0-alpha.2

package/es/constant.d.ts

@@ -2,7 +2,3 @@ export const FULLSCREEN_EVENTS: string[];
 export const GET_FULLSCREEN_API: string[];
 export const EXIT_FULLSCREEN_API: string[];
 export const PLATER_ID: "data-xgplayerid";
-export namespace FULL_EVENTS {
-    const webkitbeginfullscreen: string;
-    const webkitendfullscreen: string;
-}

package/es/constant.js

@@ -1,2 +1,5 @@
+var FULLSCREEN_EVENTS = ["fullscreenchange", "webkitfullscreenchange", "mozfullscreenchange", "MSFullscreenChange"];
+var GET_FULLSCREEN_API = ["requestFullscreen", "webkitRequestFullscreen", "mozRequestFullScreen", "msRequestFullscreen"];
+var EXIT_FULLSCREEN_API = ["exitFullscreen", "webkitExitFullscreen", "mozCancelFullScreen", "msExitFullscreen"];
 var PLATER_ID = "data-xgplayerid";
-export { PLATER_ID };
+export { EXIT_FULLSCREEN_API, FULLSCREEN_EVENTS, GET_FULLSCREEN_API, PLATER_ID };

package/es/defaultConfig.js

@@ -3,6 +3,8 @@ function getDefaultConfig() {
   return {
     id: "",
     el: null,
+    isNoRoot: false,
+    isCustomRoot: true,
     url: "",
     domEventType: "default",
     nullUrlStart: false,

package/es/error.js

@@ -1,6 +1,6 @@
 import { createClass as _createClass, classCallCheck as _classCallCheck } from "./_virtual/_rollupPluginBabelHelpers.js";
 import version from "./version.js";
-import { getHostFromUrl } from "./utils/util.js";
+import util from "./utils/util.js";
 var ERROR_TYPE_MAP = {
   1: "media",
   2: "media",
@@ -50,7 +50,7 @@ var Errors = /* @__PURE__ */ _createClass(
         message: errorInfo.errorMessage || mediaError.message,
         mediaError,
         originError: errorInfo.originError ? errorInfo.originError.stack : "",
-        host: getHostFromUrl(src || currentSrc)
+        host: util.getHostFromUrl(src || currentSrc)
       };
       errorInfo.ext && Object.keys(errorInfo.ext).map(function(key) {
         r[key] = errorInfo.ext[key];

package/es/index.d.ts

@@ -3,6 +3,7 @@ export { default as langZhHk } from "./lang/zh-hk";
 export { default as langJp } from "./lang/jp";
 export { default as langZhCn } from "./lang/zh-cn";
 export { default as TextTrack } from "./plugins/track";
+export { default as HeatMap } from "./plugins/heatmap";
 export type IPlayerOptions = import('./defaultConfig').IPlayerOptions;
 export type IDefinition = import('./defaultConfig').IDefinition;
 export type IVideoProxy = any;
@@ -17,7 +18,7 @@ import Plugin from "./plugin/plugin";
 import * as Events from "./events";
 import Errors from "./error";
 import Sniffer from "./utils/sniffer";
-import * as Util from "./utils/util";
+import Util from "./utils/util";
 import STATE_CLASS from "./stateClassMap";
 import I18N from "./lang/i18n";
 import { STATES } from "./state";

package/es/index.js

@@ -1,4 +1,4 @@
-export { default as SimplePlayer, default } from "./player.js";
+export { default as SimplePlayer } from "./player.js";
 export { default as Plugin } from "./plugin/plugin.js";
 export { default as BasePlugin } from "./plugin/basePlugin.js";
 import * as events from "./events.js";
@@ -7,8 +7,8 @@ export { default as STATE_CLASS } from "./stateClassMap.js";
 export { default as I18N } from "./lang/i18n.js";
 export { default as Errors } from "./error.js";
 export { default as Sniffer } from "./utils/sniffer.js";
-import * as util from "./utils/util.js";
-export { util as Util };
+export { default as Util } from "./utils/util.js";
+export { default } from "./index.umd.js";
 export { STATES } from "./state.js";
 export { default as DefaultPresetEn } from "./presets/default-en.js";
 export { default as DefaultPreset } from "./presets/default.js";
@@ -19,5 +19,6 @@ export { default as langJp } from "./lang/jp.js";
 export { default as langZhCn } from "./lang/zh-cn.js";
 export { default as Danmu } from "./plugins/danmu/index.js";
 export { default as TextTrack } from "./plugins/track/index.js";
+export { default as HeatMap } from "./plugins/heatmap/index.js";
 export { default as DanmuIcon } from "./plugins/danmu/danmuIcon.js";
 export { default as DanmuPanel } from "./plugins/danmu/danmuPanel.js";

package/es/index.umd.d.ts

@@ -1,2 +1,61 @@
-export default Player;
+export default PresetPlayer;
+declare class PresetPlayer extends Player {
+    static defaultPreset: typeof defaultPreset;
+    static Util: typeof Util;
+    static Sniffer: import("./utils/sniffer").ISniffer;
+    static Errors: typeof Errors;
+    static Events: typeof Events;
+    static Plugin: typeof Plugin;
+    static BasePlugin: typeof BasePlugin;
+    static I18N: {
+        readonly textKeys: any[];
+        readonly langKeys: string[];
+        readonly lang: {
+            [propName: string]: {
+                [propName: string]: string;
+            };
+        };
+        extend: (I18nText: import("./lang/i18n").IXGI18nText) => {};
+        use: (lang: import("./lang/i18n").IXGI18nText) => {};
+        init: (id: any) => import("./lang/i18n").IXGI18n;
+    };
+    static STATE_CLASS: {
+        DEFAULT: string;
+        DEFAULT_SKIN: string;
+        ENTER: string;
+        PAUSED: string;
+        PLAYING: string;
+        ENDED: string;
+        CANPLAY: string;
+        LOADING: string;
+        ERROR: string;
+        REPLAY: string;
+        NO_START: string;
+        ACTIVE: string;
+        INACTIVE: string;
+        FULLSCREEN: string;
+        CSS_FULLSCREEN: string;
+        ROTATE_FULLSCREEN: string;
+        PARENT_ROTATE_FULLSCREEN: string;
+        PARENT_FULLSCREEN: string;
+        INNER_FULLSCREEN: string;
+        NO_CONTROLS: string;
+        FLEX_CONTROLS: string;
+        CONTROLS_FOLLOW: string;
+        CONTROLS_AUTOHIDE: string;
+        TOP_BAR_AUTOHIDE: string;
+        NOT_ALLOW_AUTOPLAY: string;
+        SEEKING: string;
+        PC: string;
+        BUILTIN_CLASS: string;
+        MOBILE: string;
+        MINI: string;
+    };
+}
 import Player from "./player";
+import defaultPreset from "./presets/default";
+import Util from "./utils/util";
+import Errors from "./error";
+import * as Events from "./events";
+import Plugin from "./plugin/plugin";
+import BasePlugin from "./plugin/basePlugin";

package/es/index.umd.js

@@ -1,2 +1,30 @@
+import { defineProperty as _defineProperty, inherits as _inherits, createSuper as _createSuper, createClass as _createClass, classCallCheck as _classCallCheck } from "./_virtual/_rollupPluginBabelHelpers.js";
 import Player from "./player.js";
-export { default } from "./player.js";
+import Plugin from "./plugin/plugin.js";
+import BasePlugin from "./plugin/basePlugin.js";
+import * as events from "./events.js";
+import STATE_CLASS from "./stateClassMap.js";
+import I18N from "./lang/i18n.js";
+import Errors from "./error.js";
+import sniffer from "./utils/sniffer.js";
+import util from "./utils/util.js";
+import DefaultPreset from "./presets/default.js";
+var PresetPlayer = /* @__PURE__ */ function(_Player) {
+  _inherits(PresetPlayer2, _Player);
+  var _super = _createSuper(PresetPlayer2);
+  function PresetPlayer2() {
+    _classCallCheck(this, PresetPlayer2);
+    return _super.apply(this, arguments);
+  }
+  return _createClass(PresetPlayer2);
+}(Player);
+_defineProperty(PresetPlayer, "defaultPreset", DefaultPreset);
+_defineProperty(PresetPlayer, "Util", util);
+_defineProperty(PresetPlayer, "Sniffer", sniffer);
+_defineProperty(PresetPlayer, "Errors", Errors);
+_defineProperty(PresetPlayer, "Events", events);
+_defineProperty(PresetPlayer, "Plugin", Plugin);
+_defineProperty(PresetPlayer, "BasePlugin", BasePlugin);
+_defineProperty(PresetPlayer, "I18N", I18N);
+_defineProperty(PresetPlayer, "STATE_CLASS", STATE_CLASS);
+export { PresetPlayer as default };

package/es/lang/i18n.js

@@ -1,5 +1,5 @@
 import { toConsumableArray as _toConsumableArray } from "../_virtual/_rollupPluginBabelHelpers.js";
-import { typeOf } from "../utils/util.js";
+import util from "../utils/util.js";
 import EN from "./en.js";
 var XGI18nLang = {
   lang: {},
@@ -8,8 +8,8 @@ var XGI18nLang = {
 };
 function deepMerge(dst, src) {
   Object.keys(src).forEach(function(key) {
-    var _s = typeOf(src[key]);
-    var _t = typeOf(dst[key]);
+    var _s = util.typeOf(src[key]);
+    var _t = util.typeOf(dst[key]);
     if (_s === "Array") {
       var _dst$key;
       if (_t !== "Array") {
@@ -40,7 +40,7 @@ function extend(i18nTextList, i18nLangs) {
   if (!i18nLangs.lang) {
     return;
   }
-  if (typeOf(i18nTextList) !== "Array") {
+  if (util.typeOf(i18nTextList) !== "Array") {
     ext = Object.keys(i18nTextList).map(function(lang2) {
       var keyLang = lang2 === "zh" ? "zh-cn" : lang2;
       return {

package/es/mediaProxy.d.ts

@@ -182,6 +182,14 @@ declare class MediaProxy {
      * @description  返回当前缓冲的TimeRange对象集合
      */
     get buffered(): TimeRanges;
+    /**
+     * @type { Array<{start: number, end: number}> | null}
+     * @description  返回当前自定义的缓存列表
+     */
+    get buffered2(): {
+        start: number;
+        end: number;
+    }[];
     /**
      * @type { {start: number, end: number} }
      */

package/es/mediaProxy.js

@@ -1,6 +1,6 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass, defineProperty as _defineProperty, get as _get, getPrototypeOf as _getPrototypeOf } from "./_virtual/_rollupPluginBabelHelpers.js";
 import EventEmitter from "eventemitter3";
-import { createDom, typeOf, getHostFromUrl, isMSE } from "./utils/util.js";
+import util from "./utils/util.js";
 import sniffer from "./utils/sniffer.js";
 import Errors, { ERROR_TYPE_MAP } from "./error.js";
 import { VIDEO_EVENTS, SOURCE_SUCCESS, SOURCE_ERROR, URL_CHANGE, WAITING } from "./events.js";
@@ -29,7 +29,7 @@ function getVideoEventHandler(eventKey, player) {
       isInternalOp: !!player._internalOp[e.type],
       muted: player.muted,
       volume: player.volume,
-      host: getHostFromUrl(player.currentSrc),
+      host: util.getHostFromUrl(player.currentSrc),
       vtype: player.vtype
     };
     player.removeInnerOP(e.type);
@@ -107,11 +107,11 @@ var MediaProxy = /* @__PURE__ */ function(_EventEmitter) {
     if (options.autoplayMuted && !Object.prototype.hasOwnProperty.call(_this.mediaConfig, "muted")) {
       _this.mediaConfig.muted = true;
     }
-    _this.media = createDom(_this.mediaConfig.mediaType, "", _this.mediaConfig, "");
+    _this.media = util.createDom(_this.mediaConfig.mediaType, "", _this.mediaConfig, "");
     if (options.defaultPlaybackRate) {
       _this.media.defaultPlaybackRate = _this.media.playbackRate = options.defaultPlaybackRate;
     }
-    if (typeOf(options.volume) === "Number") {
+    if (util.typeOf(options.volume) === "Number") {
       _this.volume = options.volume;
     }
     if (options.autoplayMuted) {
@@ -186,7 +186,7 @@ var MediaProxy = /* @__PURE__ */ function(_EventEmitter) {
       video.removeAttribute("src");
       video.load();
       urls.forEach(function(item, index) {
-        _this6.media.appendChild(createDom("source", "", {
+        _this6.media.appendChild(util.createDom("source", "", {
           src: "".concat(item.src),
           type: "".concat(item.type || ""),
           "data-index": index + 1
@@ -201,7 +201,7 @@ var MediaProxy = /* @__PURE__ */ function(_EventEmitter) {
       this._vLoadeddata = function(e) {
         _this6.emit(SOURCE_SUCCESS, {
           src: e.target.currentSrc,
-          host: getHostFromUrl(e.target.currentSrc)
+          host: util.getHostFromUrl(e.target.currentSrc)
         });
       };
       var _eHandler = null;
@@ -369,6 +369,11 @@ var MediaProxy = /* @__PURE__ */ function(_EventEmitter) {
     get: function get() {
       return this.media ? this.media.buffered : null;
     }
+  }, {
+    key: "buffered2",
+    get: function get() {
+      return this.media && this.media.buffered ? util.getBuffered2(this.media.buffered) : null;
+    }
   }, {
     key: "bufferedPoint",
     get: function get() {
@@ -536,12 +541,12 @@ var MediaProxy = /* @__PURE__ */ function(_EventEmitter) {
       this.emit(WAITING);
       this._currentTime = 0;
       this._duration = 0;
-      if (isMSE(this.media)) {
+      if (util.isMSE(this.media)) {
         this.onWaiting();
         return;
       }
       this._detachSourceEvents(this.media);
-      if (typeOf(url) === "Array") {
+      if (util.typeOf(url) === "Array") {
         this._attachSourceEvents(this.media, url);
       } else if (url) {
         this.media.src = url;

package/es/player.d.ts

@@ -34,6 +34,16 @@ declare class Player extends MediaProxy {
      * @returns {MediaCapabilitiesDecodingInfo}
      */
     static probeConfigSupported(info: MediaDecodingConfiguration): MediaCapabilitiesDecodingInfo;
+    /**
+     * @deprecated
+     * 插件全部迁移完成再做删除
+     */
+    static install(name: any, descriptor: any): void;
+    /**
+     * @deprecated
+     * 插件全部迁移完成再做删除
+     */
+    static use(name: any, descriptor: any): void;
     static defaultPreset: any;
     /**
      * @description 自定义media构造函数
@@ -84,6 +94,12 @@ declare class Player extends MediaProxy {
      * @readonly
      */
     private readonly _useAutoplay;
+    /**
+     * @description 记录起播需要seek的时间点
+     * @private
+     * @readonly
+     */
+    private readonly __startTime;
     /**
      *  @type { number }
      */
@@ -183,12 +199,6 @@ declare class Player extends MediaProxy {
      * @description  控制栏和video不同布局的时候内部容器
      */
     readonly innerContainer: null | HTMLElement;
-    /**
-     * @type { null | Object }
-     * @readonly
-     * @description 控制栏插件
-     */
-    readonly controls: null | any;
     /**
      * @type { null | HTMLElement }
      * @readonly
@@ -200,6 +210,12 @@ declare class Player extends MediaProxy {
      * @description 当前播放器根节点
      */
     readonly root: null | HTMLElement;
+    __i18n: import("./lang/i18n").IXGI18n;
+    /**
+     * @readonly
+     * @type {any}
+     */
+    readonly database: any;
     /**
      * @readonly
      * @type { boolean }
@@ -301,20 +317,14 @@ declare class Player extends MediaProxy {
     /**
      *
      * @param { any } plugin
-     * @param { boolean } removedFromConfig
      */
-    deregister(plugin: any, removedFromConfig: boolean): void;
+    deregister(plugin: any): void;
     /**
      *
      * @param { any } plugin
      * @param { boolean } removedFromConfig
      */
     unRegisterPlugin(plugin: any, removedFromConfig?: boolean): void;
-    /**
-     * @description 从当前config.plugins中移除插件
-     * @param {*} plugin
-     * @returns
-     */
     removePluginFromConfig(plugin: any): void;
     /**
      * 当前播放器挂载的插件实例列表
@@ -437,6 +447,62 @@ declare class Player extends MediaProxy {
     reset(unregisterPlugins?: Array<string>, isResetConfig?: boolean): void;
     replay(): void;
     retry(): void;
+    /**
+     *
+     * @param { HTMLElement } root
+     * @param { HTMLElement } [el]
+     * @param { string } [rootClass]
+     * @param { string } [pClassName]
+     */
+    changeFullStyle(root: HTMLElement, el?: HTMLElement, rootClass?: string, pClassName?: string): void;
+    /**
+     * @private
+     */
+    private _orgPCss;
+    /**
+     *
+     * @param { HTMLElement } root
+     * @param { HTMLElement } [el]
+     * @param { string } [rootClass]
+     * @param { string } [pClassName]
+     */
+    recoverFullStyle(root: HTMLElement, el?: HTMLElement, rootClass?: string, pClassName?: string): void;
+    /**
+     * @param { HTMLElement } [el]
+     * @returns { Promise<void> }
+     */
+    getFullscreen(el?: HTMLElement): Promise<void>;
+    /**
+     * @private
+     */
+    private _fullActionFrom;
+    /**
+     * @param { HTMLElement } [el]
+     * @returns { Promise<void> }
+     */
+    exitFullscreen(el?: HTMLElement): Promise<void>;
+    /**
+     * @param { HTMLElement } [el]
+     * @returns
+     */
+    getCssFullscreen(el?: HTMLElement): void;
+    /**
+     * @param { HTMLElement } [el]
+     * @returns
+     */
+    exitCssFullscreen(): void;
+    /**
+     * 进入旋转全屏
+     * @param { HTMLElement } [el]
+     */
+    getRotateFullscreen(el?: HTMLElement): void;
+    _rootStyle: string | boolean;
+    /**
+     * 退出旋转全屏
+     * @param { HTMLElement } [el]
+     */
+    exitRotateFullscreen(el?: HTMLElement): void;
+    setRotateDeg(deg: any): void;
     /**
      * @description 播放器焦点状态，控制栏显示
      * @param { {
@@ -476,11 +542,18 @@ declare class Player extends MediaProxy {
         ignorePaused?: boolean;
     }): void;
     canPlayFunc: () => void;
+    /**
+     *
+     */
+    onFullscreenChange: (event: any, isFullScreen: any) => void;
+    _onWebkitbeginfullscreen: (e: any) => void;
+    _onWebkitendfullscreen: (e: any) => void;
     onEmptied(): void;
     /**
      * @protected
      */
     protected onCanplay(): void;
+    onDurationchange(): void;
     onLoadeddata(): void;
     onLoadstart(): void;
     /**
@@ -536,6 +609,18 @@ declare class Player extends MediaProxy {
      * @returns { boolean }
      */
     checkBuffer(time: number): boolean;
+    resizePosition(): void;
+    /**
+     * @description position video/audio according to height ratio and y coordinate
+     * @param { { h: number, y?: number, x?:number, w?:number} } pos
+     * @returns
+     */
+    position(pos?: {
+        h: number;
+        y?: number;
+        x?: number;
+        w?: number;
+    }): void;
     /**
      * @description Update configuration parameters
      * @param { IPlayerOptions } config
@@ -608,9 +693,21 @@ declare class Player extends MediaProxy {
         droppedRate: number;
         droppedDuration: number;
     };
+    /**
+     * @type { null | Object }
+     * @readonly
+     * @description 控制栏插件
+     */
+    readonly get controls(): any;
     /**
      * @type { string }
      */
+    set lang(arg: string);
+    get lang(): string;
+    get i18n(): import("./lang/i18n").IXGI18nText;
+    get i18nKeys(): {
+        [propName: string]: string;
+    };
     /**
      * @type { string }
      */
@@ -651,6 +748,12 @@ declare class Player extends MediaProxy {
      * @type { number }
      */
     get zoom(): number;
+    /**
+     * @type {number}
+     * @description Media element rotation angle, Only multiples of 90 degrees are supported
+     */
+    set videoRotateDeg(arg: number);
+    get videoRotateDeg(): number;
     /**
      * @description 均衡下载速度，单位kb/s, 根据10条最新下载速度计算出来的加权值，如果没有测速能力则默认是0
      * @type { number }
@@ -722,6 +825,8 @@ import BasePlugin from "./plugin/basePlugin";
 import * as Events from "./events";
 import Errors from "./error";
 import Sniffer from "./utils/sniffer";
+import Util from "./utils/util";
 import STATE_CLASS from "./stateClassMap";
+import I18N from "./lang/i18n";
 import MediaProxy from "./mediaProxy";
-export { Player as default, Plugin, BasePlugin, Events, Errors, Sniffer, STATE_CLASS };
+export { Player as default, Plugin, BasePlugin, Events, Errors, Sniffer, Util, STATE_CLASS, I18N };