浏览器通过RTSP协议取流实时显示在web页面(海康威视大华摄像机实时监控)
参考博客:
linkingvision:https://blog.csdn.net/video_dc/article/details/78822672
特别感谢以上博主的技术文章,本博客参考以上博客并加以整合,实现自己的功能需求,有部分文字别的博主的文章就不能赞一词,所以会有拿来主义,并注明出处。如果有博主觉得我的做法欠佳,私信我,我会修改。
需求说明:
Chrome浏览器实现通过RTSP协议实时显示海康威视摄像监控视频(采用linkingvision的H5stream方案)
问题解决:
实现步骤:
备注:
H5stream中文介绍,手册和API说明文件下载地址:https://linkingvision.com/download/documentation/h5stream/
- 下载H5stream:https://linkingvision.com/download/h5stream/ 选择合适的版本下载解压
- 解压后进入conf文件夹,打开h5ss.conf文件(我是用的VS Code),修改以下配置
- 运行根目录下的regservice.bat文件,这个文件只要运行一次就行,以后不需要运行,
- 运行h5ss.bat文件,运行后不要关闭,浏览器输入网址http://localhost:8080/demo.html,修改过端口号把网址中的端口号修改一下就行,可以浏览的网页在www文件夹下,可以修改html文件的代码实现自己想要的效果,不过存在一个问题,页面重新加载后预览必须点击播放才可以直播,这对于很多业务来说是一个很大的问题
分类:
视频处理
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了