海康網(wǎng)絡(luò)監(jiān)控web3.0調(diào)用

發(fā)表時間：2018-5-29

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

瀏覽次數(shù)：47

一、安裝控件

下載控件密碼：fepw

本文控件只能在IE上運(yùn)行

1、安裝控件：海康web3.0開發(fā)包\demo\codebase\WebComponentsKit.exe，雙擊安裝。

2、成功加載控件之后開始測試網(wǎng)絡(luò)監(jiān)控是否可用：打開?？祑eb3.0開發(fā)包\demo\cn\demo.html，如果加載失敗會有彈窗提示（請看第3條），沒有提示則表示加載成功。

3、請使用64位IE瀏覽器，IE10以上請點擊啟動64位IE.reg，IE9及以下請進(jìn)入C:\Program Files\Internet Explorer啟動。（如果還是無法加載控件請看第4條）

4、瀏覽器--工具--internet選項--安全--internet--自定義級別，將ActiveX控件和插件有關(guān)的項目全部點擊啟用！（如果還是無法加載控件請將控件卸載，并仔逐字閱讀將步驟再來一次，成功為止！）

成功后如下：

完成后截圖如下：

走到這一步就證明監(jiān)控和控件都可行，接下來就簡單了，看API寫代碼，都是你們的強(qiáng)項了，就不細(xì)說了，附上我個人的代碼以供大家參考。

<!doctype html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
    <meta http-equiv="Expires" content="0" />
</head>
<style>
    .plugin {
        width: 600px;
        height: 400px;
    }
</style>
<body>
    <div>
        <div id="divPlugin" class="plugin"></div>
    </div>

</body>

<script src="jquery-1.7.1.min.js"></script>

<script src="webVideoCtrl.js"></script>

<script>
$(function () {
    // 檢查插件是否已經(jīng)安裝過
    var iRet = WebVideoCtrl.I_CheckPluginInstall();
    if (-1 == iRet) {
        alert("您還未安裝過插件，雙擊開發(fā)包目錄里的WebComponentsKit.exe安裝！");
        return;
    }

    var oPlugin = {
        iWidth: 600,             // plugin width
        iHeight: 400             // plugin height
    };

    var oLiveView = {
        iProtocol: 1,            // protocol 1：http, 2:https
        szIP: "192.168.1.64",    // protocol ip
        szPort: "80",            // protocol port
        szUsername: "admin",     // device username
        szPassword: "haikang01", // device password
        iStreamType: 1,          // stream 1：main stream  2：sub-stream  3：third stream  4：transcode stream
        iChannelID: 1,           // channel no
        bZeroChannel: false      // zero channel
    };
        
    // 初始化插件參數(shù)及插入插件
    WebVideoCtrl.I_InitPlugin(oPlugin.iWidth, oPlugin.iHeight, {
        bWndFull: true,//是否支持單窗口雙擊全屏，默認(rèn)支持 true:支持 false:不支持
        iWndowType: 1,
        cbInitPluginComplete: function () {
            WebVideoCtrl.I_InsertOBJECTPlugin("divPlugin");


            // 檢查插件是否最新
            if (-1 == WebVideoCtrl.I_CheckPluginVersion()) {
                alert("檢測到新的插件版本，雙擊開發(fā)包目錄里的WebComponentsKit.exe升級！");
                return;
            }


            // 登錄設(shè)備
            WebVideoCtrl.I_Login(oLiveView.szIP, oLiveView.iProtocol, oLiveView.szPort, oLiveView.szUsername, oLiveView.szPassword, {
                success: function (xmlDoc) {
                    // 開始預(yù)覽
                    var szDeviceIdentify = oLiveView.szIP + "_" + oLiveView.szPort;
                    setTimeout(function () {
                        WebVideoCtrl.I_StartRealPlay(szDeviceIdentify, {
                            iStreamType: oLiveView.iStreamType,
                            iChannelID: oLiveView.iChannelID,
                            bZeroChannel: oLiveView.bZeroChannel
                        });
                    }, 1000);
                }
            });
        }
    });

    // 關(guān)閉瀏覽器
    $(window).unload(function () {
        WebVideoCtrl.I_Stop();
    });
});

</script>
</html>