对接海康web无插件开发包3.3

前段时间公司做一个展项，客户要求鹰眼摄像头。也就是实现海康摄像头的云台控制功能。此处踩深坑，产品通过调研使用海康web无插件3.2进行处理，摄像头未安装。给了个摄像头账号和密码。结合vue2，哼哧半天实现了，结果安装的摄像头是新版本的，也就是说项目中处理好的无插件3.2版本不可用。临时更换3.3

关于使用3.3的nginx有详细介绍，这里就不说了。首先是3.3的js文件和插件插件双击安装即可，然后在Vue中引入js文件，jsVideoPlugin和webVideoCtrl。这两个文件必须在vue的public文件夹下的index.html中引入这里也直接将两个文件放在public文件夹下，小伙伴要是有其他更好办法可以告诉我，这边是没找到。

在使用3.3时和3.2多少有些区别深坑。3.2的播放器上是可以定位元素在上面，实现自定义的文字和按钮，在3.3中这里是不行的，播放器浮现在屏幕的最上层。会遮挡播放器背后的所有盒子及内容。

首先就是init初始化插件，这个3.3包里给的有，不过它是基于demo案例，多少有点小调整。调取 WebVideoCtrl.I_InitPlugin，这是可以对播放屏幕进行一些基础设置，双击等等

主要就是这一部分，在成功初始化后，需要调用登录接口，登陆接口传的是当前摄像头的ip,port,username，password，登陆成功后至少还需要调取两个接口， WebVideoCtrl.I_GetAnalogChannelInfo即获取模拟通道， WebVideoCtrl.I_GetDevicePort获取端口。貌似缺一不可（本人在项目中同时调取后实现的预览等，不排除可缺），云台功能调用前提是必须已经登陆成功且进行了预览，登陆成功不进行预览，云台控制是无法实现的，其他的一些功能未尝试过。这里因为是大屏双击全屏播放，这边需求是占半个屏幕，没办法，demo给的办法无法使用，尝试通过改变包裹元素大小，在改变后滚动滚轮播放器确实改变成我想要的。但是不符合项目需求。

这边通过双击重新init一个播放器，关闭当前实现。时间有点久，只能捋一下大概思路，希望对小伙伴有一丢丢帮助