攝像頭rtsp使用web socket在瀏覽器端顯示
方法來自於:https://my.oschina.net/chengpengvb/blog/1832469
但作為一名node小白覺得大佬寫的比較簡略,像我這樣的node小白部分省略掉的地方實在看不懂繞了很多彎路,因此詳細記錄一下。node方面真的是不太懂,也許我的步驟也不太正確,但可以用。
我的平臺是windows。
準備工具
1 . Ffmpeg(點選下載),配置環境新增到path變數中。windows下載windows版本ffmpeg。
2 . Node.js(點選下載),配置環境新增到path變數中。
3 . jsmpeg(點選下載),執行主程式
4 . 執行jsmpeg
(1)先建立一個資料夾web,然後進入這個資料夾建立一個專案
npm init
(2)安裝ws
npm install ws
(3)把jsmpeg中的檔案全部拷到這個web資料夾
(4)執行jsmpeg資料夾裡面的websocket-relay.js
終端: node websocket-relay.js supersecret 8081 8082
說明:Supersecret是密碼8081是ffmpeg推送埠8082是前端webSocket埠
5.執行解碼程式
這是原作者給的指令
ffmpeg -i "rtsp://你的路徑" -q 0 -f mpegts -codec:v mpeg1video -s 3840x2160 http://127.0.0.1:8081/supersecret
如果攝像頭rtsp含有音訊可能會引數報錯(我報錯了,猜測是因為rtsp含有音訊)
ffmpeg -i "rtsp://你的路徑" -r 30 -q 0 -f mpegts -codec:v mpeg1video -s 1024x768 http://127.0.0.1:8081/supersecret
6.開啟專案中的html,可以瀏覽了,延遲非常低,但聽不到音訊,目前我也不需要聽到音訊,以後需要的時候再記錄。