在浏览器上显示rtsp视频流

228 阅读1分钟

利用ffmpeg加node中间件转码的情况下,前端用jsmpeg播放。

1.ffmpeg下载 官网传送门

123.png

安装包下载好后需要配置环境变量

在path下面加一个路径 路径为安装的ffmpeg的位置里的bin文件夹

1SM5Q~EPLB6Q{DNCF}}0GA1.png

环境变量配置好后 在命令行里输入 ffmpeg -version 查看是否成功 如图即是成功

333.png

2.利用rtsp2web库写一个简单的node转码

创建一个文件夹

npm init 初始化文件夹 npm i rtsp2web 下载所需依赖

创建index.js写入 如图

12.png

在命令行里 node index.js 运行起来即可

3.前端利用JSMpeg 下载 JSMpeg.js 在项目里引入

前端代码

11.png

到此即可正常显示rtsp流了 支持在局域网内显示。 没有测试,可能没有声音,如需声音请前往了解 JSMpeg文档