基于Tracking.js开发的人脸识别

什么是Tracking.js?

The tracking.js library brings different computer vision algorithms and techniques into the browser environment. By using modern HTML5 specifications, we enable you to do real-time color tracking, face detection and much more — all that with a lightweight core (~7 KB) and intuitive interface.
将不同的计算机视觉算法和技术引入浏览器环境。通过使用现代的HTML5规范，我们可以让你做实时的颜色跟踪，面部检测和更多-所有这些都有一个轻量级的核心（~7KB）和直观的界面。

官网: https://trackingjs.com/

项目介绍

基于Tracking.js实现了一个浏览器端人脸识别签到,并将识别的图形通过base64传输到后端,后端获取后经过人脸识别sdk处理,实现打卡签到,并且分为移动端和pc端实现了适配

实现思路

1.采用电脑或者收集自带的摄像头,通过Tracking.js实现人脸捕捉,为提高性能,我这里设置了一个定时器处理,每2秒进行一次识别
2.把捕获的人脸图片回显到前端canvas
3.把canvas画面转为base64图片
4.传输图片到后台接口
5.后端对图片进行处理,这里可以是使用第三方sdk也可以是自己写一个,我使用了腾讯的人脸识别sdk(有点操蛋,说实话不大好用,识别率还是挺高的)
6.返回处理结果给前端并显示结果

以下是项目地址,已经分好了两端的包
https://github.com/510mt/tracking.js-Demo