Face Detection in the Browser using Tensorflow.js

This video describes how you can do face detection in the browser using the blazeface model in Tensorflow.js. This can be useful to implement features in web applications like cropping faces for profile photos, auto tagging people in pictures and as a first step to face recognition. Since it is on the browser we use JavaScript and Tensorflow.js makes it very easy to interact with ML models that make the predictions.
00:00 Introduction
00:33 Get access to webcam
03:35 Detect faces using Tf.js
07:30 Display the results
Please like this video and subscribe for more !
Connect with me:
Email: [e-mail]
Website: adarshmenon.in
Twitter : / adarsh_menon_
LinkedIn: / adarsh-menon-
Github : github.com/adarsh1021
#Tensorflowjs #JavaScript #FaceDetection #AI

[@JasonMayes]

Thanks for embracing Tensorflow JS and Web ML!

[@cryptognosis4159]

Great Video! Very easy to follow and the result works great!

[@0xatul]

Great Video!!
Simple and clean
Keep up the good work

[@Vijjuuuu1]

Really good.. thanks for taking the time to do this :)

[@shwetabhat9981]

Eagerly awaiting your videos sir . Has been really helpful ever since . Hope you are doing well 🙂

[@nysazaharim3445]

Hi Adarsh! Great Video. Your explanation is very clear. I have a request, is it possible you also make a video about the object detection using tensorflow using a webcam. That would be great. Thank you so much.

[@tanmoychakraborty1328]

Great video. Your coding skill is excellent

[@AndrewTSq]

You are a hero!

[@steamblox]

poli sanam

[@chandansharma6849]

thankyou so much brother

[@AiBeast]

i really enjoyed your video

[@rangabharath4253]

awesome

[@ranjanareghunath6709]

This is great!

[@AdarshMenon]

Thanks!

[@taro9751]

Good

Blazeface:
Note: This package is deprecated in favor of the new face-detection package.

[@dedisupardi2815]

Cool 👍

[@itsRKM2604]

Adarsh Menon, I have one doubt. Can we count the number of faces in this code. if yes then how please tell. i have less time for final year project submission.

[@harveymendoza7311]

how can i compare image and detection. Is it possible and will trigger to insert in database?

[@venom5926]

I have written the face detection code in python how i can like python into website or webpage, wether the face detection is better than haar cascade

[@lamiebevis3189]

What we can do to output :- face not detected when no face is shown to camera 📷 and by chance it not get detected?

[@subrat9291]

which algorithm is used in this project??
please reply

[@rushidesai2836]

Is there model for liveness detection.. whether a person is real or photo?

[@ashrithakella4247]

After detection of face can you tell how to classify the gender

[@anuradhapkachcharavi860]

hello sir now i have deplayed face landmark detection and displaying one image on that but now i want set that image at ear position i was struck within 2 weeks can you please help me

[@nithingowda1060]

when i use tensorflow with js i'm getting memory leakage error .... can anyone guide me

[@theethicalh3707]

how to calculate the distance between eyes in real world in CM not in PIXELS

[@rafaelindra_id]

hi adarsh, i have some problem, the canvas cannot by display

[@shauryakumar6372]

Is there a way to get the name of the person as a result and store it in a variable?

[@shwejanpeddi5570]

How to deploy this model ?

[@weakforbangtan1278]

does this work super slow for anyone else? My chrome keeps crashing

[@sudhanshugupta7387]

I need to implement face detection in webcam(as u do) and as well as in image (that u said in the middle of video). So how I write that code

[@AdarshMenon]

To do it with an image, you can have the user upload an image and pass it's source to mode.estimateFaces function. In this case you dont need the setInterval, as the function needs to run only once

[@rohitnegi5566]

bro can you share the code for face detection in image, i didn't understand what adarsh said

[@manikandanbalasubramani3172]

Hi bro thanks for the video! Bro how to compare the face that detected in webcam to the images stored in our local.

[@akshitajha6382]

Got any lead?

[@rayyanamir8560]

How to create a Mobile app with tensorflow js?

[@isabelleadam8717]

can you plz do face recognition too in this project ?

[@yashvarshney6761]

Like nahi bro project chaiye.

[@amirulhakimbinabdulrahmanu3761]

do u know how to put our costome json model on that code? for my project i did not required to use blazeface library, so itt mean i need to replace it with mobilenet as general classifier?

[@dilpreetsidhu1049]

Can I ask what are the differences between this and your previous Open CV face detection video? eg. pros and cons

[@AdarshMenon]

openCV was using python, this is using javascript is the main difference.
The advantage of javascript is that it can run on any web browser, but opencv requires a python environment and some setup to run. So this is easier to distribute, and for use cases such as face tagging, cropping etc.. on web apps.

[@dilpreetsidhu1049]

@@AdarshMenon Thank you for that detailed reply

[@sreelakshmikb6179]

Face-mask detection please🥺🥺

[@devanshsrivastava7439]

if you found the code. kindly tell

[@aviralyadav3507]

Which app was at 0:46 pls tell Adarsh bro

[@RealCreativeShaurya]

It is visual studio code

[@devanshsrivastava7439]

mask detection in browser please

[@sulaimanzahir702]

awesome