Build Real Time Face Detection With JavaScript

  • 875

In this video we will be setting up real time face detection through a webcam using AI. This AI is so quick that we are able to draw in real time the various faces and expressions of every person in the video without much performance overhead.

We will be using the Face API JS library built on Tensor Flow to setup the face detection.

By the end of this video you will have fully functional real time face detection on your site which can be used with any webcam or phone camera. If you want to see a part two of this video make sure to let me know in the comments below.

How to create a Website using Nuxt.js and Contentful
https://morioh.com/p/123796715ca2

Why to use Nuxt.js for your next web application?
https://morioh.com/p/27b3b4912f18

šŸšØ IMPORTANT:

Part 2 (Face Recognition) Tutorial: https://youtu.be/AZ4PdALMqx0

šŸ“š Materials/References:

GitHub Code: https://github.com/WebDevSimplified/Face-Detection-JavaScript
Face API Library: https://github.com/justadudewhohacks/face-api.js
Models Used: https://github.com/WebDevSimplified/Face-Detection-JavaScript/tree/master/models

šŸ§  Concepts Covered:

  • Streaming a webcam through HTML
  • Using Face API to detect faces in real time
  • Drawing facial landmarks in real time
  • Determining emotion through facial expressions in real time