/VPFaceDetection

Welcome to the Video Player with Face Detection project! This project combines the power of React, Fabric.js, and Face-api.js to create a video player with real-time facial detection.

Primary LanguageTypeScript

Video Player with Face Detection (VPFaceDetection)

Welcome to the Video Player with Face Detection project! This project combines the power of React, Fabric.js, and Face-api.js to create a video player with real-time facial detection.

#Features

Video Upload: Users can upload a video using the input tag. Fabric.js Integration: Utilizes Fabric.js to manage the canvas and video elements. Face-api.js Integration: Implements facial detection within the video using Face-api.js. Video Player Interface: Design includes play/pause controls for a seamless user experience. Face Detection with Fabric.js: Draws rectangles around detected faces using Fabric.js. User Interaction: Real-time face detection on the canvas while playing the uploaded video

Project Setup

Installation

# Clone the repository
git clone https://github.com/your-username/video-player-face-detection.git

# Navigate to the project folder
cd video-player-face-detection

# Install dependencies
npm install / yarn
# Run the development server
yarn dev
Visit http://localhost:3000 in your browser to see the application.