IPC网络摄像机rtsp视频流web上H5播放方法

最近因为项目需要,预研了一下rtsp视频流在web上通过H5播放的解决方案,通过搜索和整理,最终确定一个比较理想且实现较为简单的方案:websocket rtsp proxy + streamdian.js播放器组合;

1、H5播放器使用开源的streamdian.js,该公司开源了播放器,不过只实现了aac+h264视频流的解码,对于大多数应用场景来说,基本够用;

2、streamdian公司发布的后端websocket rtsp proxy是收费的,根据媒体代理数进行计费,计费单位$,对我大天朝来说,有些贵了,不过这个东东并不复杂,完全可以自己实现,进行替换;

好了,废话不多说,直接上干货,为了实现websocket rtsp proxy服务器,首先需要实现一个websocket proxy,github上直接找到代码:ws-tcp-proxy项目;然后将它改造成websocket rtsp proxy,如果对rtp over rtsp媒体传输方式比较熟悉的话,实现起来也比较容易;最后需要搭建webServer并且支持反向代理即可,这里采用Nginx来搭建;

完成了上述开发后,经过验证,自己开发的websocket rtsp proxy可以完美替换收费的streamdian服务器,播放器采用streamdian.js开源免费播放器;完整的代码在文末给出,并对代码做一些必要说明:

1、本代码仅是demo代码ÿ

  • 8
    点赞
  • 31
    收藏
    觉得还不错? 一键收藏
  • 26
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 26
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值