无插件网页视频播放器,支持图像绘制(包含方格子、方框等),支持音视频播放、支持录像截图,提供源码下载

前言

本播放器内部采用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,支持绘制透明方框,支持设置与获取方框坐标,支持鼠标在视频框绘制方框:

二、工程代码下载:

链接: 网页播放器下载

相关推荐
FutureUniant3 小时前
GitHub每日最火火火项目(9.21)
人工智能·计算机视觉·ai·github·音视频
数据蛙苹果恢复专家5 小时前
无损转换:严选4个视频mkv转mp4格式的方法
音视频
EasyCVR5 小时前
视频存储EasyCVR视频监控汇聚管理平台设备录像下载报错404是什么原因?
音视频·视频监控·监控视频接入·视频质量诊断·视频诊断
aqi0014 小时前
FFmpeg开发笔记(五十三)移动端的国产直播录制工具EasyPusher
android·ffmpeg·音视频·直播·流媒体
Q1860000000014 小时前
在HTML中添加视频
前端·html·音视频
学习前端的小z14 小时前
【AI视频】Runway:Gen-2 运镜详解
人工智能·aigc·音视频
学习前端的小z20 小时前
【AI视频】Runway:Gen-2 图文生视频与运动模式详解
人工智能·aigc·音视频
羌俊恩1 天前
视频服务器:GB28181网络视频协议
服务器·网络·音视频
cuijiecheng20181 天前
音视频入门基础:AAC专题(3)——AAC的ADTS格式简介
音视频·aac
唯创知音1 天前
电子烟智能化创新体验:WTK6900P语音交互芯片方案,融合频谱计算、精准语音识别与流畅音频播报
人工智能·单片机·物联网·音视频·智能家居·语音识别