The Real-Time AI Face Landmark Detection project demonstrates real-time facial landmark detection using TensorFlow.js and React. This project utilizes TensorFlow.js's FaceMesh model to identify and visualize facial landmarks in a live video stream from a webcam. The application is built using React and leverages the react-webcam
library for video capture.
- Real-Time Face Detection: Uses TensorFlow.js FaceMesh model to detect facial landmarks in real-time.
- Live Webcam Feed: Captures live video feed from the user's webcam.
- Facial Landmark Visualization: Draws facial landmarks and mesh on the canvas overlaying the webcam feed.
- Optimized for Performance: Real-time detection with efficient rendering for smooth user experience.
- React: For building the user interface.
- TensorFlow.js: For face landmark detection with the FaceMesh model.
- react-webcam: For capturing live video feed from the user's webcam.
- JavaScript: For application logic and interactivity.
- Clone the Repository:
git clone https://github.com/your-username/RealTimeAIFaceLandmarkDetection.git
- Navigate to the Project Directory:
cd RealTimeAIFaceLandmarkDetection/facemesh
- Install Dependencies:
npm install
This will start the application on http://localhost:3000 by default.
To use the application:
- Ensure you have a working webcam connected to your computer.
- Open the application in your browser.
- The application will request permission to access your webcam.
- Once permission is granted, you will see the live video feed with facial landmarks and mesh drawn on it in real-time.
faceDetectionVideo.mp4
• Browser Compatibility: The application is optimized for modern browsers with support for WebGL and TensorFlow.js.
• Performance: Real-time detection performance may vary based on the device and browser.
Contributions are welcome! If you have suggestions, bug reports, or feature requests, please open an issue or submit a pull request.
For any questions or inquiries, you can reach out to:
• Email: tusharguptagps@gmail.com
• LinkedIn: Link
• Portfolio: Link
This project does not include a license. Feel free to use the code for personal or educational purposes. For any commercial use, please contact the project owner.
Thank you for checking out the Real-Time AI Face Landmark Detection project!