海康威视视频Web插件使用
一、插件下载运行
下载地址:海康威视官网
![下载页面 下载页面](./images/Snipaste_2020-04-07_11-41-23.png)
下载页面
![文件解压后目录 文件解压后目录](./images/Snipaste_2020-04-07_11-46-20.png)
文件解压后目录
运行bin文件下的VideoWebPlugin.exe
二、插件Demo测试
2.1 预览
在浏览器中打开 demo/demo_window_integration_preview.html 文件如下
![预览demo 预览demo](./images/Snipaste_2020-04-07_11-53-21_1.png)
预览demo
2.1.1 获取Appkey和Appsecret
运行管理中心地址:http://192.168.1.205:8001/center
① 进入运行管理中心/状态监控/API网关/API管理
![API管理 API管理](./images/Snipaste_2020-04-07_11-59-57.png)
API管理
② 点击API管理进入如下页面获取Appkey、Appsecret
![Appkey&Appsecret Appkey&Appsecret](./images/Snipaste_2020-04-07_12-01-26.png)
Appkey&Appsecret
2.1.2 获取监控点编号
① API获取
通过在线调试获取资源列表API获取,在运行管理中心打开API网关页面
![API列表 API列表](./images/Snipaste_2020-04-07_12-06-18.png)
API列表
在线调试结果如下图所示
![在线调试结果 在线调试结果](./images/Snipaste_2020-04-07_12-05-14.png)
在线调试结果
② 通过综合安防管理平台获取
进入综合安防管理平台(http://192.168.1.205)
![综合安防管理平台 综合安防管理平台](./images/Snipaste_2020-04-07_13-58-55.png)
综合安防管理平台
进入设备管理/视频页面:
![视频页 视频页](./images/Snipaste_2020-04-07_14-00-54.png)
视频页
查看监控点基本信息:
![监控点信息 监控点信息](./images/Snipaste_2020-04-07_14-01-14.png)
监控点信息
2.1.3 配置运行
预览结果如下
![预览结果 预览结果](./images/Snipaste_2020-04-07_14-10-09.png)
预览结果
2.2 回放
Appkey、Appsecret和监控点编号获取同预览,回放结果如下
在浏览器中打开 demo/demo_window_integration_playback.html 文件
![回放结果 回放结果](./images/Snipaste_2020-04-07_14-09-49.png)
回放结果
三、JS通过mqtt连接activemq接收数据
在html文件中引入 mqttws31.js文件
JS代码如下
![mqtt mqtt](./images/Snipaste_2020-04-07_14-53-56.png)
mqtt