龙空技术网

前端开发:一个在web上实现计算机视觉的现代方法(tracking.js)

IT痕迹 4886

前言:

而今我们对“html5人脸”大约比较关心,朋友们都想要学习一些“html5人脸”的相关资讯。那么小编在网络上收集了一些对于“html5人脸””的相关内容,希望小伙伴们能喜欢,小伙伴们一起来学习一下吧!

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

1、下载及实例

首先,下载这个项目,这个项目包括所有的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文件。

⑦摄像头图像特征

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

查看更多例子请前往官方网站:

有哪里写得不好的地方请大家提出来,请轻喷,谢谢。 同时有什么与编程相关的好东西可以推举给我,再次感谢!

标签: #html5人脸