1簡介

1.1内容簡介

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

使用海康威視設備在(zài)Web端顯示實時(shí)視頻 https://blog.csdn.net/qq_38289815/article/details/84779753

Web端和(hé / huò)移動端接入螢石雲平台的(de)視頻數據 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、網絡攝像機、網絡球機等，設備需要(yào / yāo)支持PSIA 或 ISAPI 協議。

1.3運行環境

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

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

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

1.4硬件設備

海康威視網絡硬盤錄像機

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

注意：攝像頭和(hé / huò)網絡硬盤錄像機要(yào / yāo)在(zài)同一網段，沒有硬盤錄像機，回放功能就(jiù)不(bù)能使用。

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

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

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

(3)系統配置中的(de)網絡配置如下，将自動獲取IPv4地(dì / de)址的(de)勾選取消，然後配置IPv4地(dì / de)址、子(zǐ)網掩碼和(hé / huò)默認網關，跟路由器的(de)配法一樣。

(4)完成網絡配置後，進入管道(dào)管理。一般剛開始配的(de)時(shí)候什麽都沒有，需要(yào / yāo)點刷新和(hé / huò)一鍵激活。激活後的(de)狀态如下。狀态下方的(de)圖案變成了(le／liǎo)"播放鍵"就(jiù)說(shuō)明可以(yǐ)查看視頻了(le／liǎo)。

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

2.WEB端視頻顯示

2.1使用demo.html

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

2.2填寫登錄信息

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

确保攝像頭和(hé / huò)網絡硬盤錄像機要(yào / yāo)在(zài)同一網段，在(zài)完成了(le／liǎo)前期準備工作後，先Ping一下硬盤錄像機的(de)IP，确保不(bù)是(shì)程序問題導緻的(de)無法登錄。登錄成功的(de)信息反饋如下：

登錄成功後，會先後顯示獲取數字通道(dào)成功和(hé / huò)獲取端口成功。之(zhī)後還需要(yào / yāo)點擊預覽功能裏"開始預覽"按鈕查看視頻。碼流類型都選擇主碼流。

2.3根據自身需求進行裁剪

可能遇到(dào)的(de)問題：(1)這(zhè)個(gè)Demo會提示安裝codebase文件夾中的(de)WebComponentsKit.exe，安裝完後可能反複提示安裝，此時(shí)建議重啓電腦。

(2)使用IE浏覽器時(shí)需要(yào / yāo)允許插件運行，可能還需要(yào / yāo)配置，将ActiveX控件和(hé / huò)插件裏的(de)内容設置爲(wéi / wèi)啓用或者提示。搜狗浏覽器也(yě)行，但是(shì)要(yào / yāo)使用兼容模式，就(jiù)是(shì)把網址後面的(de)"閃電"點一下，它就(jiù)會變成IE的(de)圖标，就(jiù)成轉換成兼容模式了(le／liǎo)。

(3)cn文件夾下的(de)demo.js中有不(bù)懂的(de)，可以(yǐ)查看doc文件夾中有開發編程指南。

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