GazeFilter – A Web-Based Eye-Tracking Solution
GazeFilter – A Web-Based Eye-Tracking Solution
Hello HN, I've built a web-based eye-tracking solution that can be embedded into any website or even used with OBS Studio. It handles webcam access, calibration, different detection models, gaze tracking, and works entirely on the client side. All you need is a relatively up-to-date popular web browser, a connected web camera, and a well-lit environment around you. A long time ago, I was looking for an eye-tracking solution for web browsers. I tried using WebGazer, but it didn't meet my requirements. The performance was lacking because it relies entirely on JavaScript for computations. Additionally, its appearance-based calibration, which uses low-scale eye image patches, struggled with extrapolation, making it poor at predicting out-of-screen gazes. To overcome these challenges, I started developing a JavaScript library, gazefilter.js, focusing on model-based gaze calibration and using WebAssembly for heavy computation. However, integrating such a library can be complex. It requires handling device selection, creating a calibration procedure, managing errors, and more. Since web browsers allow cross-origin messaging, I realized that a more user-friendly (and developer-friendly) approach would be to offer this as a web application. Gazefilter can be opened via an HTML iframe inside another website, handling all eye-tracking-related tasks. It allows end-users to select devices, choose detection models, read tips, and calibrate the gaze point. You can try it out at gazefilter.app. Since I don't use any client-side analytics and the documentation is still a work in progress, I'd really appreciate any feedback. Whether you're integrating it into a website, setting it up with OBS Studio, or just trying out the demo to see real-time eye-tracking in action. You are welcome to open issues on GitHub or share your experience here.
Share cardActual performance
Launch Intel predictions
Analyze your own launch →Correct prediction on native model
Similar products
ALL IN ONE TRACKING SOLUTION
Ccsum – no more eye strain from sha256sum
Eagle Eye A.I.
A mobile eye-tracking tool
Web Based Multipler Roguelike
Web-based screencast receiver
Web-based wc3 warlocks brawl
real-time eye tracking web analytics
Tool to combat eye fatigue
Eye Health and Exercise: EyeYoga