jQuery 人脸识别插件，支持图片和视频

　　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 — 准确度

 

您可能感兴趣的相关文章

• Web 开发中很实用的10个效果【源码下载】
• 精心挑选的优秀jQuery Ajax分页插件和教程
• 12个让人惊叹的的创意的 404 错误页面设计
• 让网站动起来！12款优秀的 jQuery 动画插件
• 十分惊艳的8个 HTML5 & JavaScript 特效

 

本文链接：jQuery/Zepto 人脸识别插件，支持图片和视频

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源