Eye Tracking with TensorFlow.js

Loading TensorFlow.js and FaceMesh models...

Camera Feed

Eye Tracking Data

Left Eye Position: Not detected

Right Eye Position: Not detected

Gaze Direction: Not detected

Tracking Status: Not active

How to Use

  1. Allow camera access when prompted
  2. Position your face in the camera view
  3. The system will detect your face and track your eyes
  4. Eye positions will be displayed in real-time

Troubleshooting

  • Ensure you're using Chrome, Firefox, or Edge
  • Check that your camera is not being used by another application
  • Make sure you're on HTTPS (required for camera access in production)
  • Enable camera permissions in your browser settings