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