架构图如下所示:
1. 下载jsmpeg
下载:https://codeload.github.com/phoboslab/jsmpeg/zip/master
直接解压即可, 在解压的目录jsmpeg-master下会有websocket-relay.js文件
2. 安装http-server
在以上jsmpeg-master目录下安装websocket服务与http-server
npm install ws -g
npm install http-server -g
3.启动
(1)启动RTMP服务与WebSocket服务
node websocket-relay.js 123456 8081 8082
123456: 为设置的密码
8081:是ffmpeg推送的RTMP服务端口
8082:是前端webSocket端口
如下所示:
通过打印可以看到RTMP服务地址为:http://127.0.0.1:8081/123456
Websocket服务地址为:ws://127.0.0.1:8082/
(2)启动http服务
Web端要打开的http地址为:http://10.1.32.76:8083 或 http://127.0.0.1:8083
(3)启动ffmpeg转码及推流
到ffmpeg目录下,输入以下指令:
ffmpeg -re -i 01.mp4 -r 30 -q 0 -f mpegts -codec:v mpeg1video -s 1366x768 http://127.0.0.1:8081/123456
01.mp4为要读入的视频文件,
http://127.0.0.1:8081/123456 为RTMP服务地址
该命令的作用是读入并解码视频文件,转换为mpeg1格式并推流到RTMP服务
(4)浏览器访问
浏览器中打开路径:http://127.0.0.1:8083/view-stream.html,即可播放ffmpeg解码并推送的视频