前言

    本播放器内部采用jessibuca插件接口，支持录像、截图、音视频播放等功能。播放器播放基于ws流，图像绘制操作：1）支持绘制方格子，用于监控移动检测画框；2）支持绘制不透明方框，用于监控隐私遮挡画框；3）支持绘制透明方框，用于监控ROI画框等操作。

一、播放器介绍

1.1 界面

1.2 操作

1）下载本博客最后的链接后，解压压缩包，打开文件夹（nodejs安装包），双击node-v14.12.0-x64.msi，安装nodejs

2）在cmd下执行：node app.js

3）浏览器输入url：http://localhost:3000/

4）修改码流地址点击播放，同时支持录像、截图、音频功能

5）图像绘制
    1> 切换到方格子，支持绘制方格子，支持设置与获取方格子坐标，支持鼠标在视频框绘制方格子:

    2> 切换到方框1，支持绘制不透明方框，支持设置与获取方框坐标，支持鼠标在视频框绘制方框:

    2> 切换到方框2，支持绘制透明方框，支持设置与获取方框坐标，支持鼠标在视频框绘制方框:

二、工程代码下载：

链接: 网页播放器下载