人脸识别：face-api.js库

最新推荐文章于 2024-09-13 21:46:53 发布

hbb1_

最新推荐文章于 2024-09-13 21:46:53 发布

阅读量1.8k

点赞数 32

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/hbb1_/article/details/136416209

版权

这篇博客介绍了如何利用TensorFlow.js构建的face-api.js库，在JavaScript环境中实现实时人脸识别功能。通过video标签和canvas元素捕获及处理摄像头画面，实现人像检测和遮挡判断，提供了一种在网站上集成人脸识别的解决方案。此外，还提到了tracking.js库作为另一种数据跟踪选项。

摘要由CSDN通过智能技术生成

TensorFlow.js 是一个用于使用 JavaScript 进行机器学习开发的库
使用 JavaScript 开发机器学习模型，并直接在浏览器或 Node.js 中使用机器学习模型
基于TensorFlow构建的face-api.js库，事实上它可以嵌入在网站上并让网站拥有功能齐全的实时人脸检测能力，而且可与任何网络摄像头或手机摄像头配合使用

tracking.js Tracking.js 是一个独立的JavaScript库，用于跟踪从相机实时收到的数据。跟踪的数据既可以是颜色，也可以是人，也就是说我们可以通过检测到某特定颜色，或者检测一个人体/脸的出现与移动，来触发JavaScript 事件。它是非常易于使用的API，具有数个方法和事件（足够使用了）。
还有一个我觉得不错的功能就是，截取摄像头的图像，对于一些网站用这个功能来设置用户头像也是个很炫的功能。

需求：前端获取到摄像头信息，通过模型来进行判断人像是否在镜头中，镜头是否有被遮挡。
实现步骤：
1、通过video标签来展示摄像头中的内容
2、通过canvas来绘制视频中信息进行展示
3、在拍照时候将canvas的当前帧转成图片

navigator.getUserMedia;

// 有些浏览器不支持，会返回错误信息