https://github.com/victor1890/human-faceid-react
This project is a real-time face recognition system built with human.js, Vite, and React. The system provides various metrics related to face detection and recognition, running at high frame rates to ensure efficient and accurate face recognition.
https://github.com/victor1890/human-faceid-react
face-detection human javascript models reactjs vite
Last synced: 3 months ago
JSON representation
This project is a real-time face recognition system built with human.js, Vite, and React. The system provides various metrics related to face detection and recognition, running at high frame rates to ensure efficient and accurate face recognition.
- Host: GitHub
- URL: https://github.com/victor1890/human-faceid-react
- Owner: Victor1890
- License: mit
- Created: 2024-04-17T20:49:19.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-05T13:42:10.000Z (12 months ago)
- Last Synced: 2025-02-04T19:21:01.101Z (4 months ago)
- Topics: face-detection, human, javascript, models, reactjs, vite
- Language: TypeScript
- Homepage:
- Size: 146 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Face Recognition System - DEMO
This project is a real-time face recognition system built with `human.js`, `Vite`, and `React`. The system provides various metrics related to face detection and recognition, running at high frame rates to ensure efficient and accurate face recognition.
## Features
- **Real-time face detection and recognition**
- **High frame rate processing**
- **Liveness detection**
- **Anti-spoofing checks**
- **Face attribute estimation**## Metrics Explained
### System Overview
- **FPS:** Frames per second indicating the performance of the system.### Detected Face Information
- **faceCount:** Number of faces detected in the frame.
- **faceConfidence:** Confidence score of the detected face.
- **facingCenter:** Indicates if the detected face is facing the center.
- **lookingCenter:** Indicates if the detected face is looking at the center.
- **blinkDetected:** Detects if the subject has blinked, used for liveness check.
- **faceSize:** Size of the detected face in pixels.
- **antispoofCheck:** Score indicating the result of an anti-spoofing check.
- **livenessCheck:** Score indicating if the detected face is live.
- **distance:** Distance of the face from the camera.
- **age:** Estimated age of the detected face.
- **gender:** Gender estimation result.
- **timeout:** Status indicating if the system has experienced a timeout.
- **descriptor:** Unique identifier or feature vector for the detected face.### System Performance Metrics
- **elapsedMs:** Time elapsed since the system started, in milliseconds.
- **detectFPS:** Frames per second for face detection.
- **drawFPS:** Frames per second for rendering the detected face on the screen.## Technologies Used
- [**human.js:**](https://github.com/vladmandic/human) A flexible and powerful library for face detection and recognition.
- [**Vite:**](https://vitejs.dev/) A fast build tool and development server.
- [**React:**](https://react.dev/) A JavaScript library for building user interfaces.## Installation
To run the face recognition system, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/Victor1890/human-faceid-react
```2. Navigate to the project directory:
```bash
cd human-faceid-react
```3. Install the required dependencies:
```bash
npm install
```4. Run the development server:
```bash
npm run dev
```5. Open your browser and go to `http://localhost:5173` to see the face recognition system in action.
## Usage
To use the face recognition system, follow these steps:
1. Ensure your webcam is connected and accessible by your browser.
2. Open the application in your browser.
3. Allow the browser to access your webcam.
4. The system will start detecting faces and displaying metrics in real-time.## Screenshots
Here is a screenshot of the face recognition system in action:

## Contributing
Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.
## License
This project is licensed under the [MIT License](/LICENSE).