📌 Overview
MScode (morse code )is a web-based gesture and eye-blink controlled translation system built using HTML, CSS, and JavaScript. It enables real-time human-computer interaction using a browser camera.
The system detects eye blinks and hand gestures (like 1, 2 fingers) and converts them into digital outputs displayed directly on the web interface.
This project focuses on accessibility, futuristic UI interaction, and browser-based AI vision control.
✨ Features
👁️ Eye blink detection using webcam
✋ Finger gesture recognition (1, 2, 3 fingers, etc.)
🌐 Fully browser-based (no installation required)
🔄 Real-time gesture-to-command translation
🖥️ Live on-screen output display
⚡ Lightweight and fast performance
🧠 Easy to extend with AI or voice control
🎥 Demo
demo link 👇
You can also host it using:
GitHub Pages
Netlify
Vercel
📸 In Screen
👁️ Blink Detection UI
✋ Hand Gesture Recognition
🖥️ Live Output Screen
⚙️ How It Works
-
Web camera captures live video feed in browser
-
JavaScript processes video frames
-
MediaPipe detects face, eyes, and hand landmarks
-
System identifies blink or finger gestures
-
Mapped command is displayed in real time on webpage
🛠️ Tech Stack
HTML5 🌐
CSS3 🎨
JavaScript ⚙️
MediaPipe AI Vision 🤖
WebRTC (Camera Access) 📷
📁 Project Structure
Mscode/ │── index.html │── style.css │── script.js │── blink.js │── gesture.js │── utils.js │── README.md
🚀 Installation & Setup
git clone https://github.com/monish4030/Mscode.git
cd MScode
Open index.html in browser
OR use Live Server in VS Code for best experience.
🌐 Deployment
You can deploy this project easily using:
GitHub Pages
Netlify
Vercel
📌 Future Improvements
🎤 Voice command integration in browser
🧠 AI learning for personalized gestures
📱 Mobile responsive gesture control
🔐 Login-based user profiles
📄 License
💡 Author
MONISH PARAMASIVAM
⭐ If you like this project, give it a star on GitHub!