首先，需要(yào / yāo)一個(gè)海康威視web開發包，我在(zài)網上(shàng)找了(le／liǎo)很多，發現很多都要(yào / yāo)付費，但是(shì)這(zhè)個(gè)網站不(bù)用付費（http://down.51cto.com/data/2333278）

進入網站下載後解壓，打開demo下codebase文件夾下WebComponents.exe安裝，也(yě)可以(yǐ)不(bù)用安裝，IE浏覽器可以(yǐ)直接看到(dào)監控視頻（打開cn目錄下的(de)demo.html即可直接看到(dào)，需要(yào / yāo)登錄喲）。

結合Java開發：

将cn目錄下的(de)demo.css、demo.js和(hé / huò)codebase目錄下的(de)webVideoCtrl.js複制到(dào)你的(de)項目裏，再将cn目錄下demo.html的(de)代碼複制到(dào)你項目的(de)jsp頁面中，注意：修改js和(hé / huò)css的(de)目錄按照自己項目目錄，以(yǐ)下是(shì)我的(de)例子(zǐ)

<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script> 也(yě)可以(yǐ)直接使用cn文件夾下的(de)jquery1.7
<script src="js/webVideoCtrl.js"></script>
<script src="js/demo.js"></script>

<script>
document.write("<link type='text/css' href='css/demo.css?version=" + new Date().getTime() + "' rel='stylesheet' />");
</script>

然後啓動項目，打開你的(de)jsp頁面即可