海康 WEB3.3控件开发包 Demo调试

本文主要成果，应用海康web3.3开发包，将其中demo中的网页

web 3.3开发包解压后，如下图，

按照docs里面的指导文件操作一遍，然后我是用vs code软件打开这个demo的。大概流程是，

1. 按照开发包指导，做好设置工作

2. 将整个开发包拖入vs code软件窗口，如下图，有几个test的html文件是我自己写的，可忽略
   

3. 在index.html页面右击，选择“Open with Live Server”选项，如果没有自己安装一下，这样就打开index页面了。默认如下图，
   
   ps，最好登陆过海康的网页预览页面，安装好网页插件，保证网页可正常预览监控画面。
   就是登录到下面这个网站，具体方法网上有很多，简单来说输入摄像头ip即可，不赘述。
   

4. index页面打开后，输入几个参数，我输入的参数最上面第一张图片划出来了，输入正确后先点击“登录”，再点击“开始预览”。监控画面就出来了，网页测试成功！

ps，在做这些操作前， 一定要先用海康自带的管理平台（如最后一张图），或者用其他工具如vlc，把监控画面预览功能测试成功。