浏览器通过RTSP协议取流实时显示在web页面(海康威视大华摄像机实时监控)

参考博客:

linkingvisionhttps://blog.csdn.net/video_dc/article/details/78822672

特别感谢以上博主的技术文章,本博客参考以上博客并加以整合,实现自己的功能需求,有部分文字别的博主的文章就不能赞一词,所以会有拿来主义,并注明出处。如果有博主觉得我的做法欠佳,私信我,我会修改。

 

需求说明:

Chrome浏览器实现通过RTSP协议实时显示海康威视摄像监控视频(采用linkingvision的H5stream方案)

问题解决:

  1. 批处理命令解决H5stream默认版本运行一个小时断连一次的问题

实现步骤:

 备注:

 H5stream中文介绍,手册和API说明文件下载地址:https://linkingvision.com/download/documentation/h5stream/

  1. 下载H5stream:https://linkingvision.com/download/h5stream/  选择合适的版本下载解压
  2. 解压后进入conf文件夹,打开h5ss.conf文件(我是用的VS Code),修改以下配置
  3. 运行根目录下的regservice.bat文件,这个文件只要运行一次就行,以后不需要运行,
  4. 运行h5ss.bat文件,运行后不要关闭,浏览器输入网址http://localhost:8080/demo.html,修改过端口号把网址中的端口号修改一下就行,可以浏览的网页在www文件夹下,可以修改html文件的代码实现自己想要的效果,不过存在一个问题,页面重新加载后预览必须点击播放才可以直播,这对于很多业务来说是一个很大的问题

posted on   Hi,王松柏  阅读(3174)  评论(1编辑  收藏  举报

编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示