web,h5海康视频接入监控视频流记录一

这篇具有很好参考价值的文章主要介绍了web,h5海康视频接入监控视频流记录一。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

项目需求,web端实现海康监控视频对接接入,需实现实时预览,云台功能,回放功能。

海康视频流,node+h5海康监控视频对接,网络

web端要播放视频,有三种方式,一种是装浏览器装插件,一种是装客户端exe,还有就是无插件了。浏览器装插件很早前已经行不通了,chrome42还是44之前的可以。客户端装软件,一般接受度也比较低(官方也是有提供装插件的demo以及教程的),所以最终选择无插件播放的方式了。

 1.海康有提供对应的监控取流接口,rtsp,rtmp,hls,ws,wss(用于对讲) 

 2.其中rtsp可用于app,插件可以直接播放rtsp,web端无法使用

3.web端可以使用hls进行播放,hls.js播放hls流即可,但是要注意的是,hls 协议支持的码流编码格式是 h264,音频格式是 aac(前端是复合流时),要检查下前端设备上的编码格式和音频格式是否符合,编码格式是不是h264,音频格式是不是aac,查看了下,我这的设备是265所以没采用该方式

4.最终剩下选择官网提供的H5视频播放器开发,取的是ws流

海康视频流,node+h5海康监控视频对接,网络

 海康视频流,node+h5海康监控视频对接,网络

后端使用nodejs,海康没有提供对应的加签demo,折腾了下,nodejs加签。加签后即可正常使用海康的取流接口了。前端vue就使用官方提供的h5进行ws流对接。没一个接口都需要动态加签下,才能正常调用

海康视频流,node+h5海康监控视频对接,网络

对接的是海康综合安防管理平台

海康视频流,node+h5海康监控视频对接,网络

一下为使用到的一些记录

1.文档中心(海康官方文档,有给对应的接口文档,也可以直接在线调试,请求回流进行播放尝试)https://27.154.53.2:10443/artemis-portal/document/1379902034379014144#1379902045007380480

海康视频流,node+h5海康监控视频对接,网络

海康视频流,node+h5海康监控视频对接,网络

 调试传参,与默认demo有些许变动,然后我是取ws流,所以protocol设置为ws海康视频流,node+h5海康监控视频对接,网络文章来源地址https://www.toymoban.com/news/detail-618478.html

到了这里,关于web,h5海康视频接入监控视频流记录一的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue2使用rtsp视频流接入海康威视摄像头(纯前端)

    海康威视官方的RTSP最新取流格式如下: rtsp://用户名:密码@IP:554/Streaming/Channels/101 用户名和密码 IP就是登陆摄像头时候的IP(笔者这里IP是192.168.1.210) 所以笔者的rtsp流地址就是 rtsp://用户名:密码@192.168.1.210:554/Streaming/Channels/101 1.1关闭 萤石云的接入 1.2 调整视频编码为H.264 在此下载

    2024年04月26日
    浏览(57)
  • 在VUE框架的WEB网页端播放海康威视RTSP视频流完全方案

    1.服务器转流前端转码方案 服务器端先把RTSP流用Web Socket或WebRTC推送到前端,再通过WASM转码MP4播放。此方案虽号称是无插件方案,但是需要服务器支持,两次转码导致延迟较高,一般高达数秒甚至数分钟。此方案首屏画面显示很慢。因为需要服务器不断转码转流,对CPU和内存

    2024年02月05日
    浏览(47)
  • web端播放rtsp视频流(摄像头监控视频)教程及window下开机自启动部署

    像海康大华一些摄像头或者直播源 为rtsp视频流,想在web上播放必须进行协议转换。已知一些方案例如rtsp转rtmp需要flash,现在浏览器基本不支持flash。还有转hls或者flv这些延迟都比较高。经过实践对比比较理想方案是 经转码后视频流通过websocket传送给客户端在将视频流解码成

    2024年04月10日
    浏览(72)
  • 【vue2】前端如何播放rtsp 视频流,拿到rtsp视频流地址如何处理,海康视频rtsp h264 如何播放

    最近在写vue2 项目其中有个需求是实时播放摄像头的视频,摄像头是 海康 的设备,搞了很长时间终于监控视频出来了,记录一下,放置下次遇到。文章有点长,略显啰嗦请耐心看完。 测试?测试什么?测试rtsp视频流能不能播放。 video mediaplay官网 即(VLC) 下载、安装完VLC后

    2024年02月05日
    浏览(55)
  • Windows上使用FFmpeg实现本地视频推送模拟海康协议rtsp视频流

    Nginx搭建RTMP服务器+FFmpeg实现海康威视摄像头预览: Nginx搭建RTMP服务器+FFmpeg实现海康威视摄像头预览_nginx rtmp 海康摄像头_霸道流氓气质的博客-CSDN博客 上面记录的是使用FFmpeg拉取海康协议摄像头的rtsp流并推流到流媒体服务器。 如果在其它业务场景下需要本地的视频文件模拟

    2024年02月12日
    浏览(44)
  • Unity内接入WebRTC视频流

    1.在Unity工程内导入“WebViewForWindow”插件,得到如图文件夹。 2.将该路径下的预制体拖到场景内的Canvas下 3.如果填入Url,直接Unity运行可直接加载网页(但是不适配我们本次功能需求,只做介绍) 4.我们需要通过http接口请求返回WebRTC流(如果是其他方式拿到WebRTC视频流流程一

    2024年02月01日
    浏览(46)
  • 安防视频管理平台GB设备接入EasyCVR, 如何获取RTMP与RTSP视频流

    安防视频监控平台EasyCVR可拓展性强、视频能力灵活、部署轻快,可支持的主流标准协议有国标GB28181、RTSP/Onvif、RTMP等,以及支持厂家私有协议与SDK接入,包括海康Ehome、海大宇等设备的SDK等。平台既具备传统安防视频监控的能力,比如:视频监控直播、云端录像、云存储、录

    2024年02月15日
    浏览(43)
  • LiveNVR监控流媒体Onvif/RTSP功能-视频流水印如何叠加视频水印叠加动态图片叠加视频流时间示例

    监控视频平台播放视频监控的时候,除了满足正常视频播放外,有时还需要方便标记或者防盗用等添加视频水印。有些视频在原始摄像头端就可以添加OSD水印,这种方式最好。 但是有些原始视频没有水印,但是平台端播放的时候又希望有水印,下面介绍下LiveNVR Onvif/RTSP流媒体

    2024年02月13日
    浏览(71)
  • 安防监控项目---mjpeg-streamer视频图像显示(实时视频流实现)

    书接上期,我们已经实现了许多功能了,但是对于视频流的实时上传还未实现,本期主要分享的就是如何具体实现网页实时显示摄像头采集到的视频,从而实现安防中监控的功能,这个功能完成后呢,就只剩下一个功能需求了,那就是GPRS模块,能够实现危险报警的功能,也能

    2024年02月06日
    浏览(48)
  • Python 实现海康机器人工业相机 MV-CU060-10GM 的实时显示视频流及拍照功能

    一、背景介绍 1、最近项目中需要给客户对接海康机器人工业相机 MV-CU060-10GM; 2、客户要求通过部署的管理平台,可以在页面上实现如下功能: 1)相机视频流开始预览; 2)相机视频流停止预览; 3)相机拍照功能。 需求背景:客户需要对生产的产品进行定期抽样质检,其中

    2024年02月08日
    浏览(76)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包