Real Time AI Face Landmark Detection in 20 Minutes with Tensorflow.JS and React

Ever wondered how snapchat filters work?

Three words...facial landmark recognition!

Facial landmark recognition allows you to detect a number of different points on your face that together make up your eyes, mouth, ears, nose and so on. From there you're able to apply overlays aka filters to get your snap! But there's so much more that it can be used for like emotion analysis and face tracking.

Sounds a little difficult though, right? Well, in this video you'll learn how to build your own face landmark detector app in 20 minutes using Javascript and Tensorflow.JS.

In this video you'll learn how to:
1. Install the Tensorflow.JS facemesh model
2. Build a Javascript React.JS face landmark detection app
3. Detecting landmarks on your face in real time using your webcam

Resources:
Tensorflow.Js models: https://www.tensorflow.org/js/models
HTML Canvas: https://developer.mozilla.org/en-US/d...
Create React App: https://reactjs.org/docs/create-a-new...

GitHub: https://github.com/nicknochnack/Facia...

Oh, and don't forget to connect with me!
LinkedIn:   / nicholasrenotte  
Facebook:   / nickrenotte  
GitHub: https://github.com/nicknochnack

Happy coding!
Nick

P.s. Let me know how you go and drop a comment if you need a hand!

Music by Epidemic Sounds