ezuikit-flv 1.0.3-beta.2 → 2.0.0-alpha.0

package/types/index.d.ts

@@ -2,12 +2,16 @@ export default EzuikitFlv;
 /**
  * @classdesc EzuikitFlv.js 播放flv直播流， 支持播放h264/h265的直播视频流
  * @example
+ *
+ * import "ezuikit-flv/style.css"
+ * import EzuikitFlv from 'ezuikit-flv'
+ *
  * const flv = new EzuikitFlv({
  *  id: "EleId",
  *  url: "https://open.ys7.com/v3/openlive/E71992743_1_1.flv"
  * })
  */
-declare class EzuikitFlv extends EventEmitter<string | symbol, any> {
+declare class EzuikitFlv extends Theme {
     /**
      * @description EzuikitFlv error events
      * @static
@@ -31,6 +35,109 @@ declare class EzuikitFlv extends EventEmitter<string | symbol, any> {
         wasmDecodeError: string;
         webglAlignmentError: string;
     };
+    static EVENTS: {
+        fullscreenChange: string;
+        orientationChange: string;
+        decoderWorkerInit: string;
+        play: string;
+        playing: string;
+        pause: string;
+        mute: string;
+        load: string;
+        loading: string;
+        loaded: string;
+        videoInfo: string;
+        timeUpdate: string;
+        timeUpdateOSD: string;
+        audioInfo: string;
+        log: string;
+        error: string;
+        kBps: string;
+        timeout: string;
+        heartTimeout: string;
+        heartRetryTimes: string;
+        delayTimeout: string;
+        loadingTimeout: string;
+        loadingRetryTimes: string;
+        stats: string;
+        performance: string;
+        buffer: string;
+        videoFrame: string;
+        start: string;
+        metadata: string;
+        resize: string;
+        streamEnd: string;
+        streamSuccess: string;
+        streamMessage: string;
+        streamError: string;
+        volumechange: string;
+        audioCodecUnsupported: string;
+        unrecoverableEarlyEof: string;
+        destroy: string;
+        mseSourceOpen: string;
+        mseSourceClose: string;
+        mseSourceBufferError: string;
+        mseSourceBufferBusy: string;
+        mseSourceBufferFull: string;
+        videoWaiting: string;
+        videoTimeUpdate: string;
+        videoSyncAudio: string;
+        playToRenderTimes: string;
+        localVideoRecords: string;
+        getDefinitionListResult: string;
+        definitionChange: string;
+        definitionListChange: string;
+        playbackRateListChange: string;
+        playbackRateChange: string;
+        decoderLoaded: string;
+        end: string;
+    } & {
+        loading: string;
+        play: string;
+        capturePicture: string;
+        volumechange: string;
+        audioInfo: string;
+        videoInfo: string;
+        fullscreen: string;
+        exitFullscreen: string;
+        fullscreenChange: string;
+        resize: string;
+        orientationChange: string;
+        audioCodecUnsupported: string;
+        changeTheme: string;
+        changeRecType: string;
+        changeDefinition: string;
+        changeSpeed: string;
+        control: {
+            play: string; /**
+             * @description 初始化播放
+             * @private
+             * @param {string | HTMLElement} $container
+             * @param {FlvOptions} options
+             * @return {void}
+             */
+            capturePicture: string;
+            volumechange: string;
+            volumePanelOpenChange: string;
+            controlsBarOpenChange: string;
+            headerMoreShow: string;
+            footerMoreShow: string;
+            beforeMountControls: string;
+            mountedControls: string;
+            beforeUnmountControls: string;
+            unmountedControls: string;
+            changeRecType: string;
+            changeDefinition: string;
+            definitionPanelOpenChange: string;
+            changeSpeed: string;
+            speedPanelOpenChange: string;
+        };
+        theme: {
+            beforeDestroy: string;
+            destroyed: string;
+        };
+        message: string;
+    };
     static QUALITY_ENUM: {
         0: string;
         1: string;
@@ -52,7 +159,11 @@ declare class EzuikitFlv extends EventEmitter<string | symbol, any> {
      * @returns {FlvOptions}
      */
     private static _setOptions;
-    /** 版本号 EzuikitFlv.version */
+    /**
+     * 版本号 EzuikitFlv.version
+     * @example
+     * EzuikitFlv.version
+     */
     static version: string;
     /**
      * @description 静态方法 判断是否支持播放地址
@@ -74,14 +185,15 @@ declare class EzuikitFlv extends EventEmitter<string | symbol, any> {
      * @param {FlvOptions} options
      */
     constructor(options: FlvOptions);
-    event: EventEmitter<string | symbol, any>;
     urlInfo: {};
     /** @type {Services} */
     services: Services;
     /** @private */
     private _loadingTimeoutDelayTimer;
+    _heartTimeoutDelayTimer: any;
     _opt: any;
     $container: any;
+    _heartTimeoutDelayTimes: number;
     _loadingTimeoutReplayTimes: number;
     events: Events;
     _videoInfo: {};
@@ -94,6 +206,7 @@ declare class EzuikitFlv extends EventEmitter<string | symbol, any> {
     private _playbackRate;
     playbackRateList: number[];
     playbackRecords: any[];
+    _onvisibilitychange(): void;
     /**
      * https 接口调用 仅针对萤石设备
      * @since @1.0.3
@@ -152,16 +265,6 @@ declare class EzuikitFlv extends EventEmitter<string | symbol, any> {
      * @returns {boolean}
      */
     private _isEzvizPlayback;
-    /**
-     * 当前是否在播放中
-     */
-    get playing(): any;
-    /**
-     * @description 销毁
-     * @example
-     * flv.destroy()
-     */
-    destroy(): void;
     player: Player;
     /**
      * @private
@@ -191,8 +294,9 @@ declare class EzuikitFlv extends EventEmitter<string | symbol, any> {
      * @description 是否开启控制台调试打印
      * @param {boolean} value true: 开启， false: 关闭
      * @returns {void}
+     * @deprecated 推荐 player.setLogger({level: "WARN"})， 后面版本会移除
      * @example
-     * flv.setDebug(false)
+     * player.setDebug(false)
      */
     setDebug(value: boolean): void;
     /**
@@ -202,51 +306,45 @@ declare class EzuikitFlv extends EventEmitter<string | symbol, any> {
      */
     setLogger(opt?: {}): void;
     /**
-     * @description 关闭声音
+     * @description 关闭声音（非静音）
      * @returns {void}
+     * @deprecated 推荐 player.volume = 0， 后面版本会移除
      * @example
-     * flv.closeSound()
+     * player.closeSound()
      */
     closeSound(): void;
     /**
-     * @description 开启声音 默认音量 0.5
+     * @description 开启声音 默认音量 0.8,
      * @returns {void}
+     * @deprecated 推荐 player.volume = 0.8， 后面版本会移除
      * @example
-     * flv.openSound() //
+     * player.openSound() //
      */
     openSound(): void;
     /**
      * @description 设置音量
      * @param {number} value 音量 0～1
      * @returns {void}
+     * @deprecated 后面版本会移除, 推荐 player.volume = 0.8,
      * @example
-     * flv.setVolume(0.5)
+     * player.setVolume(0.8)
      */
     setVolume(value: number): void;
-    set volume(value: any);
-    get volume(): any;
     /**
      * @description 获取音量， 音量 0～1
      * @returns {number}
+     * @deprecated 后面版本会移除, 推荐 player.volume
      * @example
-     * flv.getVolume()
+     * player.getVolume()
      */
     getVolume(): number;
     /**
      * @description 音频恢复
      * @returns {void}
      * @example
-     * flv.audioResume()
+     * player.audioResume()
      */
     audioResume(): void;
-    /**
-     * @description 设置超时时长, 单位秒 在连接成功之前和播放中途,如果超过设定时长无数据返回,则回调timeout事件
-     * @private
-     * @param {number} time 设置超时时长, 单位秒
-     * @returns {void}
-     * @example
-     * flv.setTimeout(3)
-     */
     /**
      * @description 设置渲染的模式 (video 不支持)
      * @private
@@ -296,6 +394,10 @@ declare class EzuikitFlv extends EventEmitter<string | symbol, any> {
      * @private
      */
     private _onDelayTimeout;
+    /**
+     * @private
+     */
+    private _onHeartTimeout;
     /**
      * @private
      */
@@ -309,14 +411,10 @@ declare class EzuikitFlv extends EventEmitter<string | symbol, any> {
      */
     private _onStreamError;
     /**
-     * @description 重新调整视图大小
-     * @param {number=} width  宽
-     * @param {number=} height  高
-     * @example
-     *
-     * flv.resize()
+     * 获取萤石直播间播放失败的原因
+     * @private
      */
-    resize(width?: number | undefined, height?: number | undefined): void;
+    private _getDeviceStreamErrorInfo;
     /**
      * @description 设置最大缓冲时长，单位秒，播放器会自动消除延迟。软解
      * @private
@@ -329,6 +427,7 @@ declare class EzuikitFlv extends EventEmitter<string | symbol, any> {
      * @description 设置旋转角度，支持，0(默认), 90, 180, 270 四个值。
      * @param {number} deg 旋转角度取值 EzuikitFlv.ROTATE
      * @returns {Promise}
+     * @deprecated 不在使用
      * @example
      * flv.setRotate(90) // 旋转90度
      */
@@ -346,17 +445,6 @@ declare class EzuikitFlv extends EventEmitter<string | symbol, any> {
      * flv.setKeepScreenOn()
      */
     setKeepScreenOn(): void;
-    /**
-     * @description 全屏(取消全屏)播放视频
-     * @private
-     * @param {Boolean} flag
-     */
-    private _setFullscreen;
-    /**
-     * 当前容器全屏中
-     * @returns {boolean}
-     */
-    get fullscreening(): boolean;
     /**
      * 当前视频的信息, 推荐使用监听 videoInfo 事件
      * @returns {Object}
@@ -368,37 +456,7 @@ declare class EzuikitFlv extends EventEmitter<string | symbol, any> {
      */
     get currentTime(): number;
     /**
-     * @description 全屏播放视频(不支持移动端)
-     * @returns {Promise}
-     * @deprecated
-     * @example
-     * flv.fullScreen() // 全屏
-     */
-    fullScreen(): Promise<any>;
-    /**
-     * @description 全屏播放视频(不支持移动端)
-     * @returns {Promise}
-     * @example
-     * flv.fullscreen() // 全屏
-     */
-    fullscreen(): Promise<any>;
-    /**
-     * @description 退出全屏播放视频
-     * @returns {Promise}
-     * @deprecated
-     * @example
-     * flv.cancelFullScreen() // 退出全屏
-     */
-    cancelFullScreen(): Promise<any>;
-    /**
-     * @description 取消全屏播放视频
-     * @returns {Promise}
-     * @example
-     * flv.exitFullscreen() // 退出全屏
-     */
-    exitFullscreen(): Promise<any>;
-    /**
-     * @description 截图，调用后弹出下载框保存截图
+     * @description 截图，调用后弹出下载框保存截图, (硬解下 Mac Safari 部分截图结果是黑色的)
      * @param {string=} filename 保存的文件名, 默认 时间戳
      * @param {string=} format 截图的格式，可选png或jpeg或者webp ,默认 png
      * @param {number=} quality 当格式是jpeg或者webp时，压缩质量，取值0 ~ 1 ,默认 0.92
@@ -407,15 +465,15 @@ declare class EzuikitFlv extends EventEmitter<string | symbol, any> {
      * @returns {string | Blob | undefined}   undefined 代表截图失败
      * @since 1.0.3
      * @example
-     * flv.screenshot()
-     * flv.screenshot("filename", "jpeg", 0.7, "download")
+     * player.screenshot()
+     * player.screenshot("filename", "jpeg", 0.7, "download")
      */
     screenshot(filename?: string | undefined, format?: string | undefined, quality?: number | undefined, type?: ("download" | "base64" | "blob")): string | Blob | undefined;
     /**
      * @description 获取播放器的状态
      * @returns {PlayerState} 播放器的状态
      * @example
-     * flv.getState()
+     * player.getState()
      */
     getState(): PlayerState;
     /**
@@ -435,7 +493,7 @@ declare class EzuikitFlv extends EventEmitter<string | symbol, any> {
      */
     getVersion(): string;
 }
-import EventEmitter from 'eventemitter3';
+import Theme from '@ezviz/player-theme';
 import Services from './services';
 import Events from './utils/events';
 import Player from './player';

package/types/locales/en_US.d.ts

@@ -0,0 +1,116 @@
+declare const _default: {
+    95000: string;
+    95400: string;
+    95402: string;
+    95403: string;
+    95404: string;
+    95405: string;
+    95406: string;
+    95407: string;
+    95409: string;
+    95411: string;
+    95412: string;
+    95413: string;
+    95415: string;
+    95416: string;
+    95417: string;
+    95451: string;
+    95452: string;
+    95454: string;
+    95455: string;
+    95456: string;
+    95457: string;
+    95458: string;
+    95459: string;
+    95460: string;
+    95461: string;
+    95462: string;
+    95463: string;
+    95464: string;
+    95465: string;
+    95466: string;
+    95492: string;
+    95500: string;
+    95503: string;
+    95504: string;
+    95505: string;
+    95506: string;
+    95507: string;
+    95544: string;
+    95545: string;
+    95546: string;
+    95547: string;
+    95556: string;
+    95557: string;
+    95558: string;
+    95560: string;
+    95561: string;
+    95562: string;
+    95563: string;
+    95564: string;
+    95565: string;
+    95566: string;
+    95567: string;
+    95568: string;
+    95569: string;
+    95600: string;
+    95601: string;
+    95602: string;
+    95530: string;
+    95610: string;
+    95620: string;
+    95701: string;
+    95702: string;
+    95703: string;
+    96001: string;
+    96002: string;
+    96099: string;
+    96101: string;
+    96102: string;
+    96103: string;
+    96104: string;
+    96105: string;
+    96106: string;
+    96107: string;
+    96108: string;
+    96109: string;
+    96110: string;
+    96501: string;
+    96502: string;
+    96503: string;
+    96504: string;
+    96505: string;
+    96506: string;
+    96508: string;
+    96509: string;
+    96510: string;
+    96511: string;
+    96512: string;
+    96513: string;
+    96514: string;
+    96515: string;
+    96516: string;
+    96517: string;
+    96518: string;
+    96519: string;
+    96520: string;
+    90601: string;
+    90602: string;
+    90603: string;
+    90604: string;
+    90605: string;
+    90606: string;
+    4050: string;
+    4054: string;
+    4056: string;
+    4057: string;
+    4058: string;
+    9048: string;
+    9049: string;
+    9053: string;
+    9057: string;
+    9060: string;
+    9061: string;
+    9062: string;
+};
+export default _default;

package/types/locales/zh_CN.d.ts

@@ -0,0 +1,116 @@
+declare const _default: {
+    95000: string;
+    95400: string;
+    95402: string;
+    95403: string;
+    95404: string;
+    95405: string;
+    95406: string;
+    95407: string;
+    95409: string;
+    95411: string;
+    95412: string;
+    95413: string;
+    95415: string;
+    95416: string;
+    95417: string;
+    95451: string;
+    95452: string;
+    95454: string;
+    95455: string;
+    95456: string;
+    95457: string;
+    95458: string;
+    95459: string;
+    95460: string;
+    95461: string;
+    95462: string;
+    95463: string;
+    95464: string;
+    95465: string;
+    95466: string;
+    95492: string;
+    95500: string;
+    95503: string;
+    95504: string;
+    95505: string;
+    95506: string;
+    95507: string;
+    95544: string;
+    95545: string;
+    95546: string;
+    95547: string;
+    95556: string;
+    95557: string;
+    95558: string;
+    95560: string;
+    95561: string;
+    95562: string;
+    95563: string;
+    95564: string;
+    95565: string;
+    95566: string;
+    95567: string;
+    95568: string;
+    95569: string;
+    95600: string;
+    95601: string;
+    95602: string;
+    95530: string;
+    95610: string;
+    95620: string;
+    95701: string;
+    95702: string;
+    95703: string;
+    96001: string;
+    96002: string;
+    96099: string;
+    96101: string;
+    96102: string;
+    96103: string;
+    96104: string;
+    96105: string;
+    96106: string;
+    96107: string;
+    96108: string;
+    96109: string;
+    96110: string;
+    96501: string;
+    96502: string;
+    96503: string;
+    96504: string;
+    96505: string;
+    96506: string;
+    96508: string;
+    96509: string;
+    96510: string;
+    96511: string;
+    96512: string;
+    96513: string;
+    96514: string;
+    96515: string;
+    96516: string;
+    96517: string;
+    96518: string;
+    96519: string;
+    96520: string;
+    90601: string;
+    90602: string;
+    90603: string;
+    90604: string;
+    90605: string;
+    90606: string;
+    4050: string;
+    4054: string;
+    4056: string;
+    4057: string;
+    4058: string;
+    9048: string;
+    9049: string;
+    9053: string;
+    9057: string;
+    9060: string;
+    9061: string;
+    9062: string;
+};
+export default _default;

package/types/player/base-player.d.ts

@@ -1,14 +1,37 @@
+import Emitter from '../utils/emitter';
+import VideoLoader from './hard-player/videoLoader';
+import CanvasLoader from './soft-player/canvasLoader';
+import Debug from '../utils/debug';
+import Events from '../utils/events';
+import Control from '../control';
+export interface PlayTimes {
+    playInitStart: number;
+    playStart: number;
+    streamStart: number;
+    streamResponse: number;
+    demuxStart: number;
+    decodeStart: number;
+    videoStart: number;
+    playTimestamp: number;
+    streamTimestamp: number;
+    streamResponseTimestamp: number;
+    demuxTimestamp: number;
+    decodeTimestamp: number;
+    videoTimestamp: number;
+    allTimestamp: number;
+}
 export default class BasePlayer extends Emitter {
-    constructor(container: any, options: any, Video: any);
-    $container: any;
+    $container: Element;
     _opt: any;
     debug: Debug;
+    _muted: any;
+    _volume: any;
     _loading: boolean;
     _playing: boolean;
     _hasLoaded: boolean;
-    _checkHeartTimeout: any;
-    _checkStatsInterval: any;
-    _startBpsTime: any;
+    _checkHeartTimeout: number | null;
+    _checkStatsInterval: number;
+    _startBpsTime: number;
     _isPlayingBeforePageHidden: boolean;
     _stats: {
         buf: number;
@@ -17,32 +40,21 @@ export default class BasePlayer extends Emitter {
         vbps: number;
         ts: number;
     };
-    _times: {
-        playInitStart: string;
-        playStart: string;
-        streamStart: string;
-        streamResponse: string;
-        demuxStart: string;
-        decodeStart: string;
-        videoStart: string;
-        playTimestamp: string;
-        streamTimestamp: string;
-        streamResponseTimestamp: string;
-        demuxTimestamp: string;
-        decodeTimestamp: string;
-        videoTimestamp: string;
-        allTimestamp: string;
-    };
+    _times: PlayTimes;
     _videoTimestamp: number;
     _audioTimestamp: number;
     events: Events;
-    video: any;
+    video: VideoLoader | CanvasLoader;
     _fullscreen: boolean;
     control: Control;
-    set fullscreen(value: any);
-    get fullscreen(): any;
-    set webFullscreen(value: any);
-    get webFullscreen(): any;
+    constructor(container: Element, options: any, Video: new (player: BasePlayer) => VideoLoader | CanvasLoader);
+    get muted(): any;
+    set muted(muted: any);
+    protected _updateMuted(muted: boolean): void;
+    get volume(): any;
+    set volume(value: any);
+    protected _updateVolume(value: number): void;
+    destroy(): void;
     /**
      *
      * @param options
@@ -53,7 +65,3 @@ export default class BasePlayer extends Emitter {
      */
     resize(): void;
 }
-import Emitter from '../utils/emitter';
-import Debug from '../utils/debug';
-import Events from '../utils/events';
-import Control from '../control';