Build Real Time Face Detection With JavaScript

  • 2565

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