1簡介

1.1內(nèi)容簡介

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

使用海康威視設備在Web端顯示實時視頻?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支持設備

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

?

1.3運行環(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硬件設備

海康威視網(wǎng)絡硬盤錄像機

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

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

?

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

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

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

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

(4)完成網(wǎng)絡配置后，進入管道管理。一般剛開始配的時候什么都沒有，需要點刷新和一鍵激活。激活后的狀態(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地址是硬盤錄像機的IP，端口號80。用戶名密碼是登錄硬盤錄像機填寫的賬號和密碼。

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

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

?

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

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

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

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

開發(fā)包鏈接：https://download.csdn.net/download/qq_38289815/11240596

總結(jié)

以上是生活随笔為你收集整理的海康威视Web端视频开发的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。