jQuery Face Detection 是一款人脸检测插件,能够检测到图片,视频和画布中的人脸坐标。它跟踪人脸并输出人脸模型的坐标位置为一个数组。我们相信,面部识别技术能够给我们的Web 应用带来各种可能性,创造出互动的,有趣的功能。
注:人脸识别,是基于人的脸部特征信息进行身份识别的一种生物识别技术。用摄像机或摄像头采集含有人脸的图像或视频流,并自动在图像中检测和跟踪人脸,进而对检测到的人脸进行脸部的一系列相关技术,通常也叫做人像识别、面部识别。
如何使用:
引入 jQuery 库和插件代码:
1
2
|
<script src="http:
//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="path/
to
/dist/jquery
.
facedetection
.
min
.
js"></script>
|
设置带有人脸的图片:
1
|
<img id="picture" src="img/face
.
jpg">
|
调用插件代码获得脸部坐标:
1
2
3
4
5
6
7
|
<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 — 准确度