Web 播放 RTSP(Webrtc方案)

Web 播放 RTSP(Webrtc方案)

需求背景

项目需要在 web 上播放海康摄像头,这个在各种智慧类应用上应该是常见需求,在前几年的时候也有这个需求,那时候通过旧版本谷歌浏览器可以直接播放 rtmp 解决了问题;现在谷歌浏览器已经不再支持,项目上又有这个需求,打算好好处理下。大概需求内容项目有多个车,每个车有多个摄像头,web对这些摄像头进行管理呈现。

Web 播放视频流方案

web 播放视频流有多种方案有 HLS、flv、webrtc 等等,我们这里选用 webrtc 方案,webrtc 播放视频是网页原生支持的音视频通信技术,对比其他其他方案有低时延等优点

Webrtc 实践

  1. 海康摄像头推送 rtsp 流,web 播放 webrtc,搜索 rtsp 转 webrtc 发现开源项目 https://github.com/deepch/RTSPtoWebRTC,golang 编写,参照项目说明,项目跑起来很简单,代码仓库拉下来运行就行了,RTSPtoWebRTC 项目自带 http 代理了简单 web 页面

  2. 按照项目说明将 config 修改为本地海康摄像头地址,重新运行验证,摄像头就播放出来了
    在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值