支持攝像頭多開,點擊全屏播放,窗口拖拽,操控攝像頭上下左右旋轉(zhuǎn)放大縮小等操作
1安裝
- Ffmpeg，用來解碼視頻，下載完后需添加環(huán)境變量
https://ffmpeg.org/releases/ffmpeg-4.0.1.tar.bz2
- Node.js，搭建webSocket服務(wù)器，下載完后需添加環(huán)境變量
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內(nèi)部的websocket-relay.js
在運行websocket-relay.js之前node需要安裝webSocket模塊
在cmd控制臺輸入:
npm install ws -g
jsmpeg所在路徑，執(zhí)行:
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
關(guān)鍵點：
-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協(xié)議的攝像頭
https://github.com/futomi/node-onvif
$ npm install -s node-onvif
4:實戰(zhàn)項目請看下一篇
