👁️ Eye Tracking Document Reader
A smart, hands-free document reader powered by eye-tracking technology!
Read and scroll through documents using just your eyes, enhancing accessibility and redefining how we interact with PDFs.
📌 Features
🔴 Real-time eye tracking using GazeCloud API
📄 Upload and read PDF documents seamlessly
👁️ Auto-scroll and cursor follow based on gaze position
🧠 Hands-free accessibility
🎯 Calibration module for tracking accuracy
🌐 Runs directly in your browser (no extra hardware required)
⚡ Lightweight and compatible with modern browsers
🚀 Tech Stack
Frontend: HTML, CSS, JavaScript
Eye Tracking API: GazeCloud API ( https://gazerecorder.com/gazecloudapi/ )
PDF Viewer: PDF.js ( https://mozilla.github.io/pdf.js/ )
Deployment: GitHub Pages / Netlify / Vercel (optional)
📷 Demo
🚀 Click here for the Live Demo : https://vision-pdf-tracker.vercel.app/
📂 Project Structure
project-folder/
├── index.html
├── style.css
├── reader_script.js
├── cookies.js
└── sample/
├── bible.html
├── harry.html
└── BandB.html
🛠️ Setup & Run Locally
1️⃣ Clone the repository:
git clone https://github.com/your-username/eye-tracking-document-reader.git
cd eye-tracking-document-reader
2️⃣ Run a local server:
Using VS Code Live Server (recommended)
OR using Python:
python -m http.server 5500
OR using Node:
npx http-server -p 5500
3️⃣ Open your browser and navigate to:
4️⃣ Allow webcam access for gaze tracking calibration.
🔗 References & Resources
GazeCloud API Reference ( https://gazerecorder.com/gazecloudapi/ )
💡 Future Improvements
✅ Gesture-based commands (blink-to-click, gaze-hold to pause scrolling)
✅ Text-to-speech integration for auditory reading assistance
✅ Customizable scrolling speeds and gaze sensitivity
✅ Enhanced accessibility-friendly UI theming
✅ Analytics dashboard for gaze heatmaps and user interactions
🤝 Contributing
Contributions, ideas, and issue reports are welcome!
1️⃣ Fork the repository
2️⃣ Create a feature branch (git checkout -b feature/YourFeature)
3️⃣ Commit your changes (git commit -m 'Add YourFeature')
4️⃣ Push to your branch (git push origin feature/YourFeature)
5️⃣ Submit a Pull Request
📄 License
This project is licensed under the MIT License.
🙌 Acknowledgments
Special thanks to:
GazeCloud for enabling accessible eye-tracking capabilities.
Mozilla PDF.js for in-browser PDF viewing.
Accessibility-first open-source communities for inspiration.
✨ Ready to redefine document reading with eye-tracking technology! ✨