小程序开发|小程序制作|小程序开发网

搜索

VUE项目-H5端人脸识别功能实现

2022-6-2 17:26| 发布者: 附原| 查看: 326| 评论: 0

摘要: 需求:安卓原生app端接入腾讯人脸核身sdk,采集人脸信息和账号绑定。用户使用同一账号登录微信公众号h5端,h5采集人脸信息,调用腾讯人脸比对接口,和原生app端采集的人脸信息比对,是否是同一个人,然后再进行下一 ...

需求:

安卓原生app端接入腾讯人脸核身sdk,采集人脸信息和账号绑定。用户使用同一账号登录微信公众号h5端,h5采集人脸信息,调用腾讯人脸比对接口,和原生app端采集的人脸信息比对,是否是同一个人,然后再进行下一步操作。

H5实现思路:

1.如何调用移动端设备摄像头

2.使用tracking.js捕捉人脸

3.对人脸进行拍照,描绘到canvas画布上面

4.将照片转换成base64格式

5.调用后台接口,后台调用腾讯人脸比对接口进行比对。(由于调用腾讯人脸比对接口需要签名,签名在后台做比较合适)

代码以及注释

1.下载tracking.js 网址:https://trackingjs.com   将需要的js文件复制到静态资源文件夹


2.使用video标签调用手机摄像头,playsinline、webkit-playsinline属性非常重要,如果不写会掉不起来苹果手机的摄像头。微信开发者文档上面有明确的说明,喜欢钻研的同学可以到微信开发者文档中查看文档。video和canvas的宽高的写法是为了适配手机屏幕的大小。


鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部