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

前言

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

二、工程代码下载:

链接: 网页播放器下载

相关推荐
轻口味3 小时前
HarmonyOS 6 NDK开发系列1:音视频播放能力介绍
华为·音视频·harmonyos
大模型实验室Lab4AI5 小时前
Demystifing Video Reasoning 论文简析
音视频
天上路人6 小时前
A-59F 多功能语音处理模组在本地会议系统扩音啸叫处理中的技术应用与性能分析
人工智能·神经网络·算法·硬件架构·音视频·语音识别·实时音视频
kingcjh976 小时前
一、大模型视频生成实战:Wan2.1 本地部署全记录
深度学习·生成对抗网络·ai作画·音视频
枳实-叶8 小时前
50 道嵌入式音视频面试题
面试·职场和发展·音视频
淑子啦10 小时前
React录制视频和人脸识别
javascript·react.js·音视频
电商API&Tina10 小时前
比价 / 选品专用:京东 + 淘宝 核心接口实战(可直接复制运行)
大数据·数据库·人工智能·python·json·音视频
不才小强11 小时前
ScreenRecorder 源码分析
音视频
枳实-叶11 小时前
音频基础知识
音视频
不才小强12 小时前
Windows Graphics Capture (WGC) 屏幕捕获简介
windows·音视频