2017-06-21 69 views
-1

有没有一种方法可以计算实时相机中的脸部数量。使用javascript计算脸部数量

比如我在一个网络摄像头前面三个人,我有2页说,Success.html错误的.html和作为底层的方式部分重定向法官成功错误页面的情况会是,如果只检测到一张脸,应该发送到成功,否则,应该发送到错误

我使用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

请让我知道如何检测窗口中的多个面。

感谢

+0

你检查tracking.js文档?它看起来相当完整。 – sjahan

+1

event.data.length? –

+1

所以2个或更多的脸部应该会导致重定向到'error.html'的权利?你知道重定向,因为计数检测到的脸部只是一种检查'event.data.length'(0表示无脸部,1表示1脸部等)的方式。 – vassiliskrikonis

回答

1

从文档:

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,让您跟踪元素的数量。

1

FOM在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'); 
    }); 
});