转《trackingjs人脸检测》

Posted 栴檀

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了转《trackingjs人脸检测》相关的知识,希望对你有一定的参考价值。

tracking.js是一个开源(BSD协议)的计算机视觉插件,在不同的浏览器中有不同的计算机视觉算法和技术,通过使用现代html5规范,能够实现实时颜色跟踪、人脸检测等功能,界面直观、核心文件轻量。

官网直通车  里面的案例比较详细

技术分享图片

1、下载及实例

https://github.com/eduardolundgren/tracking.js

首先,下载这个项目,这个项目包括所有的tracking.js的例子、源代码、依赖等。解压把文件放到项目的任意位置, 在页面中引入tracking-min.js文件。

技术分享图片

然后,在页面中创建img和canvas元素,img是需要识别的图片,canvas识别后生成图片所需容器。

技术分享图片

最后,运行如下脚本代码即可实现一个简单的图片特征识别。

技术分享图片
技术分享图片

npm安装命令:npm install tracking

bower安装命令:bower install tracking

2、基础功能展示

①检测视频中的颜色

技术分享图片
技术分享图片
技术分享图片

②人脸检测

人脸检测需要额外引入face-min.js文件。

技术分享图片
技术分享图片
技术分享图片
技术分享图片
技术分享图片

③检测脸、眼睛和嘴

和上面一样需要额外引入3个文件,分别是face-min.js(脸)、eye-min.js(眼睛)、mouth-min.js(嘴)。

技术分享图片
技术分享图片
技术分享图片
技术分享图片

④检测特定的颜色

技术分享图片
技术分享图片
技术分享图片
技术分享图片

⑤两幅图相似点匹配

技术分享图片
技术分享图片
技术分享图片
技术分享图片

⑥使用摄像头检测人脸

摄像头相关的都需要引入dat.gui.min.js文件。

技术分享图片
技术分享图片
技术分享图片

⑦摄像头图像特征

技术分享图片
技术分享图片
技术分享图片

这是摄像头拍到苹果手机部分背面的特征点

以上是关于转《trackingjs人脸检测》的主要内容,如果未能解决你的问题,请参考以下文章

利用opencv带你玩转人脸识别-中篇(人脸检测,检测多个,视频检测快速入门)

21个项目玩转深度学习:基于TensorFlow的实践详解06—人脸检测和识别——MTCNN人脸检测

利用OpenCV一天玩转人脸检测

21个项目玩转深度学习:基于TensorFlow的实践详解06—人脸检测和识别——数据集

opencv&mediapipe 人脸检测+摄像头实时

腾讯优图人脸检测