jquery人脸识别插件jquery.facedetection

所属分类:媒体-图像

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


相关插件-图像

SVG图像生成插件triangloid

triangloid是一个JavaScript库,可以将图像生成为多边形图像并输出成SVG格式。它是基于trianglify
  图像
 32038  335

基于HTML5 Canvas实现的图片马赛克模糊特效

基于HTML5 Canvas实现的图片马赛克模糊特效
  图像
 29957  306

移动端图片滤镜效果

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

jQuery放大镜插件jqzoom.js

jQuery放大镜插件jqzoom.js
  图像
 101634  435

讨论这个项目(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
        下载之后要放在服务器上看,才不会报错
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复