web端对接海康平台V1.5.1插件

1、下载webv1.5.1插件

2、获取APPKey和APPSecret

        需要登录综合安防平台(可以对接平台的话会有一套可访问的管理页面),点击状态监控,选择API网关下的API管理,进入API网关后,点击合作方管理,点击合作方名称,获取AK/SK,AK对应合作方Key,Sk对应合作方secret。

3、运行demo

        安装bin目录下的VideoWebPlugin.exe,然后运行demo下的webs.exe,打开demo_window_integration.html,输入appkey、secret、ip、port点击下面的执行按钮,成功之后红色的视频框会加载成功变成下图。

web端对接海康平台V1.5.1插件_第1张图片

web端对接海康平台V1.5.1插件_第2张图片

        将视频监控点编号输入到如图位置,点击执行,即可预览视频画面

web端对接海康平台V1.5.1插件_第3张图片

web端对接海康平台V1.5.1插件_第4张图片         如果视频非常卡顿,可将主码流改为子码流,如果还是卡顿,在运管中心/状态监控/API网关/API管理/API列表里找到“获取监控点预览取流URLv2”,点击在线调试,输入监控点编号、appKey和APPsecret,将"streamform"参数改为"rtp",右侧会返回rtsp视频流,在VLC播放器里播放,看看丢包率,查看是否是网络问题。如果返回的视频一直播放不成功,排查①设备本身不在线②554端口不通

4、在项目中使用

注释:
/**
 * oWebControl是配置的全局变量
 * 需要考虑切换web3.2控件的情况,所以V1.5.1做显隐,如果只需要加载V1.5.1,显隐相关的方法可以忽略,直接初始化和销毁v1.5.1插件
 * HikPlatformRef是封装的组件,后面会统一放上来,本页只放调用
 */

//未初始化过平台插件
if(!this.$url.oWebControl){
	this.$refs.HikPlatformRef.initPlugin(0);  //初始化平台视频插件
}else{
	this.$url.PlatVideo_Total.ShowWnd();  //显示1.5.1视频
}


//点击视频加载对应的画面 serialNumber是视频的code码
this.$refs.HikPlatformRef.lookVideo(serialNumber);  //查看视频





你可能感兴趣的:(前端,html5,html,javascript)