[英]Count number of faces using javascript
有没有一种方法可以计算实时相机中的面部数量。
例如,我在网络摄像头前有三个人,我有2个页面,分别是Success.html和error .html ,作为判断重定向到Success或error页面的基础方法的一部分,条件是仅检测到一张脸,应该将其发送给成功 ,否则,应该将其发送给错误 。
我正在使用tracking.js来检测网页中的人脸,目前我的代码如下。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>tracking.js - face with camera</title>
<link rel="stylesheet" href="assets/demo.css">
<script src="js/tracking-min.js"></script>
<script src="js/data/face-min.js"></script>
<script src="js/dat.gui.min.js"></script>
<script src="assets/stats.min.js"></script>
<style>
video, canvas {
margin-left: 230px;
margin-top: 120px;
position: absolute;
}
</style>
</head>
<body>
<div class="demo-title">
<p>
<a href="http://trackingjs.com" target="_parent">tracking.js</a> -
get user's webcam and detect faces
</p>
</div>
<div class="demo-frame">
<div class="demo-container">
<video id="video" width="320" height="240" preload autoplay loop
muted></video>
<canvas id="canvas" width="320" height="240"></canvas>
</div>
</div>
<script>
window.onload = function() {
var video = document.getElementById('video');
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var tracker = new tracking.ObjectTracker('face');
tracker.setInitialScale(4);
tracker.setStepSize(2);
tracker.setEdgesDensity(0.1);
tracking.track('#video', tracker, {
camera : true
});
tracker.on('track', function(event) {
context.clearRect(0, 0, canvas.width, canvas.height);
event.data
.forEach(function(rect) {
console.log('face detected');
});
});
</script>
</body>
</html>
在我的控制台中,我可以打印, face detected
。
请让我知道如何在此窗口中检测多个面孔。
谢谢
从文档中:
myTracker.on('track', function(event) {
if (event.data.length === 0) {
// No targets were detected in this frame.
} else {
event.data.forEach(function(data) {
// Plots the detected targets here.
});
}
});
似乎是event.data.length
为您提供了被跟踪元素的数量。
在https://trackingjs.com/docs.html#trackers上添加文档
myTracker.on('track', function(event) { if (event.data.length === 0) { // No targets were detected in this frame. } else { event.data.forEach(function(data) { // Plots the detected targets here. }); } });
使用event.data.length
来计算面孔的数量。
在您的代码段上:
tracker.on('track', function(event) {
context.clearRect(0, 0, canvas.width, canvas.height);
// console log amount of elements found
console.log(event.data.length);
event.data.forEach(function(rect) {
console.log('face detected');
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.