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

您可能感兴趣的相关文章

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

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

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

转载于:https://www.cnblogs.com/lhb25/p/jquery-face-detection-plugin.html

jQuery 人脸识别插件，支持图片和视频相关推荐

python读取视频流做人脸识别_python实现图片，视频人脸识别(opencv版)
图片人脸识别 import cv2 filepath = "img/xingye-1.png" img = cv2.imread(filepath) # 读取图片 gray = c ...
强大的jQuery幻灯片播放插件支持全拼、拖拽和下载等功能
强大的jQuery幻灯片播放插件支持全拼.拖拽和下载等功能在线演示本地下载 posted @ 2018-11-29 11:30 栖息地阅读(...) 评论(...) 编辑收藏
Waifu2x-Extension-GUI 支持图片gif视频的放大与降噪程序 v0.11-beta更新
Waifu2x-Extension-GUI v0.11-beta更新易用,开源,兼容性强,多线程管理灵活的图片,Gif以及视频超分辨率放大程序主界面更新日志很长放在最后了主要特性: 简单易用 ...
python视频图片识别算法_python利用Opencv进行人脸识别（视频流+图片）
首先:需要在在自己本地安装opencv具体步骤可以问度娘如果从事于开发中的话建议用第三方的人脸识别(推荐阿里) 1.视频流中进行人脸识别 # -*- coding: utf-8 -*- import ...
利用jquery的imgAreaSelect插件实现图片裁剪示例
将用户上传的图片进行裁剪再保存是现在web2.0应用中常常处理的工作,现在借助jquery的imgareaselect插件再配合PHP的GD库就可以轻松的实现这个在以前来说非常棘手的功能.我们来看看它 ...
获取摄像头视频流，进行人脸识别（支持单人脸识别、车牌识别）
真正的大师,永远都怀着一颗学徒的心! 一.项目简介人脸识别,已经增加了车牌识别功能. 人脸识别主要步骤: 1.通过摄像头硬件获取视频流 2.针对获取的视频流进行人脸识别,将识别的人脸数据保存(此项目 ...
基于python调用摄像头进行人脸识别，支持多张人脸同时识别
介绍调用摄像头进行人脸识别, 支持多张人脸同时识别; 摄像头人脸录入请不要离摄像头过近, 人脸超出摄像头范围时会有 "OUT OF RANGE" 提醒提取特征建立人脸数据库 ...
最新版人脸识别小程序图片识别生成二维码签到地图上选点进行位置签到计算签到距离课程会议活动打卡日常考勤上课签到打卡考勤口令签到
技术选型 1,前端小程序原生MINA框架 css JavaScript Wxml 2,管理后台云开发Cms内容管理系统 web网页 3,数据后台小程序云开发云函数云开发数据库(基于Mongo ...
19_Android中图片处理原理篇，关于人脸识别网站，图片加载到内存，图片缩放，图片翻转倒置，网上撕衣服游戏案例编写...
1 加载图片到内存 (1).数码相机照片特别是大于3m以上的,内存吃不消,会报OutOfMemoryError,若是想只显示原图片的1/8,可以通过BitmapFactory.Options来实现,具 ...

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

如何使用：

返回的数据：

jQuery 人脸识别插件，支持图片和视频相关推荐

最新文章

热门文章