vue使用tracking实现人脸识别/人脸侦测

1、安装依赖

npm install tracking.js --save

2、完整代码（人脸识别功能）

以下代码实现打开摄像头识别人脸

注：

1、安卓设备的人脸识别实现规则： 打开设备摄像机后，在相机的拍摄下实时进行人脸识别，如果识别到人脸后，1.5秒后自动拍照（可自行调整拍照时间）。

2、IOS设备的人脸识别实现规则：是利用input file的方式来达到打开IOS设备摄像机的目的，此时IOS设备的相机是全屏状态，所以只能在相机拍摄以后，再利用input的change（changePic）事件来得到拍摄的照片，然后再对照片进行人脸识别（检测是否存在人脸），如果检测通过，会保留该图片并且绘制在页面上，如果未通过人脸检测，则会提示未检测到人脸。

该项目在调试时，tracking.js相关依赖会在检测人脸时，会有两个警告频繁出现，但不会影响项目的运行

第一个问题：[Violation] 'requestAnimationFrame' handler took ms 

这个警告通常是因为你的canvas或者video渲染过于复杂或者数据量过大，导致在浏览器的一帧内渲染超时。但本人目前没有太好的解决方法，如广大网友有了解或者是解决办法，希望可以在评论区讨论一下

第二个问题：Canvas2D: Multiple readback operations using getImageData are faster with the willReadFrequently attribute set to true.

这个警告大概的意思是 使用getImageData的多次读回操作会更快，建议将willReadFrequency属性设置为true。目前的解决方法是将 node_modules 依赖中的 tracking.js 和 tracking-min.js 这两个文件中的 getContext("2d") 和 getContext('2d') 整体替换为 getContext("2d",{ willReadFrequently: true })

另外如果不使用npm方式下载，也可以使用本地文件导入的方式 提供tracking.js相关文件 链接: https://pan.baidu.com/s/1oxJ2z6m5g4T9EUZG2XGgdg 提取码: emqn 

3、调试代码（无人脸识别，可自行拍照和上传任意图片）