海康威视视频Web插件使用

时间:2024-02-15 21:47:08

一、插件下载运行

下载地址:海康威视官网

 

下载页面
下载页面

 

 

文件解压后目录
文件解压后目录

 

运行bin文件下的VideoWebPlugin.exe

二、插件Demo测试

2.1 预览

在浏览器中打开 demo/demo_window_integration_preview.html 文件如下

 

预览demo
预览demo

 

2.1.1 获取Appkey和Appsecret

运行管理中心地址:http://192.168.1.205:8001/center

① 进入运行管理中心/状态监控/API网关/API管理

 

API管理
API管理

 

② 点击API管理进入如下页面获取AppkeyAppsecret

 

Appkey&Appsecret
Appkey&Appsecret

 

2.1.2 获取监控点编号

① API获取

通过在线调试获取资源列表API获取,在运行管理中心打开API网关页面

 

API列表
API列表

 

在线调试结果如下图所示

 

在线调试结果
在线调试结果

 

② 通过综合安防管理平台获取

进入综合安防管理平台(http://192.168.1.205

 

综合安防管理平台
综合安防管理平台

 

进入设备管理/视频页面:

 

视频页
视频页

 

查看监控点基本信息:

 

监控点信息
监控点信息

 

2.1.3 配置运行

预览结果如下

 

预览结果
预览结果

 

2.2 回放

Appkey、Appsecret和监控点编号获取同预览,回放结果如下

在浏览器中打开 demo/demo_window_integration_playback.html 文件

 

回放结果
回放结果

 

三、JS通过mqtt连接activemq接收数据

在html文件中引入 mqttws31.js文件
JS代码如下

 

mqtt
mqtt