本文概述
- 5. CCV.js和面部检测
- 4. Headtrackr
- 3. clmtrackr
- 2. ObjectDetect
- 1. Tracking.js
一个jQuery / Zepto插件, 用于检测图像, 视频和画布上的面孔以获取其坐标。
注意:人脸检测基于人脸检测算法(jQuery仅包装了CCV.js的实现), 请访问带有CCV库的Liu Liu, 可以从此处的官方存储库和ccv.js的官方演示中检索该文件。
要在你的项目中实现人脸检测, 请手动下载最新版本, 或使用Bower安装它:
bower install jquery.facedetection
或与NPM一起安装。
npm install jquery.facedetection
然后包括jQuery和插件。
<
script src="http://img.readke.com/220521/0146353b4-0.jpg">
<
/script>
<
script src="http://www.srcmini.com/path/to/dist/jquery.facedetection.min.js">
<
/script>
在HTML页面中设置带有一些面孔的图片。
<
img id="picture" src="http://www.srcmini.com/img/face.jpg">
Apply the plugin to this image and get the face coordinates.<
script>
$('#picture').faceDetection({
complete: function (faces) {
console.log(faces);
}
});
<
/script>
文章图片
4. Headtrackr Headtrackr是一个JavaScript库, 用于实时面部跟踪和头部跟踪, 可通过网络摄像头和webRTC / getUserMedia标准跟踪相对于计算机屏幕的用户头部位置。
但是, 即使帧中可能有多个脸部, Headtrackr也会始终检测到一张脸。
以下视频显示了有效的演示。
3. clmtrackr clmtrackr是一个JavaScript库, 用于将面部模型拟合到视频或图像中的面部。如Jason M. Saragih的论文中所述, 当前它是通过正则化地标均值漂移拟合的约束局部模型的实现。 clmtrackr跟踪面部并按照以下模型编号将面部模型的坐标位置输出为数组:
文章图片
但是clmtrackr始终会检测到一张脸, 即使框架中也可能有一张以上。为了进行视频跟踪, 建议使用支持WebGL的浏览器, 尽管该库应可在任何现代浏览器上使用。有关约束本地模型的更多信息, 请查看Xiaoguang Yan的出色教程, 这对实现该库有很大帮助。
以下视频显示了有效的演示。
这个插件的友好API可以做任何奇怪的事情:
- 跟踪图像。
- 跟踪视频。
- 人脸替换。
- 遮脸。
- 实时面部变形。
- 情绪检测。
- 漫画。
文章图片
2. ObjectDetect js-objectdetect是用于实时对象检测的javascript库。该库基于Paul Viola和Rainer Lienhart的工作, 并且与OpenCV对象检测器使用的基于树桩的HAAR级联分类器兼容。观看此视频进行简短演示。支持所有现代浏览器, 包括IE 9 +, Safari和Opera Mobile。
js-objectdetect可用于对象检测, 跟踪, 并与诸如WebRTC之类的现代HTML5功能结合使用, 可用于在浏览器中运行而无需任何插件的各种增强现实应用程序。
文章图片
颜色跟踪可用于视频标签。
文章图片
人脸识别真的很有趣而且很棒, 不是吗?玩得开心
推荐阅读
- 5+最佳代码语法高亮javascript插件
- 5+最佳免费图表JavaScript库
- 7个最佳语音命令和语音识别相关的javascript库
- 7+最佳自定义浏览器滚动条JavaScript和jQuery插件
- 在AndroidGameActivity中运行LoadContent时启动/加载屏幕
- 启动Android模拟器时,“设备上没有足够的存储空间来存储包”
- 用户'IIS APPPOOLASP.NET v4.0'登录失败
- 如果我在RabbitTemplate上直接设置它们,为什么Spring需要在Converter和ClassMapper上使用@Bean()
- 将Cocoapods与App Extension一起使用