更新记录
1.0.1(2024-08-10)
更新支持混合APP开发中组件使用、H5前端快速识别调用
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.7.6 app-vue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
这是hbuilder APP中VUE版本可以使用的人脸识别 主要识别面部的位置
原理 通过设置一个跟踪器,然后用识别模型去匹配同类型
注意:有些图片的大小过大或者过小无法识别到 需要自己重新设置一下参数 也就是getface中的
objects.setInitialScale(4); //设置脸型模块大小 根据图片的大小去改变 默认是1080*xxx大小的图片
objects.setStepSize(1.5);//设置脸型移动的速度 块的步长 也就是秒移动的距离
objects.setEdgesDensity(0.1);//设置密度
其中分为APP版本和前端H5使用 已经有标识 查看代码即可理解
使用方法APP中
1.组件直接引入 getface (也可自行修改)
细节说明:hb开发中App因为是逻辑层和视图层分开的 组件中js需要使用到document对象的调用
所以引入JS的时候 使用renderjs技术 官方文档有提示 其中配合需要使用的代码 所有逻辑写在这个js下
2.getface.js是我封装的promise风格 你也可以自己在这里面封装后使用 自己看一下逻辑 很简单
使用方法H5中
1.直接引入这几个js即可
《genzong.js》跟踪器
《face111.js》面部识别模型 已经训练好了 这两个会用就可以了
Landmarks 、Regressor 了解即可 画方框用的