easy-player-pro 0.1.1

package/lib/core/config.js

@@ -0,0 +1,117 @@
+export const defaultConfig = {
+    /**
+     * 是否直播
+     */
+    isLive: true,
+    /**
+     * 是否解析音频
+     */
+    hasAudio: true,
+    /**
+     * 是否渲染音频
+     */
+    isMute: false,
+    /**
+     * 视频拉伸
+     */
+    stretch: false,
+    /**
+     * 视频封面图片
+     */
+    poster: true,
+    /**
+     * 加载显设置最小缓冲时长，单位秒，播放器会自动消除延迟。
+     */
+    bufferTime: true,
+    /**
+     * 视频加载超时,单位秒。
+     */
+    loadTimeOut: 10,
+    /**
+     * 重连次数 -1为一直加载。
+     */
+    loadTimeReplay: 3,
+    /**
+     * MSE模式
+     */
+    MSE: false,
+    /**
+     * WCS模式
+     */
+    WCS: false,
+    /**
+     * WASM模式
+     */
+    WASM: false,
+    /**
+     * WASMSIMD模式
+     */
+    WASMSIMD: false,
+    /**
+     * 硬解码
+     */
+    gpuDecoder: false,
+    /**
+     * 渲染方式
+     */
+    webGPU: false,
+    /**
+     * 渲染容器
+     */
+    canvasRender: false,
+    /**
+     * SRS类型
+     */
+    isRtcSRS: false,
+    /**
+     * ZLM类型
+     */
+    isRtcZLM: false,
+    /**
+     * 裸流
+     */
+    isFlow: false,
+    /**
+     * 水印
+     */
+    watermark: {
+        text: {
+            content: '',
+            angle: '',
+            color: '',
+            fontSize: '',
+            opacity: ''
+        },
+        right: 0,
+        top: 0
+    },
+    /**
+     * 全屏水印
+     */
+    fullWatermark: {
+        text: '',
+        angle: '',
+        color: '',
+        fontSize: '',
+        opacity: '',
+    },
+    /**
+     * 配置清晰
+     */
+    quality: ['普清', '高清', '超清', '4K', '8K'],
+    /**
+     * 默认显示的清晰度，如果不设置，会显示第一个清晰度
+     */
+    defaultQuality: null,
+    /**
+     * PTZ配置
+     */
+    ptzConfig: {
+        ptz: true,
+        ptzMore: true
+    },
+    /**
+     * 控制台日志打印
+     */
+    debug: false,
+};

package/lib/core/easy-player-pro.js

