strack.js调摄像头人脸识别拍照

html 部分引入

<script src="./tracking/build/tracking-min.js"></script>

 <div style={{height: '100%', position: 'relative', overflow: 'hidden'}}><video id="myVideo" className='srack-my-video' width="140%" preload autoplay loop muted playsinline webkit-playsinline="true"></video><canvas id="myCanvas" width="100%" style={{display: 'none'}}></canvas><div id="informationTitle" style={{position: 'absolute', top: '20px', width: '100%', textAlign: 'center', color: '#000'}}></div></div>

调摄像头拍照

 function tarckPhoto() {var tipFlag = false  // 是否检测var faceflag = false // 是否进行拍照var informationTitle = $("#informationTitle")//人脸提示// 使用监听人脸的包var facevideo = document.getElementById('myVideo');var facecanvas = document.getElementById('myCanvas');var facecontext = facecanvas.getContext('2d');var tracker = new tracking.ObjectTracker('face');tracker.setInitialScale(4);tracker.setStepSize(2);tracker.setEdgesDensity(0.1); //每次打开弹框先清除canvas没拍的照片facecontext.clearRect(0, 0, facecanvas.width, facecanvas.height);// 打开摄像头var tra = tracking.track('#myVideo', tracker, { camera: true });facevideo.play();tracker.on('track', function(event) {if(!tipFlag){facecontext.clearRect(0, 0, facecanvas.width, facecanvas.height);if (event.data.length === 0) {//未检测到人脸if(!faceflag){informationTitle.html('未检测到人脸')}} else if (event.data.length === 1) { // 长度为多少代表检测到几张人脸//检测到一张人脸if(!tipFlag){informationTitle.html('正在识别，请勿乱动~')// 给检测到的人脸绘制矩形event.data.forEach(function(rect) {facecontext.strokeStyle = '#a64ceb';facecontext.strokeRect(rect.x, rect.y, rect.width, rect.height);});if(!faceflag){// 检测到人脸进行拍照faceflag = truetipFlag = truesetTimeout(() => {// 延迟两秒返回结果facecontext.drawImage(facevideo, 0, 0, facecanvas.width, facecanvas.height)let imgData = facecanvas.toDataURL('image/png', 0.3)imgData  = imgData .split(';base64,').pop()facevideo.srcObject.getTracks().forEach(track => track.stop());}, 2000);}}} else {//检测到多张人脸if(!faceflag){informationTitle.html('仅可一人进行人脸识别！')}}}});}

racking包下载地址
官网 https://trackingjs.com/
百度网盘：
链接：https://pan.baidu.com/s/1cCEa8UQWzfZV2D_Wl6yAWg?pwd=frg7
提取码：frg7

strack.js调摄像头人脸识别拍照相关推荐

智能家居语音控制及摄像头人脸识别（含代码）
智能家居语音控制及摄像头人脸识别 1.使用的软件及过程 2.python 人脸代码讲解 3.主函数代码讲解 1.使用的软件及过程使用到的软件有secureSRT,filezilla,Visual S ...
matlab打开笔记本摄像头_matlab-调用摄像头人脸识别
----------------------------边学边写边学习------------------------------------- 版本:2014a 调用摄像头 a = imaqhwin ...
OpenCV 调包侠：调用本地摄像头人脸识别
import cv2 as cv import numpy import matplotlib.pyplot as plot# 创建摄像头对象 0 表示第一个摄像头一般是笔记本的 cap = cv. ...
python摄像头人脸识别代码_python 实现摄像头人脸识别
1.window安装dlib.face_recognition ace_recognition简介 face_recognition是Python的一个开源人脸识别库,支持Python 3.3+和Py ...
python调用摄像头人脸识别代码_利用face_recognition，dlib与OpenCV调用摄像头进行人脸识别...
用已经搭建好 face_recognition,dlib 环境来进行人脸识别未搭建好环境请参考: 使用opencv 调用摄像头 import face_recognition import cv2 ...
python调用摄像头人脸识别代码_OpenCV3-Python人脸识别方法—人脸识别与标记
上接<OpenCV3-Python人脸识别方法-基于摄像头>,实际应用中,有时我们不仅需要检测人脸信息,可能还需对识别到的人脸进行判断(是否是某个特定的人)?接下来,本篇介绍基于openc ...
python摄像头人脸识别小程序开门,OpenCV3-Python人脸识别方法—基于摄像头
1. Viola-Jones分类器 Viola-Jones分类器在级联的每个节点中使用AdaBoost来学习一个高检测率低拒绝率的多层树分类器,其有以下几点创新: (1)使用类Haar输入特征,对矩形 ...
php活体检测,双目活体检测摄像头,人脸识别SDK,红外活体算法
近红外人脸活体检测算法主要是基于光流法而实现,无需指令配合,检测成功率较高.根据光流法,利用图像序列中的像素强度数据的时域变化和相关性来确定各自像素位置的"运动",从图像序列中得到 ...
（python+cv2）做一个简单的摄像头人脸识别
编程语言用的是python,环境的话自己喜欢用哪个都ok,我用的是pycharm&anaconda 1.下面做编程准备 1)python环境简单的直接上官网下载python就ok了,如果想搞 ...
python调用摄像头人脸识别代码_Python使用 opencv调用笔记本摄像头进行人脸识别...
首先需要导入opencv库pip install -i https://pypi.tuna.tsinghua.edu.cn/simple/ opencv-python 上代码#万码学堂Pytho ...

strack.js调摄像头人脸识别拍照

strack.js调摄像头人脸识别拍照相关推荐

最新文章

热门文章