首先,需要一个海康威视web开发包,我在网上找了很多,发现很多都要付费,但是这个网站不用付费(http://down.51cto.com/data/2333278)
进入网站下载后解压,打开demo下codebase文件夹下WebComponents.exe安装,也可以不用安装,IE浏览器可以直接看到监控视频(打开cn目录下的demo.html即可直接看到,需要登录哟)。
结合Java开发:
将cn目录下的demo.css、demo.js和codebase目录下的webVideoCtrl.js复制到你的项目里,再将cn目录下demo.html的代码复制到你项目的jsp页面中,注意:修改js和css的目录按照自己项目目录,以下是我的例子
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script> 也可以直接使用cn文件夹下的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>
然后启动项目,打开你的jsp页面即可