@vtx/player 1.6.2 → 1.6.6

package/lib/typings/jessibuca.d.ts

@@ -0,0 +1,556 @@
+
+export declare class Jessibuca {
+
+    constructor(params: Config);
+ 
+    /**
+     * 是否开启控制台调试打印
+     @example
+     // 开启
+     jessibuca.setDebug(true)
+     // 关闭
+     jessibuca.setDebug(false)
+     */
+    setDebug(flag: boolean): void;
+ 
+    /**
+     * 静音
+     @example
+     jessibuca.mute()
+     */
+    mute(): void;
+ 
+    /**
+     * 取消静音
+     @example
+     jessibuca.cancelMute()
+     */
+    cancelMute(): void;
+ 
+    /**
+     * 留给上层用户操作来触发音频恢复的方法。
+     *
+     * iPhone，chrome等要求自动播放时，音频必须静音，需要由一个真实的用户交互操作来恢复，不能使用代码。
+     *
+     * https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
+     */
+    audioResume(): void;
+ 
+    /**
+     *
+     * 设置超时时长, 单位秒
+     * 在连接成功之前和播放中途,如果超过设定时长无数据返回,则回调timeout事件
+     @example
+     jessibuca.setTimeout(10)
+     jessibuca.on('timeout',function(){
+        //
+    });
+     */
+    setTimeout(): void;
+ 
+    /**
+     * @param mode
+     *      0 视频画面完全填充canvas区域,画面会被拉伸  等同于参数 `isResize` 为false
+     *
+     *      1 视频画面做等比缩放后,高或宽对齐canvas区域,画面不被拉伸,但有黑边 等同于参数 `isResize` 为true
+     *
+     *      2 视频画面做等比缩放后,完全填充canvas区域,画面不被拉伸,没有黑边,但画面显示不全 等同于参数 `isFullResize` 为true
+     @example
+     jessibuca.setScaleMode(0)
+     jessibuca.setScaleMode(1)
+     jessibuca.setScaleMode(2)
+     */
+    setScaleMode(mode: number): void;
+ 
+    /**
+     * 暂停播放
+     *
+     * 可以在pause 之后，再调用 `play()`方法就继续播放之前的流。
+     @example
+     jessibuca.pause().then(()=>{
+        console.log('pause success')
+        jessibuca.play().then(()=>{
+        }).catch((e)=>{
+        })
+    }).catch((e)=>{
+        console.log('pause error',e);
+    })
+     */
+    pause(): Promise<void>;
+ 
+    /**
+     * 关闭视频,不释放底层资源
+     @example
+     jessibuca.close();
+     */
+    close(): void;
+ 
+    /**
+     * 关闭视频，释放底层资源
+     @example
+     jessibuca.destroy()
+     */
+    destroy(): void;
+ 
+    /**
+     * 清理画布为黑色背景
+     @example
+     jessibuca.clearView()
+     */
+    clearView(): void;
+ 
+    /**
+     * 播放视频
+     @example
+     jessibuca.play('url').then(()=>{
+        console.log('play success')
+    }).catch((e)=>{
+        console.log('play error',e)
+    })
+     //
+     jessibuca.play()
+     */
+    play(url?: string): Promise<void>;
+ 
+    /**
+     * 重新调整视图大小
+     */
+    resize(): void;
+ 
+    /**
+     * 设置最大缓冲时长，单位秒，播放器会自动消除延迟。
+     *
+     * 等同于 `videoBuffer` 参数。
+     *
+     @example
+     // 设置 200ms 缓冲
+     jessibuca.setBufferTime(0.2)
+     */
+    setBufferTime(time: number): void;
+ 
+    /**
+     * 设置旋转角度，只支持，0(默认) ，180，270 三个值。
+     *
+     * > 可用于实现监控画面小窗和全屏效果，由于iOS没有全屏API，此方法可以模拟页面内全屏效果而且多端效果一致。   *
+     @example
+     jessibuca.setRotate(0)
+     jessibuca.setRotate(90)
+     jessibuca.setRotate(270)
+     */
+    setRotate(deg: number): void;
+ 
+    /**
+     *
+     * 设置音量大小，取值0 — 1
+     *
+     * > 区别于 mute 和 cancelMute 方法，虽然设置setVolume(0) 也能达到 mute方法，但是mute 方法是不调用底层播放音频的，能提高性能。而setVolume(0)只是把声音设置为0 ，以达到效果。
+     * @param volume 当为0时，完全无声;当为1时，最大音量，默认值
+     @example
+     jessibuca.setVolume(0.2)
+     jessibuca.setVolume(0)
+     jessibuca.setVolume(1)
+     */
+    setVolume(volume: number): void;
+ 
+    /**
+     * 返回是否加载完毕
+     @example
+     var result = jessibuca.hasLoaded()
+     console.log(result) // true
+     */
+    hasLoaded(): boolean;
+ 
+    /**
+     * 开启屏幕常亮，在手机浏览器上, canvas标签渲染视频并不会像video标签那样保持屏幕常亮。
+     * H5目前在chrome\edge 84, android chrome 84及以上有原生亮屏API, 需要是https页面
+     * 其余平台为模拟实现，此时为兼容实现，并不保证所有浏览器都支持
+     @example
+     jessibuca.setKeepScreenOn()
+     */
+    setKeepScreenOn(): boolean;
+ 
+    /**
+     * 全屏(取消全屏)播放视频
+     @example
+     jessibuca.setFullscreen(true)
+     //
+     jessibuca.setFullscreen(false)
+     */
+    setFullscreen(flag: boolean): void;
+ 
+    /**
+     *
+     * 截图，调用后弹出下载框保存截图
+     * @param filename 可选参数, 保存的文件名, 默认 `时间戳`
+     * @param format   可选参数, 截图的格式，可选png或jpeg或者webp ,默认 `png`
+     * @param quality  可选参数, 当格式是jpeg或者webp时，压缩质量，取值0 ~ 1 ,默认 `0.92`
+     * @param type 可选参数, 可选download或者base64或者blob，默认`download`
+     @example
+     jessibuca.screenshot("test","png",0.5)
+     const base64 = jessibuca.screenshot("test","png",0.5,'base64')
+     const fileBlob = jessibuca.screenshot("test",'blob')
+     */
+    screenshot(filename?: string, format?: string, quality?: number, type?: string): void;
+ 
+    /**
+     * 开始录制。
+     * @param fileName 可选，默认时间戳
+     * @param fileType 可选，默认webm，支持webm 和mp4 格式
+     @example
+     jessibuca.startRecord('xxx','webm')
+     */
+    startRecord(fileName: string, fileType: string): void
+ 
+    /**
+     * 暂停录制并下载。
+     @example
+     jessibuca.stopRecordAndSave()
+     */
+    stopRecordAndSave(): void;
+ 
+    /**
+     * 返回是否正在播放中状态。
+     @example
+     var result = jessibuca.isPlaying()
+     console.log(result) // true
+     */
+    isPlaying(): boolean;
+ 
+    /**
+     *   返回是否静音。
+     @example
+     var result = jessibuca.isMute()
+     console.log(result) // true
+     */
+    isMute(): boolean;
+ 
+    /**
+     * 返回是否正在录制。
+     @example
+     var result = jessibuca.isRecording()
+     console.log(result) // true
+     */
+    isRecording(): boolean;
+ 
+ 
+    /**
+     * 监听 jessibuca 初始化事件
+     * @example
+     * jessibuca.on("load",function(){console.log('load')})
+     */
+    on(event: 'load', callback: () => void): void;
+ 
+    /**
+     * 视频播放持续时间，单位ms
+     * @example
+     * jessibuca.on('timeUpdate',function (ts) {console.log('timeUpdate',ts);})
+     */
+    on(event: 'timeUpdate', callback: () => void): void;
+ 
+    /**
+     * 当解析出视频信息时回调，2个回调参数
+     * @example
+     * jessibuca.on("videoInfo",function(data){console.log('width:',data.width,'height:',data.width)})
+     */
+    on(event: 'videoInfo', callback: (data: {
+        /** 视频宽 */
+        width: number;
+        /** 视频高 */
+        height: number;
+    }) => void): void;
+ 
+    /**
+     * 当解析出音频信息时回调，2个回调参数
+     * @example
+     * jessibuca.on("audioInfo",function(data){console.log('numOfChannels:',data.numOfChannels,'sampleRate',data.sampleRate)})
+     */
+    on(event: 'audioInfo', callback: (data: {
+        /** 声频通道 */
+        numOfChannels: number;
+        /** 采样率 */
+        sampleRate: number;
+    }) => void): void;
+ 
+    /**
+     * 信息，包含错误信息
+     * @example
+     * jessibuca.on("log",function(data){console.log('data:',data)})
+     */
+    on(event: 'log', callback: () => void): void;
+ 
+    /**
+     * 错误信息
+     * @example
+     * jessibuca.on("error",function(error){
+        if(error === Jessibuca.ERROR.fetchError){
+            //
+        }
+        else if(error === Jessibuca.ERROR.webcodecsH265NotSupport){
+            //
+        }
+        console.log('error:',error)
+    })
+     */
+    on(event: 'error', callback: (err: Jessibuca.ERROR) => void): void;
+ 
+    /**
+     * 当前网速， 单位KB 每秒1次,
+     * @example
+     * jessibuca.on("kBps",function(data){console.log('kBps:',data)})
+     */
+    on(event: 'kBps', callback: (value: number) => void): void;
+ 
+    /**
+     * 渲染开始
+     * @example
+     * jessibuca.on("start",function(){console.log('start render')})
+     */
+    on(event: 'start', callback: () => void): void;
+ 
+    /**
+     * 当设定的超时时间内无数据返回,则回调
+     * @example
+     * jessibuca.on("timeout",function(error){console.log('timeout:',error)})
+     */
+    on(event: 'timeout', callback: (error: Jessibuca.TIMEOUT) => void): void;
+ 
+    /**
+     * 当play()的时候，如果没有数据返回，则回调
+     * @example
+     * jessibuca.on("loadingTimeout",function(){console.log('timeout')})
+     */
+    on(event: 'loadingTimeout', callback: () => void): void;
+ 
+    /**
+     * 当播放过程中，如果超过timeout之后没有数据渲染，则抛出异常。
+     * @example
+     * jessibuca.on("delayTimeout",function(){console.log('timeout')})
+     */
+    on(event: 'delayTimeout', callback: () => void): void;
+ 
+    /**
+     * 当前是否全屏
+     * @example
+     * jessibuca.on("fullscreen",function(flag){console.log('is fullscreen',flag)})
+     */
+    on(event: 'fullscreen', callback: () => void): void;
+ 
+    /**
+     * 触发播放事件
+     * @example
+     * jessibuca.on("play",function(flag){console.log('play')})
+     */
+    on(event: 'play', callback: () => void): void;
+ 
+    /**
+     * 触发暂停事件
+     * @example
+     * jessibuca.on("pause",function(flag){console.log('pause')})
+     */
+    on(event: 'pause', callback: () => void): void;
+ 
+    /**
+     * 触发声音事件，返回boolean值
+     * @example
+     * jessibuca.on("mute",function(flag){console.log('is mute',flag)})
+     */
+    on(event: 'mute', callback: () => void): void;
+ 
+    /**
+     * 流状态统计，流开始播放后回调，每秒1次。
+     * @example
+     * jessibuca.on("stats",function(s){console.log("stats is",s)})
+     */
+    on(event: 'stats', callback: (stats: {
+        /** 当前缓冲区时长，单位毫秒 */
+        buf: number;
+        /** 当前视频帧率 */
+        fps: number;
+        /** 当前音频码率，单位bit */
+        abps: number;
+        /** 当前视频码率，单位bit */
+        vbps: number;
+        /** 当前视频帧pts，单位毫秒 */
+        ts: number;
+    }) => void): void;
+ 
+    /**
+     * 渲染性能统计，流开始播放后回调，每秒1次。
+     * @param performance 0: 表示卡顿,1: 表示流畅,2: 表示非常流程
+     * @example
+     * jessibuca.on("performance",function(performance){console.log("performance is",performance)})
+     */
+    on(event: 'performance', callback: (performance: 0 | 1 | 2) => void): void;
+ 
+    /**
+     * 录制开始的事件
+     * @example
+     * jessibuca.on("recordStart",function(){console.log("record start")})
+     */
+    on(event: 'recordStart', callback: () => void): void;
+ 
+    /**
+     * 录制结束的事件
+     * @example
+     * jessibuca.on("recordEnd",function(){console.log("record end")})
+     */
+    on(event: 'recordEnd', callback: () => void): void;
+ 
+    /**
+     * 录制的时候，返回的录制时长，1s一次
+     * @example
+     * jessibuca.on("recordingTimestamp",function(timestamp){console.log("recordingTimestamp is",timestamp)})
+     */
+    on(event: 'recordingTimestamp', callback: (timestamp: number) => void): void;
+ 
+    /**
+     * 监听调用play方法 经过 初始化-> 网络请求-> 解封装 -> 解码 -> 渲染 一系列过程的时间消耗
+     * @param event
+     * @param callback
+     */
+    on(event: 'playToRenderTimes', callback: (times:{
+        playInitStart: number, // 1 初始化
+        playStart: number, // 2 初始化
+        streamStart: number, // 3 网络请求
+        streamResponse: number, // 4 网络请求
+        demuxStart: number, // 5 解封装
+        decodeStart: number, // 6 解码
+        videoStart: number, // 7 渲染
+        playTimestamp: number,// playStart- playInitStart
+        streamTimestamp: number,// streamStart - playStart
+        streamResponseTimestamp: number,// streamResponse - streamStart
+        demuxTimestamp: number, // demuxStart - streamResponse
+        decodeTimestamp: number, // decodeStart - demuxStart
+        videoTimestamp: number,// videoStart - decodeStart
+        allTimestamp: number // videoStart - playInitStart
+    }) => void): void
+ 
+    /**
+     * 监听方法
+     *
+     @example
+     jessibuca.on("load",function(){console.log('load')})
+     */
+    on(event: string, callback: () =>void): void;
+ 
+}
+
+type Config = {
+    /**
+     * 播放器容器
+     * *  若为 string ，则底层调用的是 document.getElementById('id')
+     * */
+    container: HTMLElement | string;
+    /**
+     * 设置最大缓冲时长，单位秒，播放器会自动消除延迟
+     */
+    videoBuffer?: number;
+    /**
+     * worker地址
+     * *  默认引用的是根目录下面的decoder.js文件 ，decoder.js 与 decoder.wasm文件必须是放在同一个目录下面。 */
+    decoder?: string;
+    /**
+     * 是否不使用离屏模式（提升渲染能力）
+     */
+    forceNoOffscreen?: boolean;
+    /**
+     * 是否开启当页面的'visibilityState'变为'hidden'的时候，自动暂停播放。
+     */
+    hiddenAutoPause?: boolean;
+    /**
+     * 是否有音频，如果设置`false`，则不对音频数据解码，提升性能。
+     */
+    hasAudio?: boolean;
+    /**
+     * 设置旋转角度，只支持，0(默认)，180，270 三个值
+     */
+    rotate?: boolean;
+    /**
+     * 1. 当为`true`的时候：视频画面做等比缩放后,高或宽对齐canvas区域,画面不被拉伸,但有黑边。 等同于 `setScaleMode(1)`
+     * 2. 当为`false`的时候：视频画面完全填充canvas区域,画面会被拉伸。等同于 `setScaleMode(0)`
+     */
+    isResize?: boolean;
+    /**
+     * 1. 当为`true`的时候：视频画面做等比缩放后,完全填充canvas区域,画面不被拉伸,没有黑边,但画面显示不全。等同于 `setScaleMode(2)`
+     */
+    isFullSize?: boolean;
+    /**
+     * 1. 当为`true`的时候：ws协议不检验是否以.flv为依据，进行协议解析。
+     */
+    isFlv?: boolean;
+    /**
+     * 是否开启控制台调试打
+     */
+    debug?: boolean;
+    /**
+     * 1. 设置超时时长, 单位秒
+     * 2. 在连接成功之前(loading)和播放中途(heart),如果超过设定时长无数据返回,则回调timeout事件
+     */
+    timeout?: number;
+    /**
+     * 1. 设置超时时长, 单位秒
+     * 2. 在连接成功之前,如果超过设定时长无数据返回,则回调timeout事件
+     */
+    heartTimeout?: number;
+    /**
+     * 1. 设置超时时长, 单位秒
+     * 2. 在连接成功之前,如果超过设定时长无数据返回,则回调timeout事件
+     */
+    loadingTimeout?: number;
+    /**
+     * 是否支持屏幕的双击事件，触发全屏，取消全屏事件
+     */
+    supportDblclickFullscreen?: boolean;
+    /**
+     * 是否显示网
+     */
+    showBandwidth?: boolean;
+    /**
+     * 配置操作按钮
+     */
+    operateBtns?: {
+        /** 是否显示全屏按钮 */
+        fullscreen?: boolean;
+        /** 是否显示截图按钮 */
+        screenshot?: boolean;
+        /** 是否显示播放暂停按钮 */
+        play?: boolean;
+        /** 是否显示声音按钮 */
+        audio?: boolean;
+        /** 是否显示录制按 */
+        record?: boolean;
+    };
+    /**
+     * 开启屏幕常亮，在手机浏览器上, canvas标签渲染视频并不会像video标签那样保持屏幕常亮
+     */
+    keepScreenOn?: boolean;
+    /**
+     * 是否开启声音，默认是关闭声音播放的
+     */
+    isNotMute?: boolean;
+    /**
+     * 加载过程中文案
+     */
+    loadingText?: boolean;
+    /**
+     * 背景图片
+     */
+    background?: string;
+    /**
+     * 是否开启MediaSource硬解码
+     * * 视频编码只支持H.264视频（Safari on iOS不支持）
+     * * 不支持 forceNoOffscreen 为 false (开启离屏渲染)
+     */
+    useMSE?: boolean;
+    /**
+     * 是否开启Webcodecs硬解码
+     * *  视频编码只支持H.264视频 (需在chrome 94版本以上，需要https或者localhost环境)
+     * *  支持 forceNoOffscreen 为 false （开启离屏渲染)
+     * */
+    useWCS?: boolean;
+    /**
+     * 是否开启键盘快捷键
+     * 目前支持的键盘快捷键有：esc -> 退出全屏；arrowUp -> 声音增加；arrowDown -> 声音减少；
+     */
+    hotKey?: boolean;
+};

