更新记录
1.0.1(2024-08-10)
更新支持混合APP开发中组件使用、H5前端快速识别调用
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | - | √ | √ | √ | √ |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
这是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 了解即可 画方框用的