一、安装高拍仪SDK？

1. SDK下载路径 Eloam SDK 在线对接平台 - Windows SDK 文档

2.安装sdk，注意不要安装在C盘，安装时最好把360啥的关了，要不然可能会安装不上。(只有window系统的电脑有SDK，没有mac版本的)

二、原理

SDK安装后，会在本地起一个38088的端口，以及相关的接口，我们只需请求相应的接口就好了。

Eloam SDK 在线对接平台 - Windows SDK 文档

这个是高拍仪的api接口地址。

二、开发

1.判断设备是否连接

const is_connect = () => {axios.post('http://127.0.0.1:38088/device=isconnect').then((res: any) => {console.log(res);if (res.data.code === '0') {if (res.data.data >= 1) {open_view1();} else {message.warn('请检测设备是否连接上!!!');}} else {message.warn('请检测设备是否连接上');}}).catch(error => {message.warn('请检测设备是否连接上!!!');console.log(error);});};

2.打开主摄像头

const open_view1 = () => {gaopaiyiData.imgSrc = 'http://127.0.0.1:38088/video=stream&camidx=0?1';
};

我这里是页面上有一个img的元素，直接把src设置成打开摄像头的接口地址，就行了。

3. 主头拍照

/** 主头拍照 */const view1_scan = () => {let data = {filepath: 'base64',rotate: '0',cutpage: '0',camidx: '0',ColorMode: '0',quality: '3',};axios.post('http://127.0.0.1:38088/video=grabimage', JSON.stringify(data)).then(res => {add_image(res.data.photoBase64);});};

4. 旋转

const rotate = () => {if (rotateIndex === 4) {rotateIndex = 0;}rotateIndex++;let angle = 90 * rotateIndex;let data = { camidx: '0', rotate: String(angle) };axios.post('http://127.0.0.1:38088/video=rotate', JSON.stringify(data)).then(res => {});};

总结

高拍仪的引入步骤就两步，安装SDK，然后根据官网的api进行开发。根据自己需要的功能，请求对应的接口。

vue3 web项目引入高拍仪相关推荐

项目开发高拍仪 base64 格式上传图片笔记
汉王高拍仪 base64 格式上传图片功能:base64 上传图片设备:汉王H650por 效果图如下实现代码下方接口代码页面 <html> <head> <ti ...
web端刷卡器_web工程集成身份证读卡器，高拍仪
接到个模块,要在已有的web工程里集成身份证读卡器,高拍仪等硬件.一时摸不着头脑,网上搜了下,发现都写的高端到看不懂.后来找了个已成功集成的web工程研究了下,发现弱爆了.这种硬件设备都已经做好了对w ...
良田高拍仪集成vue项目
一.硬件及开发包说明: 产品型号为良田高拍仪S1800A3,集成b/s系统,适用现代浏览器,图片使用BASE64数据.开发包的bin文件下的video.flt文件需要和高拍仪型号的硬件id对应,这个可 ...
c++ 二次开发良田高拍仪_良田高拍仪集成vue项目
一.硬件及开发包说明: 产品型号为良田高拍仪S1800A3,集成b/s系统,适用现代浏览器,图片使用BASE64数据.开发包的bin文件下的video.flt文件需要和高拍仪型号的硬件id对应,这个可 ...
5分钟集成桌面摄像头或高拍仪到Web程序
简介桌面摄像头几乎是每台个人电脑必备的附件之一.实时聊天,远程协助等很多的桌面应用可以直接调用摄像头.然而在目前将桌面搬到云端的技术热潮中,在浏览器中直接集成摄像头也是一个热门需求.类似的实际应用场 ...
记录紫图高拍仪的一个使用兼容问题
本码农接到领导任务:需要将紫图高拍仪接入当前web系统. 但是由于本马大哈只埋头苦干,并没有询问开发详细细节,就导致项目发布到生产环境上问题百出. 主要问题有两点: 1.客户使用的浏览器为IE8,IE ...
在网页中调用摄像头实现拍照上传 - 高拍仪二次开发
在网页中调用摄像头实现拍照上传高拍仪二次开发在一些公共部门的办事处,比如银行.护照办理中心.税务等,我们可能会注意到办公桌上摆着这样一台机器.办公人员用它拍摄各种证件.文件.表格,有时候还 ...
c++ 二次开发良田高拍仪_在网页中调用摄像头实现拍照上传 - 高拍仪二次开发...
来源于 https://blog.csdn.net/weixin_40659738/article/details/78252562 在网页中调用摄像头实现拍照上传高拍仪二次开发在一些公共部门的 ...
高拍仪用法及部分问题处理
一.接入项目并使用 1.1 安装高拍仪驱动下载地址: https://www.eloam.cn/download/list/1 安装完成之后,打开驱动程序,即可看到接入的高拍仪的图像. 1.2 网页 ...
linux 内核高拍仪,高拍仪开发控件 | Dynamsoft Camera SDK
基于浏览器的摄像头.高拍仪控件 Dynamsoft Camera SDK 提供了 JavaScript API,帮助您在浏览器里轻松地从 USB(USB Video Class,即 UVC) 视频捕获 ...

vue3 web项目引入高拍仪