jquery人脸识别插件jquery.facedetection

所属分类:媒体-图像

 47781  369  查看评论 (8)
分享到微信朋友圈
X
jquery人脸识别插件jquery.facedetection ie兼容10

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


相关插件-图像

移动端图片滤镜效果

在手机上常用到的图片滤镜效果
  图像
 28866  385

可视化的交互图形库Cytoscape.js

Cytoscape.js ? 用于数据分析和可视化的交互图形库
  图像
 53831  343

jquery.photoClip图片裁剪添加旋转 缩放按钮功能

项目上用的jquery.photoClip 插件,为了更好的用户体验 需要添加 旋转 缩放按钮功能,所以在原有的基础上添加了点功能,希望能帮助各位,写的不好 海涵!
  图像
 28773  319

jQueryphotoClip图片剪裁插件

jQueryphotoClip是一款支持移动设备触摸手势的图片裁剪jQuery插件。
  图像
 81163  418

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    zpzxcvb 0
    2018/6/21 17:50:53
    用不了啊,用图片调用那个方法,控制台打印的是空数组 回复
    爱与碍@ 0
    2017/6/15 15:33:59
    Nirvā?a 0
    2016/9/9 10:09:18
    能在调用手机相机的时候识别吗 回复
    方?慕 0
    2016/6/12 8:06:01
    虽然暂时不用,但是下下载下来看看,貌似很厉害的样子 回复
    手机用户3252299922 0
    2016/5/24 14:05:07
    使用中
        丁一卯二0
        2017/9/30 15:35:40

        救命呀  大师  你的可以用了  我安装了半天一点反应都没有 呜呜  找了几天只有这个  你还有吗?

    回复
    notebook 0
    2016/5/24 11:05:17
    貌似用不了呢
        zero0
        2016/12/13 11:12:43
        下载之后要放在服务器上看,才不会报错
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复