更新记录
1.0.1(2024-08-10)
更新支持混合APP开发中组件使用、H5前端快速识别调用
平台兼容性
HbuilderX/cli最低兼容版本 |
3.7.6 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
app-harmony |
? |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
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 了解即可 画方框用的