无间AR云识别微信小程序WebAR识别

微信小程序WebAR识别,开发简单,识别速度快。

开发步骤

1. 上传识别图

在官网注册登录(https://wujianar.com),可以申请一个免费的图库。

2. demo代码

下载官网小程序demo代码: https://gitee.com/wujianar/mini-webar

3. wxml文件中增加 camera 与 canvas

<camera frame-size="medium" bindinitdone="cameraInitDone" mode="normal" device-position="back" resolution="medium" flash="off" />

<canvas type="2d" id="canvas" style="width:1px; height: 1px;" />

4. js文件中导入WebAr SDK

import { WebAr } from "../../utils/WebAr";

5. 设置认证token等

const CONFIG = {
    token: 'YTU5NjgxYz5********', // 认证token, 请从开发者中心获取
    endpoint: 'https://iss-cn1.wujianar.com',
    quantity: 0.7, // 图片压缩质量, 0~1
    interval: 1000, // 识别间隔(毫秒)
}

6. 在 camera 初始化完成事件中设置WebAr

this.webAr = new WebAr(CONFIG, res[0].node);

this.webAr.searchCallback(res => {
    // TODO: 识别成功后的回调
});

7. 开启与关闭识别

this.webAr.startSearch();

this.webAr.stopSearch();
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容