微信小程序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();