浏览器显示RTSP视频的解决方案调研

本文介绍了如何在浏览器中显示RTSP视频,包括使用ffmpeg将RTSP转为HLS,通过Nginx发布,Video.js播放的方案,以及探讨了WebRTC的解决方案,如webrtc-streamer和Kurento-rtsp2webrtc,推荐使用Kurento-Server + Kurento-rtsp2webrtc方案。
摘要由CSDN通过智能技术生成

近期需要在浏览器上显示来自海康威视的RTSP流媒体视频源,本以为是个挺简单的任务,结果调查一圈发现居然无解。

面向旧版浏览器的可行的替代方案有两个:RTSP转RTMP或HLS。其中RTMP需要Flash,现在的技术发展路线下,Flash这种已经被放弃的方案显然不能要,那就只剩一个RTSP->HLS了。

具体一点讲,实践过可行的是这么个路线:
1、ffmpeg : RTSP -> HLS (  m3u8文件 + 若干ts视频缓存文件 ),实时进行视频转码
2、Nginx 通过 http 发布 m3u8文件
3、Video.js 播放 m3u8,Video.js其实是不断刷m3u8文件,然后去读取对应的ts视频缓存文件
经本人测试 IE11, FF, Chrome, Edge均可,移动端浏览器就更简单了直接读第二步那个m3u8即可。

所以对应的几个主要关键步骤是:

1、ffmpeg的转码
bin\ffmpeg -f rtsp -rtsp_transport tcp -i "rtsp://xxxxxxxx/xxxxx" -strict -2 -c:v libx264 -vsync 2 -c:a aac -f hls -hls_time 4 -hls_list_size 5 -hls_wrap 10 D:/nginx-1.21.0/html/hls

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值