littlebaozi / rtsp-web

node.js+ffmpeg+websocket+flv.js+vue.js 网页播放rtsp协议视频
72 stars 16 forks source link
ffmpeg flv node 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](https://www.wowza.com/html/mobile.html)。

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

更换`VideoModal.vue`,data中的`rtspUrl`。

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

启动

  1. 先安装依赖

    yarn
    # or
    npm install
  2. 运行服务

    npm run serve