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

前言

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

二、工程代码下载:

链接: 网页播放器下载

相关推荐
安步当歌1 小时前
【WebRTC】视频发送链路中类的简单分析(下)
网络·音视频·webrtc·视频编解码·video-codec
lqj_本人2 小时前
鸿蒙next版开发:音频并发策略扩展(ArkTS)
音视频
红米饭配南瓜汤16 小时前
WebRTC视频 04 - 视频采集类 VideoCaptureDS 中篇
音视频·webrtc·媒体
杨武博19 小时前
音频格式转换
android·音视频
Learning改变世界20 小时前
ubuntu24.04播放语音视频
音视频
棱角~~21 小时前
10款PDF合并工具的使用体验与推荐!!
经验分享·其他·音视频·实时音视频·学习方法
红米饭配南瓜汤21 小时前
WebRTC视频 02 - 视频采集类 VideoCaptureModule
音视频·webrtc·媒体
gomogomono21 小时前
HDR视频技术之二:光电转换与 HDR 图像显示
音视频·hdr
cuijiecheng201821 小时前
音视频入门基础:MPEG2-TS专题(4)——使用工具分析MPEG2-TS传输流
音视频
音视频牛哥21 小时前
Android音视频直播低延迟探究之:WLAN低延迟模式
android·音视频·实时音视频·大牛直播sdk·rtsp播放器·rtmp播放器·android rtmp