@@ -0,0 +1,265 @@
+import { defaultConfig } from "./config";
+import { merge } from 'lodash-es';
+export class EasyPlayer {
+    constructor(container, config) {
+        this.player = null;
+        this.config = {};
+        /**
+         * 是否销毁
+         */
+        this.isDestroy = false;
+        /**
+         * 播放事件
+         */
+        this.onPlay = () => {
+        };
+        /**
+         * 暂停事件
+         */
+        this.onPause = () => {
+        };
+        /**
+         * 视频信息回调
+         */
+        this.onVideoInfo = (videoInfo) => {
+        };
+        /**
+         * 音频信息回调
+         */
+        this.onAudioInfo = (audioInfo) => {
+        };
+        /**
+         * 全屏事件
+         */
+        this.onFullscreen = (isFullscreen) => {
+        };
+        /**
+         * 音频开关事件
+         */
+        this.onMute = (isMute) => {
+        };
+        /**
+         * 当前网速，单位KB每秒1次
+         */
+        this.onKBps = (KBps) => {
+        };
+        /**
+         * 切换拉伸事件
+         */
+        this.onStretch = (isStretch) => {
+        };
+        /**
+         * PTZ事件
+         */
+        this.onPTZ = (ptz) => {
+        };
+        /**
+         * 截图回调
+         */
+        this.onScreenshots = () => {
+        };
+        /**
+         * 右击关闭回调
+         */
+        this.onContextmenuClose = () => {
+        };
+        /**
+         * 视频编码回调
+         */
+        this.onDecodeHevc = () => {
+        };
+        /**
+         * 直播结束的事件
+         */
+        this.onLiveEnd = () => {
+        };
+        /**
+         * 加载超时事件
+         */
+        this.onTimeout = () => {
+        };
+        /**
+         * 录制结束的事件
+         */
+        this.onRecordEnd = () => {
+        };
+        /**
+         * 录制开始的事件
+         */
+        this.onRecordStart = () => {
+        };
+        /**
+         * 清晰度回调
+         */
+        this.onQualityChange = (quality) => {
+        };
+        /**
+         * 录像时间轴跳转回调
+         */
+        this.onPlaybackSeek = () => {
+        };
+        /**
+         * 录像倍数回调
+         */
+        this.onPlaybackRate = () => {
+        };
+        /**
+         * 播放时间回调
+         */
+        this.onTimestamps = () => {
+        };
+        /**
+         * 播放异常回调
+         */
+        this.onError = (err) => {
+        };
+        this.config = merge({}, defaultConfig, config);
+        this.player = new window.EasyPlayerPro(container, this.config);
+        this.isDestroy = false;
+        this.player.on('play', () => this.onPlay());
+        this.player.on('pause', () => this.onPause());
+        this.player.on('videoInfo', (videoInfo) => this.onVideoInfo(videoInfo));
+        this.player.on('audioInfo', (audioInfo) => this.onAudioInfo(audioInfo));
+        this.player.on('fullscreen', (isFullscreen) => this.onFullscreen(isFullscreen));
+        this.player.on('mute', (isMute) => this.onMute(isMute));
+        this.player.on('kBps', (KBps) => this.onKBps(KBps));
+        this.player.on('stretch', (isStretch) => this.onStretch(isStretch));
+        this.player.on('ptz', (ptz) => this.onPTZ(ptz));
+        this.player.on('screenshots', () => this.onScreenshots());
+        this.player.on('contextmenuClose', () => this.onContextmenuClose());
+        this.player.on('decodeHevc', () => this.onDecodeHevc());
+        this.player.on('liveEnd', () => this.onLiveEnd());
+        this.player.on('timeout', () => this.onTimeout());
+        this.player.on('recordEnd', () => this.onRecordEnd());
+        this.player.on('recordStart', () => this.onRecordStart());
+        this.player.on('qualityChange', (quality) => this.onQualityChange(quality));
+        this.player.on('playbackSeek', () => this.onPlaybackSeek());
+        this.player.on('playbackRate', () => this.onPlaybackRate());
+        this.player.on('timestamps', () => this.onTimestamps());
+        this.player.on('error', (err) => this.onError(err));
+    }
+    /**
+     * 播放
+     * @param url 播放地址
+     */
+    play(url) {
+        return new Promise((resolve, reject) => {
+            try {
+                if (this.player) {
+                    this.player.play(url).then(resolve).catch(reject);
+                }
+                else {
+                    reject('player is null');
+                }
+            }
+            catch (err) {
+                reject(err);
+            }
+        });
+    }
+    /**
+     * 暂停播放
+     */
+    pause() {
+        this.player && this.player.pause();
+    }
+    /**
+     * 返回是否暂停中状态
+     */
+    isPause() {
+        if (!this.player)
+            return null;
+        return this.player.isPause();
+    }
+    /**
+     * 音频切换
+     * @param isMute
+     */
+    setMute(isMute) {
+        this.player && this.player.setMute(isMute);
+    }
+    /**
+     * 是否静音
+     */
+    isMute() {
+        if (!this.player)
+            return null;
+        return this.player.isMute();
+    }
+    /**
+     * 获取快照
+     * @param name 名称（默认时间戳）
+     * @param type 类型（png|jpg，默认png）
+     * @param rato 压缩了（0-1，默认0.92）
+     * @param format 数据格式（download，base64，blob，默认download）
+     */
+    screenshot(name, type, rato, format) {
+        if (!this.player)
+            return null;
+        return this.player.screenshot(name, type, rato, format);
+    }
+    /**
+     * 全屏（取消全屏）播放视频
+     * @param isFullscreen 是否全屏
+     */
+    setFullscreen(isFullscreen) {
+        this.player && this.player.setFullscreen(isFullscreen);
+    }
+    /**
+     * 推出全屏
+     */
+    exitFullscreen() {
+        this.player && this.player.exitFullscreen();
+    }
+    /**
+     * 设置分辨率，分辨率必须是quality里面的数据
+     * @param quality
+     */
+    setQuality(quality) {
+        this.player && this.player.setQuality(quality);
+    }
+    /**
+     * 设置录像倍数
+     * @param rate
+     */
+    setRate(rate) {
+        this.player && this.player.setRate(rate);
+    }
+    /**
+     * 设置录像跳转时间（s）
+     */
+    seekTime(time) {
+        this.player && this.player.seekTime(time);
+    }
+    /**
+     * 获取视频信息
+     */
+    getVideoInfo() {
+        if (!this.player)
+            return null;
+        return this.player.getVideoInfo();
+    }
+    /**
+     * 获取音频信息
+     */
+    getAudioInfo() {
+        if (!this.player)
+            return null;
+        return this.player.getAudioInfo();
+    }
+    /**
+     * 设置语音对讲状态（PTZ需开启）
+     * @param isMic
+     */
+    setMic(isMic) {
+        this.player && this.player.setMic(isMic);
+    }
+    /**
+     * 关闭视频，释放底层资源
+     */
+    destroy() {
+        this.player && this.player.destroy();
+        this.player = null;
+        this.isDestroy = true;
+    }
+}

