关于html5播放 rtsp 视频流
(1) H5中播放 rtsp 视频流
原文链接地址: https://my.oschina.net/chengpengvb/blog/1832469?from=singlemessage
这里使用的技术是 FFmpeg + nodejs + Jsmpeg + websockt 技术
具体操作步骤:
1. 准备工作
- 下载 FFmpeg 【下载链接】: 用于视频解码
- 下载 nodejs : 运行一个jsmpeg的js文件,在本地跑一个websocket 服务,或者连接后台的服务也可以
node的安装自行百度,百度有很多详细教程
- 下载 jsmpeg 【下载链接】: 运行主程序
2. webSocket模块安装
- 在cmd控制台输入: npm install ws -g 出现下面文字说明安装正确
*
3. FFmpeg 安装使用步骤 (如果有兴趣的话可以在 【github】上了解下源码)
- 将下载的压缩包解压到放到盘符里面, 在这里我解压到的是 D盘
- 配置变量环境:把ffmpeg下的bin配置到系统path变量里面,根据自己不同的路径配置
右击我的电脑选择属性 =》 高级系统设置 =》 环境变量 。 如下图:
选择Path后(点击Path) =》 点击编辑。 如下图:
4. 配置完成
- 使用 window + R 键打开控制台, 输入cmd 打开 黑色编辑框,输入 ffmpeg。
- 下图是配置成功的状态
5. 运行 jsmpeg
- 将下载的 jsmpeg包 解压到 盘符下面, 我这里解压到的是 D 盘
-
解压好后文件中会出现有一个websocket-relay.js,我们主要运行这个js文件
-
运行websocket-relay.js
在另一个cmd控制台cd到jsmpeg所在路径
执行: node websocket-relay.js supersecret 8081 8082
说明:Supersecret是密码 、8081是ffmpeg推送端口 、 8082是前端webSocket端口
注意:出现下图的文字说明执行正确
如果报错 “wx模块不能使用”,npm init 初始,再重新安装一次”wx模块“
6. 运行 ffmpeg
在打开一个新的 cmd 窗口执行下面代码,。
如果进行了 步骤3的 配置变量,运行ffmepg 将不用切换到该文件下执行操作,直接cmd 运行下面代码即可
- ffmpeg -i “你的rtspurl” -q 0 -f mpegts -codec:v mpeg1video -s 1366x768 http://127.0.0.1:8081/supersecret
- 1366x768 是视频 大小尺寸
- http://127.0.0.1:8081/supersecret 是上图中运行的本地服务
- 出现下图运行证明成功
- 运行成功后,打开jsmpeg文件夹里面的view-stream.html页面。如果没有问题应该出现下面的画面,到此为止
- 多个视频流启动多个进程就可以了
如文章中有错误地方,望请指出!!! 谢谢。 原谅我还是一只小菜鸟(#.#)