前景概述

最近项目中需要用到“网页实时预览网络摄像头”功能，通过查阅海康大华等厂家的API文档，发现这些厂家的demo均不满足需求；要么仅支持低版本浏览器、要么就是需要支持websocket的摄像头。

功能特点

跨平台支持（windows、linux、Unix）
网页后台管理（内置管理平台）
无延迟
支持新版浏览器
开销低
支持HTTP接口管理

效果

话不多说，直接上图！！！

http接口管理

流列表接口

/api/stream/list

{"code": 0,"data": {"Total": 2,"Data": [{"ID": "1A97516B-48A8-1D69-CAE9-7BEF4E93E036","Name": "抓拍机","DevType": "0","RTSP": "rtsp://10.202.2.60:8556/h264","PlayType": "1","UpdateTime": "2021-10-25T13:53:47.6553697+08:00"},{"ID": "92A74D53-FD12-FA1D-9D99-597681B9CBEC","Name": "海康摄像头","DevType": "1","RTSP": "rtsp://admin:123456@10.202.2.170/Streaming/Channels/202","PlayType": "1","UpdateTime": "2021-10-25T13:54:04.8912719+08:00"}]},"msg": "获取成功"
}

实现过程

在这套视频插件的过程中，踩了很多坑，也浪费了不少时间。
想必在你看到我这篇文章的时候，自己也尝试过使用ffmpeg、obs、nms、websocket了，结果不是很理想，要么开销大、要么延迟高。
我尝试过使用nms服务器用ffmpeg推流，最完美可以达到1秒的延迟。但是这相对于实时监控来讲，延迟太高了。
文中这套方案采用的是webrtc方式，使用rtsp插件直接拉流，将视频流通过webrtc发到前端。

如果您有这类的需求，可通过本站发送私信与我进行联系交流

解决的问题

web预览摄像头
web实时预览海康威视

H5无插件实现实时海康、大华摄像头网页预览相关推荐

华为海康大华摄像头编译RTSP转RTMP和HTTPFLV
华为海康大华摄像头编译RTSP转RTMP和HTTPFLV 项目需求要看摄像头实时画面谷歌浏览器不支持RTSP流直接展示方案一通过Java+nginx+rtsp转rtmp流方案二通过Java+ ...
如何解决海康大华摄像头接入国标GB28181协议视频平台EasyGBS播放视频流，出现多个播放器的问题？
我们在前段时间更新了支持国标GB28181协议的视频平台EasyGBS,有很多用户都已经更新使用了,并且反响都比较好,新增的视频调阅功能满足了大部分人对直播界面直观显示的需求,所以我们仍在不断进行新的 ...
海康大华摄像头接入国标流媒体平台显示设备离线问题解决
发展目标 GB28181协议是由公安部牵头实现的安防行业统一的设备接入.流媒体传输的协议. 国标流媒体解决方案是专门用于接入国标设备的视频解决方案,不但从设备接入层面上,接入了内网或者公网的国标设备, ...
将海康大华宇视等网络摄像机RTSP流采用websecket和H5进行RTSP网页无插件直播点播的技术方案
一. 背景分析随着移动互联网时代的到来,安防监控领域为了适应互联网的发展要求,首先由国内安防监控龙头企业(海康.大华.宇视)带头先后开发了萤石云.乐橙云等互联网视频云服务,为广大个人或者企业监控用户 ...
海康大华等安防摄像机采用通用RTSP协议流转RTMP推送至Web无插件播放展示的流程方法
行业现状中国互联网化的进程已经越来越快了,各个行业都在进行着互联网化的改造,流媒体.音视频,作为跑在互联网上最大量级的数据类型,其从编码方式到传输协议到终端兼容都成为各家标准抢占的高点,RTMP.H ...
安防RTSP协议摄像头实现WEB端无插件直播流媒体服务EasyNVR实现海康大华宇视摄像头网页播放的方法
背景分析:微信直播的兴起进入移动互联网时代以来,企业微信公众号已成为除官网以外非常重要的宣传渠道,当3.2亿直播用户与9亿微信用户的势能累加,在微信上开启直播已成为越来越多企业的必然选择. Easy ...
RTSP安防网络摄像头/海康大华硬盘录像机/NVR网页无插件低延时播放流媒体服务器EasyNVR页面显示网络请求失败问题
进入移动互联网时代以来,企业微信公众号已成为除官网以外非常重要的宣传渠道,当3.2亿直播用户与9亿微信用户的势能累加,在微信上开启直播已成为越来越多企业的必然选择. 青犀团队研发的EasyNVR核心在 ...
海康、大华摄像头网页无插件直播监控流媒体服务EasyNVR使用web和安卓浏览器能正常使用，苹果手机无法打开问题解决
海康.大华摄像头网页无插件直播监控流媒体服务EasyNVR使用web和安卓浏览器能正常使用,苹果手机无法打开问题解决参考文章: (1)海康.大华摄像头网页无插件直播监控流媒体服务EasyNVR使用w ...
海康视频流html无插件播放,[原创.数据可视化系列之二十一]如何让海康大华实时视频在浏览器上无插件播放之二...
我在上一篇文章中提出一个使用海康大华的监视视频在chrome中无插件显示的办法,也可以勉强事情,但是实际使用的过程中,有很多问题,比较适合复杂环境中使用. 还有另外一个模式可以进行处理,那就是在浏览器 ...

H5无插件实现实时海康、大华摄像头网页预览

H5无插件实现实时海康、大华摄像头网页预览

前景概述

功能特点

效果

http接口管理

流列表接口

实现过程

解决的问题

H5无插件实现实时海康、大华摄像头网页预览相关推荐

最新文章

热门文章