JQUERY教程

当前位置: HTML5技术网 > JQUERY教程 > jQuery 人脸识别插件,支持图片和视频

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

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

【jQuery 人脸识别插件,支持图片和视频】相关文章

1. jQuery 人脸识别插件,支持图片和视频

2. 奇思妙想-用HTML5进行人脸识别

3. 基于HTML5 的人脸识别技术

4. jQuery图片和HTML元素网格布局插件

5. Adobe推服务器端开发软件,支持HTML5

6. jQuery 浮动标签插件,帮助你提升表单用户体验

7. jQuery 浮动标签插件,帮助你提升表单用户体验

8. 不用图片和JS,照样创建绚丽的动态CSS3菜单

9. 不用图片和JS也可创建绚丽的动态CSS3菜单

10. jQuery读取json文件,实现省市区/县(国标)三级联动

本文来源:https://www.51html5.com/a1386.html

点击展开全部

﹝jQuery 人脸识别插件,支持图片和视频﹞相关内容

「jQuery 人脸识别插件,支持图片和视频」相关专题

其它栏目

也许您还喜欢