java web页面调用海康摄像头

web页面调用海康摄像头
之前做过web页面调用海康显示4个摄像头。网上web调用的确实比较少，我做的时候参考了http://blog.csdn.net/lucius93/article/details/75308165，但也花费了不少的时间，所以写篇尽量详细的，希望小伙伴少走弯路。

1、http://download.csdn.net/download/a670941001/10267445 下载海康开发包，WebComponentsKit.exe安装控件后，选择合适版本的浏览器打开 ，如图：

输入IP地址，端口号，用户和密码，看看是不是可以登录成功，点击预约显示摄像头。（我用的ie浏览器11）

2、如果第一步可以正常显示摄像头，就可以开发了

将开发包js文件和css文件导入工程

3、贴代码

我的最终效果