face-detector-polyfill

FaceDetector Polyfill

Polyfill for FaceDetector, part of shape detection api

Implementation

Uses the BBF object detector from JsFeat.

Note that currently landmarks are not detected.

Usage

In the browser

Install:

bower install face-detector-polyfill

Use:

<script>
  (function () {
    function loadScript(src, done) {
      var $script = document.createElement('script');
      $script.src = src;
      $script.onload = function() {
        done();
      };
      $script.onerror = function() {
        done(new Error('Failed to load script ' + src));
      };
      document.head.appendChild($script);
    }
    if (FaceDetector in window) {
      continueToStartTheApp();
    } else {
      loadScript(
        "bower_components/face-detector-polyfill/FaceDetector.min.js", 
        continueToStartTheApp
      );
    }
  })()
  // ...
</script>

With webpack

Install:

npm install --save face-detector-polyfill

Use:

if ('FaceDetector' in window) {
  continueToStartTheApp();
} else {
  require.ensure(['face-detector-polyfill'], function(require) {
    const FaceDetector = require('face-detector-polyfill');
    window.FaceDetector = FaceDetector;
    continueToStartTheApp();
  }, function(err) {
    console.log('Failed to load FaceDetector', err);
  });
}

Examples

See the examples folder, or live demo

Browser support

Requires Promises (can also be polyfilled) and typed arrays which are supported in all modern browsers, down to IE11.