海康威視Web端視頻開發(fā)

發(fā)表時間：2019-6-16

發(fā)布人：葵宇科技

瀏覽次數(shù)：77

1簡介

1.1內(nèi)容簡介

Web 控件 V3.0 基于 ActiveX 和 NPAPI 開發(fā)，接口封裝于 javascript 腳本，以 javascript 接口形式提供用戶集成，支持網(wǎng)頁上實(shí)現(xiàn)預(yù)覽、回放、云臺控制等功能。該控件開發(fā)包僅支持 B/S 網(wǎng)頁開發(fā)，不適用于 C/S 開發(fā)。

使用?？低曉O(shè)備在Web端顯示實(shí)時視頻 https://blog.csdn.net/qq_38289815/article/details/84779753

Web端和移動端接入螢石云平臺的視頻數(shù)據(jù) https://blog.csdn.net/qq_38289815/article/details/92615824

螢石云攝像頭Http接口云臺控制開發(fā) https://blog.csdn.net/qq_38289815/article/details/94288310

1.2支持設(shè)備

Web 控件 V3.0 支持我司多種設(shè)備，包括 DVR、NVR、DVS、網(wǎng)絡(luò)攝像機(jī)、網(wǎng)絡(luò)球機(jī)等，設(shè)備需要支持PSIA 或 ISAPI 協(xié)議。

1.3運(yùn)行環(huán)境

操作系統(tǒng)：Windows XP、Windows7、Windows8、Windows8.1、Windows10

瀏覽器：IE8~IE11、Chrome31+、Firefox35+，32 位瀏覽器

IE8~IE11、Chrome31~Chrome44、Firefox35~Firefox51，64 位瀏覽器

1.4硬件設(shè)備

?？低暰W(wǎng)絡(luò)硬盤錄像機(jī)

螢石云攝像頭或?？低暤臄z像頭

注意：攝像頭和網(wǎng)絡(luò)硬盤錄像機(jī)要在同一網(wǎng)段，沒有硬盤錄像機(jī)，回放功能就不能使用。

1.5打開硬盤錄像機(jī)并添加攝像頭

(1)連接好硬盤錄像機(jī)和攝像頭，填寫賬號密碼。進(jìn)入系統(tǒng)主界面右擊選擇主菜單。

(2)先進(jìn)入系統(tǒng)配置完成網(wǎng)絡(luò)配置后，再進(jìn)入管道管理添加攝像頭。

(3)系統(tǒng)配置中的網(wǎng)絡(luò)配置如下，將自動獲取IPv4地址的勾選取消，然后配置IPv4地址、子網(wǎng)掩碼和默認(rèn)網(wǎng)關(guān)，跟路由器的配法一樣。

(4)完成網(wǎng)絡(luò)配置后，進(jìn)入管道管理。一般剛開始配的時候什么都沒有，需要點(diǎn)刷新和一鍵激活。激活后的狀態(tài)如下。狀態(tài)下方的圖案變成了"播放鍵"就說明可以查看視頻了。

(5)返回主菜單后查看攝像頭采集的視頻。

2.WEB端視頻顯示

2.1使用demo.html

打開CN_WEB3.0控件開發(fā)包V1.1.0_Win32\demo\cn里的demo.html。效果圖如下：

2.2填寫登錄信息

IP地址是硬盤錄像機(jī)的IP，端口號80。用戶名密碼是登錄硬盤錄像機(jī)填寫的賬號和密碼。

確保攝像頭和網(wǎng)絡(luò)硬盤錄像機(jī)要在同一網(wǎng)段，在完成了前期準(zhǔn)備工作后，先Ping一下硬盤錄像機(jī)的IP，確保不是程序問題導(dǎo)致的無法登錄。登錄成功的信息反饋如下：

登錄成功后，會先后顯示獲取數(shù)字通道成功和獲取端口成功。之后還需要點(diǎn)擊預(yù)覽功能里"開始預(yù)覽"按鈕查看視頻。碼流類型都選擇主碼流。

2.3根據(jù)自身需求進(jìn)行裁剪

可能遇到的問題：(1)這個Demo會提示安裝codebase文件夾中的WebComponentsKit.exe，安裝完后可能反復(fù)提示安裝，此時建議重啟電腦。

(2)使用IE瀏覽器時需要允許插件運(yùn)行，可能還需要配置，將ActiveX控件和插件里的內(nèi)容設(shè)置為啟用或者提示。搜狗瀏覽器也行，但是要使用兼容模式，就是把網(wǎng)址后面的"閃電"點(diǎn)一下，它就會變成IE的圖標(biāo)，就成轉(zhuǎn)換成兼容模式了。