海康監控預覽模式

最近新東家 要做一個 在頁面上展示 監控內容的 web 程序
研究了一個星期 試了 很多種方式 推薦各種方法給你們 希望你們看到這篇文章 少走彎路

1. 基於 這個去開發 一定要說服 boss 捨得花錢 去用 三方平臺 這個三方平臺就是螢石雲
   這個比較簡單 新買的海康攝像頭 一般都是支持 螢石雲 只要在 海康後臺 啓用 螢石雲 會有一個驗證碼
   然後去 https://open.ys7.com/ 去綁定應用 （不懂問他們客服 他們會很樂意效勞 畢竟是付過錢的）

2. 下面我就來詳細說明 不用錢的 （僅限於局域網，很穩定 但缺點 只兼容ie）

   1）. 基於海康的給的demo去做二次開發（代碼是找海康要的 ）
   2）. 這個demo 是基於 activeX 控件去做的 所以支持的瀏覽器比較少 (我做的目前就只支持IE8以上) 谷歌和火狐是不支持這個控 件的，對了 還不支持win10系統 這個很重要
   3）. 首先要下載一個 Webcommonen kit() 如果你ie是32 位的 需要下載32的 64 位的 需要下載 64位的
   4）. 打開IE 設置activeX 允許加載
   
   5）.配置自己的攝像頭IP 和登錄名以及密碼

6）.打開他們提供的nginx 最後用 127.0.0.1 訪問demo頁面 demo裏面有很多適合自己的html 代碼 你可以選擇一個進行適配自己的需求

海康demo適配完畢 這裏面第一次開發 會有很多坑的 如有不懂可以隨時聯繫我 一起交流

7.查看nginx 是如何請求登陸接口的
location ~ /ISAPI|SDK/ {
if (KaTeX parse error: Expected '}', got 'EOF' at end of input: …xy_pass http://cookie_webVideoCtrlProxy;
break;
}
}

3. 下面介紹第三種（這種方式我也試了一下，優點 這種方式 只需要用falsh插件就可以 不存在兼容問題 缺點 延遲高）

這種是在網上找的參照推流的方式去做的（這種方式慎用 延遲很高）

1）. 你需要下載開源插件 vlc

2）. 然後在網上下載 ffmpeg 解碼工具

3）. 將ffmpeg 配置到環境變量去

4）. 下載window版的nginx 啓動nginx

5）. 開啓cmd 輸入 ffmpeg -i “rtsp://admin:[email protected]:554/cam/realmonitor?channel=1&subtype=0&unicast=true&proto=Onvif” -vcodec copy -acodec copy -f flv “rtmp://127.0.0.1:1935/live/”
6）. 然後重新開一個 cmd start ffmpeg -re -i “rtmp://127.0.0.1:1935/live/” -vcodec libx264 -preset:v ultrafast -tune:v zerolatency -acodec copy -f flv “rtmp://192.168.88.200:1935/hls/live” -loglevel quiet
7）. 隨便vedio 就可以播放這個 效果如下
8）.

9）. 最後就是在web去顯示這個了

播放地址是 rtmp://192.168.88.200:1935/hls/live

這種弊端比較多 不是很穩定 如果有大神用這種調出來穩定性比較好 可以隨時交流

第三種方法 參考博文
https://blog.csdn.net/u012492535/article/details/79220398/