一、硬件及开发包说明:

  产品型号为良田高拍仪S1800A3,集成b/s系统,适用现代浏览器,图片使用BASE64数据。开发包的bin文件下的video.flt文件需要和高拍仪型号的硬件id对应,这个可以找厂家要然后替换.

  开发包地址:https://github.com/xufeikko/webIm/blob/master/%E8%B7%A8%E6%B5%8F%E8%A7%88%E5%99%A8%E6%8E%A7%E4%BB%B6SDK%20V2.3.0.rar

  开发包文件目录:

  良田高拍仪集成vue项目-LMLPHP

  demo文件:samples->javascript

  良田高拍仪集成vue项目-LMLPHP

qwebchannel.js文件的改写

良田高拍仪集成vue项目-LMLPHP

  二、控件运行原理

  控件大部分功能在后台运行,前端通过websocket传输所选操作的信号或者获取来自后台程序的信息,并展示。控件必须在有网条件下才能正常运行,通过websocket可以访问同一局域网的高拍仪设备(前提是连接高拍仪的电脑有运行后台程序)。

  (开包中也有夸浏览器控件sdk使用说明)

  后台运行程序:

良田高拍仪集成vue项目-LMLPHP

 三、vue中使用

  a.导入js文件

良田高拍仪集成vue项目-LMLPHP

  b.mounted内初始化函数,baseUrl路径不能更改(详情请看跨浏览器sdk使用文档)

 良田高拍仪集成vue项目-LMLPHP

  c.创建websocket连接

良田高拍仪集成vue项目-LMLPHP

四、测试

良田高拍仪集成vue项目-LMLPHP

连接并拍照成功

注意:本开发需要更新替换bin目录下video.flt配置文件     github:https://github.com/xufeikko/webIm/blob/master/video.flt

05-11 16:11