Ads

Tuesday 9 December 2014

jQuery Face Detection Plugin



Download   Demo
Face Detection is a jQuery/Zepto plugin to detect faces on images, videos and canvases to get theirs coordinates.
1. INCLUDE JS FILES
<script src="path/to/dist/jquery.facedetection.min.js"></script>
2. HTML
<img id="picture" src="img/face.jpg">
3. JAVASCRIPT
$('#picture').faceDetection({
    complete: function (faces) {
        console.log(faces);
    }
});
Results:
Returns an array of found faces object:
  • — Y coord of the face in the picture
  • — Y coord of the face in the picture
  • width — Width of the face
  • height — Height of the face
  • positionX — X position relative to the document
  • positionY — Y position relative to the document
  • offsetX — X position relative to the offset parent
  • offsetY — Y position relative to the offset parent
  • scaleX — Ratio between original image width and displayed width
  • scaleY — Ratio between original image height and displayed height
  • confidence — Level of confidence
4. OPTIONS
  • interval — Interval (default 4)
  • minNeighbors — Minimum neighbors threshold which sets the cutoff level for discarding rectangle groups as face (default 1)
  • confidence — Minimum confidence (default null)
  • async — Async mode if Worker available (default false). The async mode uses Workers and needs the script to be on the same domain.
  • grayscale — Convert to grayscale before processing (default true)
  • complete — Callback function trigged after the detection is completed
    complete: function (faces) {
        // ...
    }
    
  • error — Callback function trigged on errors
    error: function (code, message) {
        // ...
    }

No comments:

Post a Comment