A real-time face detection application that uses your webcam to detect faces and display facial details using face-api.js.
- Real-time face detection using your webcam
- Face landmark detection
- Display of facial details
- Responsive web interface
- Browser-based processing (no server-side computation needed)
Before running this application, make sure you have:
- Node.js installed on your system
- A modern web browser (Chrome, Firefox, Safari, or Edge)
- A working webcam
- npm (Node Package Manager)
- Clone this repository or download the files
- Navigate to the project directory
- Install the dependencies:
npm install- Start the server:
npm start- Open your web browser and navigate to:
http://localhost:3000
- Frontend:
- HTML5
- CSS3
- JavaScript
- face-api.js (Face detection library)
- Backend:
- Node.js
- Express.js
index.html- Main application interfacestyles.css- Application stylingscript.js- Frontend JavaScript logicserver.js- Express server setupdownload_models.js- Face detection model managementpackage.json- Project dependencies and scripts
This application works best on modern browsers with WebRTC support for accessing the webcam.
This project is open source and available under the MIT License.
- Built using face-api.js by Vladimir Mandic
- Uses TensorFlow.js for face detection models