1簡介

1.1内容簡介

Web 控件 V3.0 基于 ActiveX 和(hé) NPAPI 開發，接口封裝于 javascript 腳本，以 javascript 接口形式提供用戶集成，支持網頁上實現預覽、回放、雲台控制等功能。該控件開發包僅支持 B/S 網頁開發，不适用于 C/S 開發。

使用海康威視設備在Web端顯示實時視頻 https://blog.csdn.net/qq_38289815/article/details/84779753

Web端和(hé)移動(dòng)端接入螢石雲平台的視頻數據 https://blog.csdn.net/qq_38289815/article/details/92615824

螢石雲攝像頭Http接口雲台控制開發 https://blog.csdn.net/qq_38289815/article/details/94288310

1.2支持設備

Web 控件 V3.0 支持我司多種設備，包括 DVR、NVR、DVS、網絡攝像機、網絡球機等，設備需要支持PSIA 或 ISAPI 協議。

1.3運行環境

操作系統：Windows XP、Windows7、Windows8、Windows8.1、Windows10

浏覽器(qì)：IE8~IE11、Chrome31+、Firefox35+，32 位浏覽器(qì)

IE8~IE11、Chrome31~Chrome44、Firefox35~Firefox51，64 位浏覽器(qì)

1.4硬件設備

海康威視網絡硬盤錄像機

螢石雲攝像頭或海康威視的攝像頭

注意：攝像頭和(hé)網絡硬盤錄像機要在同一網段，沒有硬盤錄像機，回放功能就不能使用。

1.5打開硬盤錄像機并添加攝像頭

(1)連接好硬盤錄像機和(hé)攝像頭，填寫賬号密碼。進入系統主界面右擊選擇主菜單。

(2)先進入系統配置完成網絡配置後，再進入管道管理添加攝像頭。

(3)系統配置中(zhōng)的網絡配置如(rú)下(xià)，将自動(dòng)獲取IPv4地址的勾選取消，然後配置IPv4地址、子(zǐ)網掩碼和(hé)默認網關(guān)，跟路(lù)由器(qì)的配法一樣。

(4)完成網絡配置後，進入管道管理。一般剛開始配的時候什麼都沒有，需要點刷新和(hé)一鍵激活。激活後的狀态如(rú)下(xià)。狀态下(xià)方的圖案變成了"播放鍵"就說明可(kě)以查看視頻了。

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

2.WEB端視頻顯示

2.1使用demo.html

打開CN_WEB3.0控件開發包V1.1.0_Win32\demo\cn裡的demo.html。效果圖如(rú)下(xià)：

2.2填寫登錄信息

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

确保攝像頭和(hé)網絡硬盤錄像機要在同一網段，在完成了前期準備工作後，先Ping一下(xià)硬盤錄像機的IP，确保不是程序問(wèn)題導緻的無法登錄。登錄成功的信息反饋如(rú)下(xià)：

登錄成功後，會先後顯示獲取數字通(tōng)道成功和(hé)獲取端口成功。之後還需要點擊預覽功能裡"開始預覽"按鈕查看視頻。碼流類型都選擇主碼流。

2.3根據自身需求進行裁剪

可(kě)能遇到的問(wèn)題：(1)這個(gè)Demo會提示安裝codebase文(wén)件夾中(zhōng)的WebComponentsKit.exe，安裝完後可(kě)能反複提示安裝，此時建議重啟電腦。

(2)使用IE浏覽器(qì)時需要允許插件運行，可(kě)能還需要配置，将ActiveX控件和(hé)插件裡的内容設置為啟用或者提示。搜狗浏覽器(qì)也行，但是要使用兼容模式，就是把網址後面的"閃電"點一下(xià)，它就會變成IE的圖标，就成轉換成兼容模式了。

(3)cn文(wén)件夾下(xià)的demo.js中(zhōng)有不懂的，可(kě)以查看doc文(wén)件夾中(zhōng)有開發編程指南。

開發包鍊接：https://download.csdn.net/download/qq_38289815/11240596