最近产品哥哥提出想做拍照时的人脸识别,没办法在网上搜了一通,实在是想感叹一番如今插件真是越来越丰富和厉害了,不过在开发过程中没找到完整的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了。
下面附上完整代码。
<template>
<div class="testTracking">
<video id="video" width="318" height="270" preload autoplay l