package/lib/core/easy-player.js

@@ -0,0 +1,265 @@
+import { defaultConfig } from "./config";
+import { merge } from 'lodash-es';
+export class EasyPlayer {
+    constructor(container, config) {
+        this.player = null;
+        this.config = {};
+        /**
+         * 是否销毁
+         */
+        this.isDestroy = false;
+        /**
+         * 播放事件
+         */
+        this.onPlay = () => {
+        };
+        /**
+         * 暂停事件
+         */
+        this.onPause = () => {
+        };
+        /**
+         * 视频信息回调
+         */
+        this.onVideoInfo = (videoInfo) => {
+        };
+        /**
+         * 音频信息回调
+         */
+        this.onAudioInfo = (audioInfo) => {
+        };
+        /**
+         * 全屏事件
+         */
+        this.onFullscreen = (isFullscreen) => {
+        };
+        /**
+         * 音频开关事件
+         */
+        this.onMute = (isMute) => {
+        };
+        /**
+         * 当前网速，单位KB每秒1次
+         */
+        this.onKBps = (KBps) => {
+        };
+        /**
+         * 切换拉伸事件
+         */
+        this.onStretch = (isStretch) => {
+        };
+        /**
+         * PTZ事件
+         */
+        this.onPTZ = (ptz) => {
+        };
+        /**
+         * 截图回调
+         */
+        this.onScreenshots = () => {
+        };
+        /**
+         * 右击关闭回调
+         */
+        this.onContextmenuClose = () => {
+        };
+        /**
+         * 视频编码回调
+         */
+        this.onDecodeHevc = () => {
+        };
+        /**
+         * 直播结束的事件
+         */
+        this.onLiveEnd = () => {
+        };
+        /**
+         * 加载超时事件
+         */
+        this.onTimeout = () => {
+        };
+        /**
+         * 录制结束的事件
+         */
+        this.onRecordEnd = () => {
+        };
+        /**
+         * 录制开始的事件
+         */
+        this.onRecordStart = () => {
+        };
+        /**
+         * 清晰度回调
+         */
+        this.onQualityChange = (quality) => {
+        };
+        /**
+         * 录像时间轴跳转回调
+         */
+        this.onPlaybackSeek = () => {
+        };
+        /**
+         * 录像倍数回调
+         */
+        this.onPlaybackRate = () => {
+        };
+        /**
+         * 播放时间回调
+         */
+        this.onTimestamps = () => {
+        };
+        /**
+         * 播放异常回调
+         */
+        this.onError = (err) => {
+        };
+        this.config = merge({}, defaultConfig, config);
+        this.player = new window.EasyPlayerPro(container, this.config);
+        this.isDestroy = false;
+        this.player.on('play', () => this.onPlay());
+        this.player.on('pause', () => this.onPause());
+        this.player.on('videoInfo', (videoInfo) => this.onVideoInfo(videoInfo));
+        this.player.on('audioInfo', (audioInfo) => this.onAudioInfo(audioInfo));
+        this.player.on('fullscreen', (isFullscreen) => this.onFullscreen(isFullscreen));
+        this.player.on('mute', (isMute) => this.onMute(isMute));
+        this.player.on('kBps', (KBps) => this.onKBps(KBps));
+        this.player.on('stretch', (isStretch) => this.onStretch(isStretch));
+        this.player.on('ptz', (ptz) => this.onPTZ(ptz));
+        this.player.on('screenshots', () => this.onScreenshots());
+        this.player.on('contextmenuClose', () => this.onContextmenuClose());
+        this.player.on('decodeHevc', () => this.onDecodeHevc());
+        this.player.on('liveEnd', () => this.onLiveEnd());
+        this.player.on('timeout', () => this.onTimeout());
+        this.player.on('recordEnd', () => this.onRecordEnd());
+        this.player.on('recordStart', () => this.onRecordStart());
+        this.player.on('qualityChange', (quality) => this.onQualityChange(quality));
+        this.player.on('playbackSeek', () => this.onPlaybackSeek());
+        this.player.on('playbackRate', () => this.onPlaybackRate());
+        this.player.on('timestamps', () => this.onTimestamps());
+        this.player.on('error', (err) => this.onError(err));
+    }
+    /**
+     * 播放
+     * @param url 播放地址
+     */
+    play(url) {
+        return new Promise((resolve, reject) => {
+            try {
+                if (this.player) {
+                    this.player.play(url).then(resolve).catch(reject);
+                }
+                else {
+                    reject('player is null');
+                }
+            }
+            catch (err) {
+                reject(err);
+            }
+        });
+    }
+    /**
+     * 暂停播放
+     */
+    pause() {
+        this.player && this.player.pause();
+    }
+    /**
+     * 返回是否暂停中状态
+     */
+    isPause() {
+        if (!this.player)
+            return null;
+        return this.player.isPause();
+    }
+    /**
+     * 音频切换
+     * @param isMute
+     */
+    setMute(isMute) {
+        this.player && this.player.setMute(isMute);
+    }
+    /**
+     * 是否静音
+     */
+    isMute() {
+        if (!this.player)
+            return null;
+        return this.player.isMute();
+    }
+    /**
+     * 获取快照
+     * @param name 名称（默认时间戳）
+     * @param type 类型（png|jpg，默认png）
+     * @param rato 压缩了（0-1，默认0.92）
+     * @param format 数据格式（download，base64，blob，默认download）
+     */
+    screenshot(name, type, rato, format) {
+        if (!this.player)
+            return null;
+        return this.player.screenshot(name, type, rato, format);
+    }
+    /**
+     * 全屏（取消全屏）播放视频
+     * @param isFullscreen 是否全屏
+     */
+    setFullscreen(isFullscreen) {
+        this.player && this.player.setFullscreen(isFullscreen);
+    }
+    /**
+     * 推出全屏
+     */
+    exitFullscreen() {
+        this.player && this.player.exitFullscreen();
+    }
+    /**
+     * 设置分辨率，分辨率必须是quality里面的数据
+     * @param quality
+     */
+    setQuality(quality) {
+        this.player && this.player.setQuality(quality);
+    }
+    /**
+     * 设置录像倍数
+     * @param rate
+     */
+    setRate(rate) {
+        this.player && this.player.setRate(rate);
+    }
+    /**
+     * 设置录像跳转时间（s）
+     */
+    seekTime(time) {
+        this.player && this.player.seekTime(time);
+    }
+    /**
+     * 获取视频信息
+     */
+    getVideoInfo() {
+        if (!this.player)
+            return null;
+        return this.player.getVideoInfo();
+    }
+    /**
+     * 获取音频信息
+     */
+    getAudioInfo() {
+        if (!this.player)
+            return null;
+        return this.player.getAudioInfo();
+    }
+    /**
+     * 设置语音对讲状态（PTZ需开启）
+     * @param isMic
+     */
+    setMic(isMic) {
+        this.player && this.player.setMic(isMic);
+    }
+    /**
+     * 关闭视频，释放底层资源
+     */
+    destroy() {
+        this.player && this.player.destroy();
+        this.player = null;
+        this.isDestroy = true;
+    }
+}

package/lib/index.js

@@ -0,0 +1,2 @@
+import * as easyPlayer from './core/easy-player-pro';
+export default easyPlayer.EasyPlayer;