hczxhy / rtsp-web

node.js+ffmpeg+websocket+flv.js+vue.js 网页播放rtsp协议视频

Node.js + WebSocket + FFmpeg + flv.js

注意：此项目的服务端仅做测试用

HTML5播放RTSP视频文章中的方案。

网页直播rtsp视频 node.js+ffmpeg+websocket+flv.js

server端

server目录是服务端代码。

运行前，先根据自身系统安装FFmpeg，并将bin目录设置到系统环境变量中。

目录

|-server
|-dist
|  |-index.js # babel编译后
|-src
|  |-index.js

启动

1. 先安装依赖

yarn
# or
npm install

2. 运行服务

npm start # 会先babel编译src/index.js，然后运行dist/index.js

# or
npm run build
node ./dist/index.js

client端

client目录是web端代码。使用的是vue+iview

运行前，先运行server端，视频才能观看。

视频源是Wowza Streaming Engine: RTSP Streaming。

如果失效了，上去看看是不是改地址了或者自行找视频地址更换。

更换VideoModal.vue，data中的rtspUrl。

目录

|-src
|  |-App.vue
|  |-components
|  |  |-Cameras.vue # 摄像列表
|  |  |-VideoModal.vue # 视频弹窗
|  |-main.js

启动

1. 先安装依赖

yarn
# or
npm install

2. 运行服务

npm run serve