支持?jǐn)z像頭多開(kāi),點(diǎn)擊全屏播放,窗口拖拽,操控?cái)z像頭上下左右旋轉(zhuǎn)放大縮小等操作
1安裝
- Ffmpeg，用來(lái)解碼視頻，下載完后需添加環(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，運(yùn)行主程序
https://codeload.github.com/phoboslab/jsmpeg/zip/master
2使用
2-1.運(yùn)行jsmpeg
運(yùn)行jsmpeg內(nèi)部的websocket-relay.js
在運(yùn)行websocket-relay.js之前node需要安裝webSocket模塊
在cmd控制臺(tái)輸入:
npm install ws -g
jsmpeg所在路徑，執(zhí)行:
node websocket-relay.js supersecret 8081 8082
Supersecret是密碼
8081是ffmpeg推送端口
8082是前端webSocket端口
2-2.運(yùn)行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)鍵點(diǎn)：
-rtsp_transport tcp：使用tcp強(qiáng)解碼rtsp流，防止防火墻之類的問(wèn)題造成推流中斷
-c copy 操作rtsp流，直接復(fù)制推流，不寫會(huì)報(bào)找不到rtsp解碼器的錯(cuò)（因?yàn)閒fmpeg不知道用什么處理rtsp）
-map 0:0：-map指定哪些流做為輸入， 0:0 表示第0個(gè)輸入文件的第0個(gè)流（解決10秒延遲問(wèn)題）
-f mpegts -codec:v mpeg1video：編碼方式（必須這樣寫jsmpeg才能識(shí)別）
3：html
通過(guò)使用node-onvif操作onvif協(xié)議的攝像頭
https://github.com/futomi/node-onvif
$ npm install -s node-onvif
4:實(shí)戰(zhàn)項(xiàng)目請(qǐng)看下一篇
