Build Real Time Face Detection With JavaScript
Web Dev Simplified
@webdevsimplifiedAbout
Web Dev Simplified is all about teaching web development skills and techniques in an efficient and practical manner. If you are just getting started in web development Web Dev Simplified has all the tools you need to learn the newest and most popular technologies to convert you from a no stack to full stack developer. Web Dev Simplified also deep dives into advanced topics using the latest best practices for you seasoned web developers. I started Web Dev Simplified in order to share my passion for web development, and do what I truly love. Teach and inspire new web developers. I have been in love with full stack web development since 2015 when I did my first internship as a web developer. Ever since then I have pursued my passion, learning everything there is to know about web development. Over the years I have taught many colleagues and friends the joys of web development, and cannot wait to teach you. Thank you for watching!
Latest Posts
Video Description
🚨 IMPORTANT: Part 2 (Face Recognition) Tutorial: https://youtu.be/AZ4PdALMqx0 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. 📚 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 🌎 Find Me Here: Twitter: https://twitter.com/DevSimplified GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified #AI #FaceDetection #JavaScript
You May Also Like
Boost Your Web Dev Skills Today
AI-recommended products based on this video

ARZOPA Portable Monitor, 16.1" FHD 1080P Kickstand 100% sRGB High Color Gamut Portable Laptop Monitor IPS Eye Care Screen for High-end Office & Entertainment - Z1C

Shcngqio 1080P Full HD Webcam with Privacy Cover, Wide Angle Lens, Active Light Correction, Plug and Play USB Webcam for PC, Desktop,Laptop (Black)

TRAUSI HD Webcam with Microphone, Noise Cancellation, Privacy Cover, Wide-Angle Lens, Auto Light Correction, Plug & Play USB Webcam for Laptop, Desktop, PC, Mac, Zoom, Skype, Streaming (1080P, Black)

TRAUSI 1080P HD Webcam with Microphone, Noise Cancellation, Privacy Cover, Wide-Angle Lens, Auto Light Correction, Plug & Play USB Webcam for Laptop, Desktop, PC, Mac, Zoom, Skype, Streaming Black

Lenovo IdeaPad Laptop (15.6" FHD Anti-Glare, Intel 12th Gen i5-1235U (> i7-1165G7), 40GB RAM, 1TB SSD), for Home, Student, Webcam w/Shutter, 10-Hour Long Battery Life, Win 11 Home in S Mode

Asus RT-BE58U WiFi 7 BE3600 AiMesh Extendable Router, 4K-QAM, MLO, AI Detection 2.5G Port, Four 1G Ports, Commercial-Grade Network Security, Parental Control, IoT, VPN




















