vue3 web项目引入高拍仪

news/2024/11/23 13:01:14/

一、安装高拍仪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进行开发。根据自己需要的功能,请求对应的接口。


http://www.ppmy.cn/news/235199.html

相关文章

c++ 二次开发 良田高拍仪_高拍仪进行二次开发要求

二次开发,简单的说就是在现有的软件上进行定制修改,功能的扩展,然后达到自己想要的功能,一般来说都不会改变原有系统的内核。那么高拍仪二次开发要怎样进行呢?下面河南高拍仪的小编为大家讲一下 高拍仪二次开发基本要求…

云桌面摄像头(高拍仪)重定向问题说明

传统的摄像头重定向模式: 在云桌面的使用场景,通常会遇到USB摄像头不能用的问题。如下图所示,插在云终端或者瘦客户机上的USB摄像头,通过网络重定向到远端的虚拟机中使用。 传统的USB摄像头重定向应用模式 摄像头重定向模式的重…

web高拍仪图片上传

公司引进高拍仪,想拍完照片点上传按钮直接上传图片。高拍仪接口能提供照片的本地路径,现在的问题是不用file控件选择,只有路径,不知道如何上传到服务器,求解决方案。 方法: 使用泽优Web图片上传控件&#…

android设备外接高拍仪

最近在研究android设备外接摄像头,手边正好有个高拍仪,就顺手试了一下,没想到高拍仪也能成功预览 1、应该并不是所有的android设备都能支持 2、用otg线连接的,没有修改android系统 3、目前只能拍照,不能录像 欢迎来…

vue 引入第三方文件(高拍仪),传值及接口调用。

vue引入第三方文件通常是放到根目录的public静态目录下: 例如jQuery文件: 接下来进入到正题也就是我们的高拍仪文件(一样放到public静态目录下): 引入之后我一般是同过ifram标签引入到vue组件中的 ifram标签的src路径(根据静态目录public下v…

泛微E9下紫光G750高拍仪集成总结

最近做了一个E9和紫光高拍仪集成的开发,经过探索,初见成效,做下记录,也希望能对大家有所帮助。 采用的方式为base64上传图片,将图片上传到服务器物理路径后,调用E9生成到知识模块中,并更新到流程…

高拍仪拍照SDK开发(良田影像S300L|S500L)

高拍仪拍照SDK开发下载地址:点击下载 本SDK适用于:良田影像S300L|S500L 高拍仪如图: SDN开发包安装之后找到安装目录,如图: 大家找到各自需要的版本即可,需要注意的是如果需要上传图片到服务器的话&#…

维融高拍仪驱动通用_动态展示和教学 良田YL1050AF高拍仪评测

高拍仪的一大特点就是灵活多样,通过不同的工业设计用于文件扫描、视频展示、多媒体教学、信息采集、体温监测等等。良田最新款YL1050AF教学高拍仪通过巧妙的设计和专业的软件,为教学、培训、实时展示等应用带来了新的形式。 动态展示和教学 良田YL1050AF…