浏览器播放RTSP摄像头视频

最新推荐文章于 2024-10-01 20:03:34 发布

置顶

Gavin_Fool

最新推荐文章于 2024-10-01 20:03:34 发布

阅读量2.6w

点赞数 5

分类专栏：摄像头对接文章标签： RTSP RTMP ffmpeg ngnix vediojs

本文链接：https://blog.csdn.net/Gavin_Fool/article/details/86704681

版权

本文介绍了如何在Chrome浏览器中播放RTSP协议的摄像头视频流，通过FFmpeg将RTSP转码为RTMP，并利用Nginx进行推流。详细步骤包括FFmpeg和Nginx的下载、配置、启动以及视频转码。最后，使用video.js在H5中实现RTMP视频播放，实际测试延迟约为3-5秒。

摘要由CSDN通过智能技术生成

一、项目需求，需要在chrome浏览器中播放rtsp协议的摄像头视频流

二、思路：
1、chrome已经不支持插件了，所以排除一切插件的思路；
2、浏览器目前停留在支持rtmp协议，hls协议流视频阶段，还没开始支持rtsp协议，所以可以考虑将rtsp转成rtmp和hls。在领导的指导下，选择的是rtmp，至于hls有兴趣的同学可以自己去研究，整体思路与转rtmp是一直的。
3、有了大体方向就开始着手找资料了，网上有很多使用FFmpeg+nginx来将rtsp转rtmp的，当然也有可以花钱去买转码器的，那就更加方便了。（转码器也不是很贵，项目资金充足的，而且不想花时间研究的，可以考虑这个会更好）；

三、实现：
3.1、rtsp公网测试例子：rtsp://184.72.239.149/vod/mp4:BigBuckBunny_175k.mov
3.2、FFmpeg：
3.2.1 资源下载：通过官网http://www.ffmpeg.org/download.html或其他途径下载ffmpeg（https://ffmpeg.zeranoe.com/builds），解压到随意目录下，解压之后如下图：
在这里插入图片描述
3.2.2配置环境变量，命令窗口输入“ffmpeg -version”出现如下图及说明环境配置正确