支持摄像头多开,点击全屏播放,窗口拖拽,操控摄像头上下左右旋转放大缩小等操作
1安装
- Ffmpeg，用来解码视频，下载完后需添加环境变量
https://ffmpeg.org/releases/ffmpeg-4.0.1.tar.bz2
- Node.js，搭建webSocket服务器，下载完后需添加环境变量
https://nodejs.org/dist/v8.11.3/node-v8.11.3-x64.msi
- jsmpeg，运行主程序
https://codeload.github.com/phoboslab/jsmpeg/zip/master
2使用
2-1.运行jsmpeg
运行jsmpeg内部的websocket-relay.js
在运行websocket-relay.js之前node需要安装webSocket模块
在cmd控制台输入:
npm install ws -g
jsmpeg所在路径，执行:
node websocket-relay.js supersecret 8081 8082
Supersecret是密码
8081是ffmpeg推送端口
8082是前端webSocket端口
2-2.运行ffmpeg
ffmpeg -rtsp_transport tcp -i rtsp://admin:Szzgkon2016@192.168.1.50:554/h264/ch1/sub/av_stream -c copy -q 0 -map 0:0 -f mpegts -codec:v mpeg1video http://127.0.0.1:9991/supersecret
关键点：
-rtsp_transport tcp：使用tcp强解码rtsp流，防止防火墙之类的问题造成推流中断
-c copy 操作rtsp流，直接复制推流，不写会报找不到rtsp解码器的错（因为ffmpeg不知道用什么处理rtsp）
-map 0:0：-map指定哪些流做为输入， 0:0 表示第0个输入文件的第0个流（解决10秒延迟问题）
-f mpegts -codec:v mpeg1video：编码方式（必须这样写jsmpeg才能识别）
3：html
通过使用node-onvif操作onvif协议的摄像头
https://github.com/futomi/node-onvif
$ npm install -s node-onvif
4:实战项目请看下一篇
