开源一个人脸识别前端 demo，支持 H5 微信、公众号、QQ、企业微信

[KeJunCN]

微信 h5 人脸识别 Demo

利用 getUserMedia 和 tracking.js 实现调用摄像头并在页面内进行人脸识别

截图
	入口页		授权弹窗
	识别中		识别结果

Demo

无服务器，不会收集你的信息，放心扫码测试

https://facetest.kejun.me

或微信扫码

快速开始

pnpm install
pnpm dev

访问 http://localhost:3000

框架和库

• Nuxt3
• Vue3
• VueUse
• Vant
• Unocss
• tracking.js
• VConsole

核心代码在 useFaceTrack.ts 中

测试设备

测试标准为能正确获取摄像头视频流，能使用 tracking 识别人脸，能在结果页展示人脸

测试时，必须使用 https 协议或者 127.0.0.1

作者条件有限，如果你也测试通过了，欢迎 PR 添加你的测试结果

• ✔️ 已通过
• ❌ 未通过
• ❓ 未测试

设备	微信	QQ	企业微信	浏览器
iPhone 13 Pro	✔️8.0.39	✔️8.9.58.612	✔️4.1.7(131309)	✔️iOS 16.1 Safari

github: https://github.com/KeJunMao/h5-face-track-demo

[robinchina]

https://pic.imgdb.cn/item/64b8ef4e1ddac507cc835a40.jpg

照片绕过了

[KeJunCN]

@robinchina 前端绕过不怕，真的落地的话应该去接阿里之类的后台去检测

[imwangpan]

楼主，开源地址呢？

[KeJunCN]

@imwangpan https://github.com/KeJunMao/h5-face-track-demo 忘了贴了🥹