良田高拍仪集成vue项目 - 蝈民党 - 博客园

来源： 良田高拍仪集成vue项目 – 蝈民党 – 博客园

一、硬件及开发包说明:

产品型号为良田高拍仪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

开发包文件目录：

demo文件：samples->JavaScript

qwebchannel.js文件的改写

二、控件运行原理

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

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

后台运行程序：

三、vue中使用

a.导入js文件

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

c.创建websocket连接

四、测试

连接并拍照成功

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