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点击下面的执行按钮,成功之后红色的视频框会加载成功变成下图。
将视频监控点编号输入到如图位置,点击执行,即可预览视频画面
如果视频非常卡顿,可将主码流改为子码流,如果还是卡顿,在运管中心/状态监控/API网关/API管理/API列表里找到“获取监控点预览取流URLv2”,点击在线调试,输入监控点编号、appKey和APPsecret,将"streamform"参数改为"rtp",右侧会返回rtsp视频流,在VLC播放器里播放,看看丢包率,查看是否是网络问题。如果返回的视频一直播放不成功,排查①设备本身不在线②554端口不通
4、在项目中使用
注释:
//未初始化过平台插件
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); //查看视频



