Easy Face Recognition Tutorial With JavaScript

In this video we will be setting up face recognition for any image using AI. This AI is able to recognize the name of every character in an image very quickly without much performance overhead. We will be using the Face API JS library built on Tensor Flow to setup the face recognition.

By the end of this video you will have fully functional face recognition on your site which can be used with any image. It is even easily extensible to recognize any other person by simply adding a picture of their face and adding their name to the code.

📚 Materials/References:

🧠 Concepts Covered:

- Using Face API to detect faces
- Drawing facial detections on a canvas
- Determining face identity using facial recognition

🌎 Find Me Here:

#AI #FaceRecognition #JavaScript

[WebDevSimplified]

A common issue many people are running into is a 404 error when loading the models folder. This is caused when you are not running your code inside a server that loads the models folder. For example just right clicking the file and opening in Chrome will not work. I use Live Server with VSCode to run the code and that works for me.

[avaria]

Sir I'm 19 years Pakistani student and fond of learning ML and started following you .

[vincentmuhler]

Once again, very nice Tutorial! Thanks for uploading this video.


Just want to clarify one thing: The second parameter passed to FaceMatcher is not the certainty, it is the distance threshold of two descriptors. The higher the distance the more unsimilar two faces are. If two descriptors have a lower distance than the threshold value we have a "match" and if none of the descriptors match, the face will be unknown.

[marvhenzxx]

Thank you for helping another poor soul! God bless you brother.

[gaurav_gandhi]

I am using Face-api.js but was not able to find a way to pass multiple images training face recognition.Your code helped a lot, Thanks.

[fantahuntube]

verry nice brother, before 5 years this channel was on 14.3k subs guess what, now we are at 1.7M subs 🥳

I will try my best to use the video to get a real time face detection from IP camera and interact with a database

[redhood]

Always quality content! Always easy to watch. Thanks for your work

[Dev-Coder]

Thank you so much. I've waited for this.♥️

[azwankamaruddin]

great tutorial. work prefectly. gonna build real time face recognition

[borysshcherbyna]

When I run it, "Loaded" won't appear, and when I chose a picture it only displays the name but the image itself won't appear. What could be the problem and what should I do to fix it?

[kantyDarius]

This is so helpful! Thanks man.. Cheers from Argentina 🇦🇷 😊

[jacaraba]

was fantastic, easy to learning with you, tks

[darrylwest]

Haven't watched yet but awesome brother 😊😀😁

[cannyclever]

Great video! Could this method be used for identifying plants and bugs for example?

[aifelsesann]

Hi sir, I was wondering if you could do a live recognition system using both the videos you made with faceapi.js? Thank you sir. Much appreciated

[musubirebashir]

Thank you very much, it works perfectly.

[rakeshsagar]

Thanks for the tutorial. It worked perfectly.

[sbdigi]

Hey man, nice work and really good explanation.
I just have one question, is it possible instead of pictures in the folder in our computer, to connect the face recognition program with our for example pictures in the MySQL database?

[copeen]

Hello brother, I would like to know if we can do it with other people for example, a simple face of my friend. Thanks so much for the video, amazing!

[motorazr]

Youre an amazing developer !!! I wonder how have you learned how to code, I mean reding books or watching tutorials?. Greetings from Nicaragua