Real Time AI Face Landmark Detection

w/ React.js and Tensorflow.js

Steps:

• Install dependencies
• Import dependencies
• Setup Webcam and canvas
• Define references to the webcam and canvas
• Load Facemesh
• Detect function
• Drawing utilities
• Load triangulation
• Setup triangle path
• Setup point drawing
• Add drawMesh to detect function

Dependencies:

• @tensorflow/tfjs
• @tensorflow-models/face-landmarks-detection
• react-webcam

npm i @tensorflow/tfjs

npm i @tensorflow-models/face-landmarks-detection

npm i react-webcam

Run:

npm run start