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

本文介绍了如何在Vue项目中集成tracking.js库,用于实现拍照时的人脸识别功能。通过npm安装tracking.js后,利用example目录下的demo进行改造,完成人脸识别的测试代码。详细过程包括下载、安装和编写测试代码。
摘要由CSDN通过智能技术生成

最近产品哥哥提出想做拍照时的人脸识别,没办法在网上搜了一通,实在是想感叹一番如今插件真是越来越丰富和厉害了,不过在开发过程中没找到完整的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
  • 8
    点赞
  • 84
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 69
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 69
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

笑笑菇凉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值