jQuery Face Detection 是一款人脸检测插件,能够检测到图片,视频和画布中的人脸坐标。它跟踪人脸并输出人脸模型的坐标位置为一个数组。我们相信,面部识别技术能够给我们的 Web 应用带来各种可能性,创造出互动的,有趣的功能。
注:人脸识别,是基于人的脸部特征信息进行身份识别的一种生物识别技术。用摄像机或摄像头采集含有人脸的图像或视频流,并自动在图像中检测和跟踪人脸,进而对检测到的人脸进行脸部的一系列相关技术,通常也叫做人像识别、面部识别。
如何使用:
引入 jQuery 库和插件代码:
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="path/to/dist/jquery.facedetection.min.js"></script>
设置带有人脸的图片:
<img id="picture" src="img/face.jpg">
调用插件代码获得脸部坐标:
<script> $('#picture').faceDetection({ complete: function (faces) { console.log(faces); } }); </script>
返回的数据:
插件返回的脸部数据
- x — 图片中人脸的X坐标
- y — 图片中人脸的Y坐标
- width — 人脸的宽度
- height — 人脸的高度
- positionX — 相对于文档的X坐标
- positionY — 相对于文档的Y坐标
- offsetX — 相对于父元素的X偏移
- offsetY — 相对于父元素的Y偏移
- scaleX — 实际显示和原始宽度比
- scaleY — 实际显示和原始高度比
- confidence — 准确度