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

前言

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

二、工程代码下载:

链接: 网页播放器下载

相关推荐
feasibility.16 小时前
不装Claude Code,WorkBuddy也能做视频,Remotion skill告别抽卡(含安装与使用)
人工智能·aigc·音视频·agi·skill·remotion·workbuddy
AI视频工具指南19 小时前
一个人能做 AI 短剧吗?实际要做哪些决定
人工智能·aigc·音视频·1024程序员节
开开心心就好20 小时前
本地文件搜索工具,双击Ctrl就能呼出搜索
java·服务器·前端·支持向量机·ffmpeg·音视频·模拟退火算法
小豆庄20 小时前
视频脱敏引擎的追踪难题:转场误判定、ID撞号和淡入窗口
qt·算法·目标检测·音视频·视频·敏捷流程
李永奉1 天前
杰理可视化SDK开发-音频录制功能使用教程
笔记·单片机·嵌入式硬件·mcu·物联网·音视频
_YouziTech_1 天前
【STM32+MAX98357】MP3转PCM存入Flash并控制音频输出
stm32·单片机·音视频·内存·pcm·i2s·wav
yangmu32031 天前
万字长文拆解:AI视频生成(SVD/Sora类)的底层技术原理与实现路径
人工智能·音视频
xierui1231231 天前
视频Agent的声音编排:原声、TTS、ASR与背景音乐怎样分工
人工智能·音视频
HY小宝F1 天前
智能摄像头系统 30 天学习计划 Day 09:用 RTSP 把视频送到网络
网络·学习·音视频
美狐美颜SDK开放平台1 天前
准备开发直播APP?视频美颜SDK接入前的十项检查清单
android·ios·音视频·直播美颜sdk·视频美颜sdk