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