1. 程式人生 > 其它 >攝像頭rtsp使用web socket在瀏覽器端顯示

攝像頭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,可以瀏覽了,延遲非常低,但聽不到音訊,目前我也不需要聽到音訊,以後需要的時候再記錄。