package/lib/vtxHls/PlayerManager.d.ts

@@ -4,6 +4,7 @@ declare class VtxHlsPlayerManager {
     url: any;
     video: any;
     player: any;
+    timer: NodeJS.Timeout;
     initPlayer(): void;
     /**
      * 倍速播放

package/lib/vtxHls/PlayerManager.js

@@ -18,6 +18,7 @@ var VtxHlsPlayerManager = /*#__PURE__*/function () {
     this.url = opt.url;
     this.video = opt.video;
     this.player = null;
+    this.timer = null;
     this.initPlayer();
   } //初始化视频插件
 
@@ -32,16 +33,15 @@ var VtxHlsPlayerManager = /*#__PURE__*/function () {
         maxLiveSyncPlaybackRate: 1.5
       });
       this.player = hls;
-      var timer = null;
       this.player.on(Hls.Events.ERROR, function (evt, data) {
         if (data.type === Hls.ErrorTypes.MEDIA_ERROR) {
           _this.player.recoverMediaError();
         } else if (data.fatal) {
-          timer && clearTimeout(timer);
+          _this.timer && clearTimeout(_this.timer);
 
           _this.player.destroy();
 
-          timer = setTimeout(function () {
+          _this.timer = setTimeout(function () {
             return _this.initPlayer(video);
           }, 300);
         }
@@ -75,6 +75,7 @@ var VtxHlsPlayerManager = /*#__PURE__*/function () {
       if (this.player) {
         this.player.destroy();
         this.player = null;
+        this.timer = null;
       }
     }
   }, {

package/lib/vtxHls/PlayerManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlayerManager.js","names":["VtxHlsPlayerManager","opt","url","video","player","initPlayer","hls","Hls","maxLiveSyncPlaybackRate","timer","on","Events","ERROR","evt","data","type","ErrorTypes","MEDIA_ERROR","recoverMediaError","fatal","clearTimeout","destroy","setTimeout","MEDIA_ATTACHED","loadSource","MANIFEST_PARSED","play","attachMedia","speed","recordPlayer","playSpeed","setSize","fullScreen","playerAdapter","setPlayerAdapter","number","setPlayerNum","index","setSelectIndex"],"sources":["vtxHls/PlayerManager.js"],"sourcesContent":["class VtxHlsPlayerManager {\n    constructor(opt) {\n        this.url = opt.url;\n        this.video = opt.video;\n        this.player = null;\n        this.initPlayer();\n    }\n    //初始化视频插件\n    initPlayer() {\n        const video = this.video;\n        const hls = new Hls({\n            maxLiveSyncPlaybackRate: 1.5,\n        });\n        this.player = hls;\n        let timer = null;\n        this.player.on(Hls.Events.ERROR, (evt, data) => {\n            if (data.type === Hls.ErrorTypes.MEDIA_ERROR) {\n                this.player.recoverMediaError();\n            }\n            else if (data.fatal) {\n                timer && clearTimeout(timer);\n                this.player.destroy();\n                timer = setTimeout(() => this.initPlayer(video), 300);\n            }\n        });\n        this.player.on(Hls.Events.MEDIA_ATTACHED, () => {\n            this.player.loadSource(`${this.url}index.m3u8`);\n        });\n        this.player.on(Hls.Events.MANIFEST_PARSED, () => {\n            video.play();\n        });\n        this.player.attachMedia(video);\n    }\n    /**\n     * 倍速播放\n     * @param {number} speed 速率 0.125 0.25 0.5 1 2 4 8 共7种速率\n     */\n    playSpeed(speed) {\n        this.recordPlayer && this.recordPlayer.playSpeed(speed);\n    }\n    /**\n     * 关闭播放器\n     * @param {number} index 可选，关闭指定索引的窗口的播放器，不传则表示关闭所有播放器\n     */\n    close() {\n        if (this.player) {\n            this.player.destroy();\n            this.player = null;\n        }\n    }\n    resize() {\n        this.player && this.player.setSize();\n    }\n    /**\n     * 设置全屏\n     */\n    setFullScreen() {\n        this.player.fullScreen();\n    }\n    /**\n     * 设置窗口自适应还是拉伸\n     * @param {string} playerAdapter selfAdaption 自适应 | stretching 拉伸\n     */\n    setPlayerAdapter(playerAdapter) {\n        this.player.setPlayerAdapter(playerAdapter);\n    }\n    /**\n     * 控制视频播放器显示的路数: 1 4 9 16 25，不会超过最大显示路数\n     * @param {number} number\n     */\n    setPlayerNum(number) {\n        this.player.setPlayerNum(number);\n    }\n    /**\n     * 设置选中的播放器的索引\n     * @param {number} index\n     */\n    setSelectIndex(index) {\n        this.player.setSelectIndex(index);\n    }\n}\nexport default VtxHlsPlayerManager;\n"],"mappings":";;;;;;;;;;;;;IAAMA,mB;EACF,6BAAYC,GAAZ,EAAiB;IAAA;;IACb,KAAKC,GAAL,GAAWD,GAAG,CAACC,GAAf;IACA,KAAKC,KAAL,GAAaF,GAAG,CAACE,KAAjB;IACA,KAAKC,MAAL,GAAc,IAAd;IACA,KAAKC,UAAL;EACH,C,CACD;;;;;WACA,sBAAa;MAAA;;MACT,IAAMF,KAAK,GAAG,KAAKA,KAAnB;MACA,IAAMG,GAAG,GAAG,IAAIC,GAAJ,CAAQ;QAChBC,uBAAuB,EAAE;MADT,CAAR,CAAZ;MAGA,KAAKJ,MAAL,GAAcE,GAAd;MACA,IAAIG,KAAK,GAAG,IAAZ;MACA,KAAKL,MAAL,CAAYM,EAAZ,CAAeH,GAAG,CAACI,MAAJ,CAAWC,KAA1B,EAAiC,UAACC,GAAD,EAAMC,IAAN,EAAe;QAC5C,IAAIA,IAAI,CAACC,IAAL,KAAcR,GAAG,CAACS,UAAJ,CAAeC,WAAjC,EAA8C;UAC1C,KAAI,CAACb,MAAL,CAAYc,iBAAZ;QACH,CAFD,MAGK,IAAIJ,IAAI,CAACK,KAAT,EAAgB;UACjBV,KAAK,IAAIW,YAAY,CAACX,KAAD,CAArB;;UACA,KAAI,CAACL,MAAL,CAAYiB,OAAZ;;UACAZ,KAAK,GAAGa,UAAU,CAAC;YAAA,OAAM,KAAI,CAACjB,UAAL,CAAgBF,KAAhB,CAAN;UAAA,CAAD,EAA+B,GAA/B,CAAlB;QACH;MACJ,CATD;MAUA,KAAKC,MAAL,CAAYM,EAAZ,CAAeH,GAAG,CAACI,MAAJ,CAAWY,cAA1B,EAA0C,YAAM;QAC5C,KAAI,CAACnB,MAAL,CAAYoB,UAAZ,WAA0B,KAAI,CAACtB,GAA/B;MACH,CAFD;MAGA,KAAKE,MAAL,CAAYM,EAAZ,CAAeH,GAAG,CAACI,MAAJ,CAAWc,eAA1B,EAA2C,YAAM;QAC7CtB,KAAK,CAACuB,IAAN;MACH,CAFD;MAGA,KAAKtB,MAAL,CAAYuB,WAAZ,CAAwBxB,KAAxB;IACH;IACD;AACJ;AACA;AACA;;;;WACI,mBAAUyB,KAAV,EAAiB;MACb,KAAKC,YAAL,IAAqB,KAAKA,YAAL,CAAkBC,SAAlB,CAA4BF,KAA5B,CAArB;IACH;IACD;AACJ;AACA;AACA;;;;WACI,iBAAQ;MACJ,IAAI,KAAKxB,MAAT,EAAiB;QACb,KAAKA,MAAL,CAAYiB,OAAZ;QACA,KAAKjB,MAAL,GAAc,IAAd;MACH;IACJ;;;WACD,kBAAS;MACL,KAAKA,MAAL,IAAe,KAAKA,MAAL,CAAY2B,OAAZ,EAAf;IACH;IACD;AACJ;AACA;;;;WACI,yBAAgB;MACZ,KAAK3B,MAAL,CAAY4B,UAAZ;IACH;IACD;AACJ;AACA;AACA;;;;WACI,0BAAiBC,aAAjB,EAAgC;MAC5B,KAAK7B,MAAL,CAAY8B,gBAAZ,CAA6BD,aAA7B;IACH;IACD;AACJ;AACA;AACA;;;;WACI,sBAAaE,MAAb,EAAqB;MACjB,KAAK/B,MAAL,CAAYgC,YAAZ,CAAyBD,MAAzB;IACH;IACD;AACJ;AACA;AACA;;;;WACI,wBAAeE,KAAf,EAAsB;MAClB,KAAKjC,MAAL,CAAYkC,cAAZ,CAA2BD,KAA3B;IACH;;;;;;eAEUrC,mB"}
+{"version":3,"file":"PlayerManager.js","names":["VtxHlsPlayerManager","opt","url","video","player","timer","initPlayer","hls","Hls","maxLiveSyncPlaybackRate","on","Events","ERROR","evt","data","type","ErrorTypes","MEDIA_ERROR","recoverMediaError","fatal","clearTimeout","destroy","setTimeout","MEDIA_ATTACHED","loadSource","MANIFEST_PARSED","play","attachMedia","speed","recordPlayer","playSpeed","setSize","fullScreen","playerAdapter","setPlayerAdapter","number","setPlayerNum","index","setSelectIndex"],"sources":["vtxHls/PlayerManager.js"],"sourcesContent":["class VtxHlsPlayerManager {\n    constructor(opt) {\n        this.url = opt.url;\n        this.video = opt.video;\n        this.player = null;\n        this.timer = null;\n        this.initPlayer();\n    }\n    //初始化视频插件\n    initPlayer() {\n        const video = this.video;\n        const hls = new Hls({\n            maxLiveSyncPlaybackRate: 1.5,\n        });\n        this.player = hls;\n        this.player.on(Hls.Events.ERROR, (evt, data) => {\n            if (data.type === Hls.ErrorTypes.MEDIA_ERROR) {\n                this.player.recoverMediaError();\n            }\n            else if (data.fatal) {\n                this.timer && clearTimeout(this.timer);\n                this.player.destroy();\n                this.timer = setTimeout(() => this.initPlayer(video), 300);\n            }\n        });\n        this.player.on(Hls.Events.MEDIA_ATTACHED, () => {\n            this.player.loadSource(`${this.url}index.m3u8`);\n        });\n        this.player.on(Hls.Events.MANIFEST_PARSED, () => {\n            video.play();\n        });\n        this.player.attachMedia(video);\n    }\n    /**\n     * 倍速播放\n     * @param {number} speed 速率 0.125 0.25 0.5 1 2 4 8 共7种速率\n     */\n    playSpeed(speed) {\n        this.recordPlayer && this.recordPlayer.playSpeed(speed);\n    }\n    /**\n     * 关闭播放器\n     * @param {number} index 可选，关闭指定索引的窗口的播放器，不传则表示关闭所有播放器\n     */\n    close() {\n        if (this.player) {\n            this.player.destroy();\n            this.player = null;\n            this.timer = null;\n        }\n    }\n    resize() {\n        this.player && this.player.setSize();\n    }\n    /**\n     * 设置全屏\n     */\n    setFullScreen() {\n        this.player.fullScreen();\n    }\n    /**\n     * 设置窗口自适应还是拉伸\n     * @param {string} playerAdapter selfAdaption 自适应 | stretching 拉伸\n     */\n    setPlayerAdapter(playerAdapter) {\n        this.player.setPlayerAdapter(playerAdapter);\n    }\n    /**\n     * 控制视频播放器显示的路数: 1 4 9 16 25，不会超过最大显示路数\n     * @param {number} number\n     */\n    setPlayerNum(number) {\n        this.player.setPlayerNum(number);\n    }\n    /**\n     * 设置选中的播放器的索引\n     * @param {number} index\n     */\n    setSelectIndex(index) {\n        this.player.setSelectIndex(index);\n    }\n}\nexport default VtxHlsPlayerManager;\n"],"mappings":";;;;;;;;;;;;;IAAMA,mB;EACF,6BAAYC,GAAZ,EAAiB;IAAA;;IACb,KAAKC,GAAL,GAAWD,GAAG,CAACC,GAAf;IACA,KAAKC,KAAL,GAAaF,GAAG,CAACE,KAAjB;IACA,KAAKC,MAAL,GAAc,IAAd;IACA,KAAKC,KAAL,GAAa,IAAb;IACA,KAAKC,UAAL;EACH,C,CACD;;;;;WACA,sBAAa;MAAA;;MACT,IAAMH,KAAK,GAAG,KAAKA,KAAnB;MACA,IAAMI,GAAG,GAAG,IAAIC,GAAJ,CAAQ;QAChBC,uBAAuB,EAAE;MADT,CAAR,CAAZ;MAGA,KAAKL,MAAL,GAAcG,GAAd;MACA,KAAKH,MAAL,CAAYM,EAAZ,CAAeF,GAAG,CAACG,MAAJ,CAAWC,KAA1B,EAAiC,UAACC,GAAD,EAAMC,IAAN,EAAe;QAC5C,IAAIA,IAAI,CAACC,IAAL,KAAcP,GAAG,CAACQ,UAAJ,CAAeC,WAAjC,EAA8C;UAC1C,KAAI,CAACb,MAAL,CAAYc,iBAAZ;QACH,CAFD,MAGK,IAAIJ,IAAI,CAACK,KAAT,EAAgB;UACjB,KAAI,CAACd,KAAL,IAAce,YAAY,CAAC,KAAI,CAACf,KAAN,CAA1B;;UACA,KAAI,CAACD,MAAL,CAAYiB,OAAZ;;UACA,KAAI,CAAChB,KAAL,GAAaiB,UAAU,CAAC;YAAA,OAAM,KAAI,CAAChB,UAAL,CAAgBH,KAAhB,CAAN;UAAA,CAAD,EAA+B,GAA/B,CAAvB;QACH;MACJ,CATD;MAUA,KAAKC,MAAL,CAAYM,EAAZ,CAAeF,GAAG,CAACG,MAAJ,CAAWY,cAA1B,EAA0C,YAAM;QAC5C,KAAI,CAACnB,MAAL,CAAYoB,UAAZ,WAA0B,KAAI,CAACtB,GAA/B;MACH,CAFD;MAGA,KAAKE,MAAL,CAAYM,EAAZ,CAAeF,GAAG,CAACG,MAAJ,CAAWc,eAA1B,EAA2C,YAAM;QAC7CtB,KAAK,CAACuB,IAAN;MACH,CAFD;MAGA,KAAKtB,MAAL,CAAYuB,WAAZ,CAAwBxB,KAAxB;IACH;IACD;AACJ;AACA;AACA;;;;WACI,mBAAUyB,KAAV,EAAiB;MACb,KAAKC,YAAL,IAAqB,KAAKA,YAAL,CAAkBC,SAAlB,CAA4BF,KAA5B,CAArB;IACH;IACD;AACJ;AACA;AACA;;;;WACI,iBAAQ;MACJ,IAAI,KAAKxB,MAAT,EAAiB;QACb,KAAKA,MAAL,CAAYiB,OAAZ;QACA,KAAKjB,MAAL,GAAc,IAAd;QACA,KAAKC,KAAL,GAAa,IAAb;MACH;IACJ;;;WACD,kBAAS;MACL,KAAKD,MAAL,IAAe,KAAKA,MAAL,CAAY2B,OAAZ,EAAf;IACH;IACD;AACJ;AACA;;;;WACI,yBAAgB;MACZ,KAAK3B,MAAL,CAAY4B,UAAZ;IACH;IACD;AACJ;AACA;AACA;;;;WACI,0BAAiBC,aAAjB,EAAgC;MAC5B,KAAK7B,MAAL,CAAY8B,gBAAZ,CAA6BD,aAA7B;IACH;IACD;AACJ;AACA;AACA;;;;WACI,sBAAaE,MAAb,EAAqB;MACjB,KAAK/B,MAAL,CAAYgC,YAAZ,CAAyBD,MAAzB;IACH;IACD;AACJ;AACA;AACA;;;;WACI,wBAAeE,KAAf,EAAsB;MAClB,KAAKjC,MAAL,CAAYkC,cAAZ,CAA2BD,KAA3B;IACH;;;;;;eAEUrC,mB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vtx/player",
-  "version": "1.6.2",
+  "version": "1.6.6",
   "private": false,
   "description": "视频业务组件",
   "main": "./lib/index.js",