Tracking.js 学习笔记

这两天莫名其妙想了解一下和人脸识别相关的技术方案然，然后想撘一个与前端交互的人脸识别系统，然后遇到了一个比较牛逼的前端插件，反正也是比较闲了，可以先学习一下，或许将来会有用啊。

一，材料准备

tracking.js

二，学习笔记

step 1

下载完成后我们可以在example文件夹下面创建一个 first_tracking.html 文件并写入下面代码

step 2

尝试第一个功能ColorTracker，颜色追踪。

效果图

step 3

ColorTracker 只有默认的3中颜色追踪（magenta，cyan，yellow），如果想追踪自己设定的颜色，则需要在ColorTracker当中进行注册，主要是利用（r，g，b）来注册颜色，例如绿色（0，255，0）。主要使用下面代码

tracking.ColorTracker.registerColor('green', function(r, g, b) {
  if (r < 50 && g > 200 && b < 50) {
    return true;
  }
  return false;
});

完整代码

效果图

这是参考官网例子的自动跟踪颜色版本

效果图

step 4

Object Tracker 是经过训练的一系统物体追踪库，同样好像使用Color Tracker的套路，通过初始化‘track’，注册‘track’，开启‘track’，即可对眼睛，人脸，嘴巴等进行识别，不过个人感觉准确率其实不是特别的高，侦测范围还是比较小，受环境影响有点大。

效果图

除此之外，Tracking.js 还提供了特征的自训练接口，通过自训练，一样可以使用用户自己的侦查，通过配合Tracking.js 的强大接口，我想越来越多的计算将一点点的搬到前端去了，实在强大啊。更多摸索自己可以查看下tracking官网和一些大牛的博客吧。这只是几个简单的实验罢了，挺有趣，以后再深入研究这个东西。