rtsp摄像头h5实现播放

第二篇rtsp摄像头h5实现播放

前言：Rtsp摄像头h5浏览器播放实例：我的实例就是node.js websocket做转码接受端和提供获取流的客户端 ，ffmpeg做转码工具，springboot做开启ffmpeg转码。涉及代码我放在百度网盘上；地址：https://pan.baidu.com/s/1Mf6ZJag-V6to3NcZc01S1A 提取码是5v4u

1.首先下载ffmpeg的windows版本https://ffmpeg.zeranoe.com/builds/，你也可以使用我网盘的

2.解压下载的压缩包

3.配置环境变量

测试是否配置好
打开命令窗口输入ffmpeg –version 如下图表示成功

启动websocket
就是我网盘的RstpWebSocket项目
1.项目目录下执行:
node websocket.js supersecret 8081 8082
2.打开cmd执行(播放第一个摄像头):
ffmpeg -i “你的rtsp” -q 0 -f mpegts -codec:v mpeg1video -s 800x600 http://127.0.0.1:8081/supersecret/live1
3.打开cmd执行(播放第二个摄像头):
ffmpeg -i “你的rtsp” -q 0 -f mpegts -codec:v mpeg1video -s 800x600 http://127.0.0.1:8081/supersecret/live2
4.打开view-stream.html看效果
实例转码命令：海康摄像头命令实例：
ffmpeg -i “rtsp://用户名:密码@ip:554/h264/ch1/sub/av_stream” -q 0 -f mpegts -codec:v mpeg1video -s 800x600 http://127.0.0.1:8081/supersecret/live2
按照我的步骤基本是可以看到效果
7另外一种springboot开启ffmpeg转换不需要老是开启命令窗口来转码；
启动项目ffmpegTest（我的网盘代码）转码的逻辑写在这个文件可以参考一下里面有详细注释

后面在linux部署安装ffmpeg和接收服务的可以加一下我qq群752860311我看到给大家及时回复

如果觉得可以帮助到你的麻烦各位兄弟姐妹点点关注和打赏奖励一下，后面我会推出更好的技术文章帮助大家；谢谢各位啦。

部分代码是参考了文章https://my.oschina.net/chengpengvb/blog/1832469