儀表板對接海康威視攝像頭實現實時監控方案

前言

在數據分析中,常常會有設計管理駕駛艙,或者指揮中心等綜合性數據可視化大屏,在這種大屏設置中經常會有對接攝像頭的需求,希望能夠直接展示攝像頭查看實時監控,或者點擊大屏看板可以跳轉彈出實時監控,今天小編就爲大家介紹一下如何使用葡萄城公司的嵌入式BI工具——Wyn商業智能對接海康威視攝像頭,如下圖所示:

實現思路:

1.一種是海康提供攝像頭的實時視頻流(M3U8/HLS)的查看地址,然後就可以使用Wyn上的監控視頻組件直接連接使用。

2.第二種是用戶沒有實時視頻流的地址,只有海康威視攝像頭查看站點,輸入賬號密碼纔可以在線查看監控視頻;

也就是有海康攝像頭的RTSP的視頻流地址,這種視頻流不能直接在前端使用,需要進行轉換纔可以正常前端查看;

本文介紹通過海康威視提供的RTSP實時視頻流地址,藉助後端Python程序或者通過ffmpeg+nginx將流進行轉碼,然後在Wyn上使用。

實現步驟:

1.對接攝像頭

找到要對接的海康威視攝像頭,登陸對應的站點查看攝像頭配置。

切換到配置頁面,查看這個攝像頭的地址,以及RTSP的端口

2.生成攝像頭的RTSP的視頻流地址

海康威視的攝像頭RTSP的視頻流地址格式如下:

rtsp://用戶名:密碼@IP:端口/h264/channel/stream/av_stream

需要根據自己攝像頭的平臺,修改連接上的用戶名,密碼,IP,端口。

3.部署Python後端視頻流轉碼服務

小編這邊使用的是python實現了一個接口,將第二步的RTSP的視頻流轉成一個HTTP接口供前端Wyn使用。

訪問的URL規則如下:

http://localhost:5000/video_feed?rtspurl=rtsp://``用戶名:密碼@IP:端口/h264/channel/stream/av_stream

小編這邊後端程序發佈的是5000端口,可以根據自己的需要修改代碼,使用其它端口;
發佈的HTTP接口接收一個參數,參數值爲第二步的RTSP視頻流地址。

後端程序源碼如下,可以根據自己環境部署到服務器上:

VideoCamera.py

4.Wyn儀表板對接監控視頻

在Wyn上創建儀表板使用圖片組件,綁定第3步所發佈的HTTP接口地址,即可在線實時查看視頻監控

5.通過ffmpeg+nginx將RTSP視頻流轉換成M3U8格式視頻

下載ffmpeg,這個大家可以從網上直接下載就行,然後在控制檯輸入如下命令就可以用ffmpeg將RTSP視頻流轉成M3U8格式的視頻流

ffmpeg -rtsp_transport tcp -i ``rtsp://``用戶名:密碼@IP:端口/h264/channel/stream/av_stream -c copy -f hls -hls_time 1.0 -hls_list_size 2 -hls_flags 2 C:/Program Files/Wyn/video/test.m3u8

這個命令需要根據自己攝像頭的平臺,修改連接上的用戶名,密碼,IP,端口,以及轉換後的M3U8視頻流存放地址;

M3U8視頻流轉換好之後,前端是不能直接訪問的,這時候需要藉助nginx進行代理來實現前端可以訪問的M3U8視頻流地址;nginx大家可以網上下載,修改nginx的配置文件,添加如下代理

        location /video {
            types{
                application/vnd.apple.mpegurl m3u8;
                video/mp2t ts;
            }
            root  "C:/Program Files/Wyn";
            add_header Cache-Control no-cache;
            add_header Access-Control-Allow-Origin *;
        }

代理之後就可以通過這臺機器的IP端口來進行訪問了,比如使用80端口的話,最終M3U8視頻流訪問地址爲:http://ip:80/video/test.m3u8

6.Wyn儀表板對接監控視頻

在Wyn上創建儀表板使用監控視頻組件,綁定第5步轉換後的M3U8視頻流地址,即可在線實時查看視頻監控

總結

以上這兩個方式都可以實現前端加載海康威視的攝像頭視頻流,以及如何使用Wyn商業智能對接海康威視攝像頭的全過程,如果您想了解更多信息,歡迎點擊這裏查看更多詳細信息。

擴展鏈接:

創意展示:打造數據大屏的炫酷天氣預報插件

聊一聊數字孿生與3D可視化

探祕移動端BI:發展歷程與應用前景解析

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章