vue集成tracking.js,实现拍照人脸识别功能

最近产品哥哥提出想做拍照时的人脸识别,没办法在网上搜了一通,实在是想感叹一番如今插件真是越来越丰富和厉害了,不过在开发过程中没找到完整的vue工程的demo,tracking.js的文档看的也是半懂,所以决定自己写一份,造福后来人。

首先我们需要去官网下载 tracking.js 的代码包,或者自己 npm 安装也行

两者下载方式的区别就是:前者可能功能更全面一些,毕竟是官网最新更新的。npm库的就不一定了。

附上官网地址: https://trackingjs.com/

我这边因为只需要用到人脸识别,所以就通过 npm 安装了

执行命令: cnpm install tracking --save

装完了之后会发现node_modules下有了一个tracking文件夹

然后就是写测试demo

其实有一个很简单的办法,在 tracking 文件夹下查看目录,能看到一个叫作 example 的文件夹,相信大家都知道这是啥意思,里面有很多适用于不同需求和情境的demo,copy过去改改就OK了。
vue集成tracking.js,实现拍照人脸识别功能_第1张图片
下面附上完整代码。









效果图:
vue集成tracking.js,实现拍照人脸识别功能_第2张图片

你可能感兴趣的:(vue集成tracking.js,实现拍照人脸识别功能)