JSmpeg+ffmpeg+WebScoket实现视频监控(1)
2024-04-09 23:30:57  阅读数 3707

支持摄像头多开,点击全屏播放,窗口拖拽,操控摄像头上下左右旋转放大缩小等操作
1安装

  1. Ffmpeg,用来解码视频,下载完后需添加环境变量
https://ffmpeg.org/releases/ffmpeg-4.0.1.tar.bz2
  1. Node.js,搭建webSocket服务器,下载完后需添加环境变量
https://nodejs.org/dist/v8.11.3/node-v8.11.3-x64.msi
  1. 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:实战项目请看下一篇