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

前言

本播放器内部采用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 小时前
AI生成视频与数字人
人工智能·音视频
ThinkPet1 小时前
记事-vue3项目整合Agora声网sdk实现RTC视频通话
vue.js·音视频·实时音视频
liyunlong-java3 小时前
Android 跳转系统相册选取图片/视频/音频/文档(适配全版本权限)
android·gitee·音视频
ACP广源盛139246256733 小时前
GSV2231@ACP#三屏扩展旗舰芯片,TRAE SOLO 多任务并行开发核心引擎
运维·网络·人工智能·嵌入式硬件·gpt·电脑·音视频
硅谷秋水3 小时前
τ0-WM:用于机器人操纵的统一视频-动作世界模型
人工智能·机器学习·计算机视觉·语言模型·机器人·音视频
阿洛学长17 小时前
MoneyPrinterTurbo 深度解析与部署实战:AI 一键短视频生成,从源码到上线全攻略
人工智能·音视频
MR.欻1 天前
ZLMediaKit 源码分析(四):RTP/RTCP 协议栈实现分析
c++·人工智能·vscode·ffmpeg·音视频
运维栈记1 天前
Remotion + Claude Code:用自然语言创作视频的革命性突破
人工智能·ai·音视频
晓py1 天前
音视频基础概念入门_FFmpeg学习笔记
学习·ffmpeg·音视频
ACP广源盛139246256731 天前
GSV2221@ACP# 高带宽低功耗显示转换芯片,赋能 TRAE SOLO 设备高清扩展升级
人工智能·嵌入式硬件·电脑·音视频