Facial Recognition with face-api.js

Feeling left out of the AI/Machine Learning frenzy because you are a web developer? In 45 minutes, go from some basic starter code to doing AI, with JavaScript, in the browser! We use face-api.js to detect faces in an image loaded from either the DOM or a URL, and then we can draw the points, a box around the face, check age, gender, and expression, and then try and match the face(s) to another face.

This isn't building AI models, it is implementing a library and is a great way to get some exposure to machine learning before moving on to TensorFlow and the more intense work.

Code Links:
Starter code - https://github.com/robertbunch/face-a...
Final Code - https://github.com/robertbunch/face-a...
face-api.js - https://github.com/justadudewhohacks/...
Tensorflow - we don't use it, but here it is -https://github.com/tensorflow/tfjs

0:00 - Introduction
1:18 - Why face-api.js?
2:43 - How facial detection works
7:20 - Getting Files and Staring Server
10:48 - File Overview
13:19 - Load Models (Code!)
15:18 - Facial Detection
18:45 - Draw Facial Box
22:47 - Lots of faces!
24:06 - Pulling Remote Images
25:40 - Age and gender
31:52 - Facial Recognition Setup
35:26 - Reference Face and Query Face(s)
38:00 - FaceMathcher()
40:40 - Labeling Faces