Build Real Time Face Detection With JavaScript

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

Suggest:

☞ Machine Learning Zero to Hero - Learn Machine Learning from scratch

☞ Build a Real Time Chat App With Node.js

☞ Introduction to Machine Learning with TensorFlow.js

☞ Web Development Tutorial - JavaScript, HTML, CSS

☞ Platform for Complete Machine Learning Lifecycle

☞ Learn JavaScript - Become a Zero to Hero