Jump to content

WebGazer Uses JavaScript and Your Webcam to Track Eye Movements


Batu69

Recommended Posts

A new way to perform A/B tests and UX studies

webgazer-uses-javascript-and-your-webcam

   WebGazer.js tracks eye position via JavaScript

 

Three researchers from Brown University have created a JavaScript library that allows them to estimate where the user might be looking at inside a Web page using the user's webcam and nothing except JavaScript code.

Called WebGazer.js, the library only requires users to trust it enough to give it access to their webcam.

Once this happens, the library uses three different computer vision algorithms to detect the user's face and eyes in the webcam footage. WebGazer pays a special attention to the user's eyes and their features.

WebGazer is accurate up to 100px

Based on this data, WebGazer then trains a module that maps the position of the user's eyes with mouse movements, mouse clicks, and page scrolling to predict a general area of the screen where the user might be looking at. Researchers say WebGazer has an accuracy of around 100 pixels.

WebGazer can store data between different sessions using localStorage, and in case the library's code may affect the browser's performance, users can pause and resume on command.

The research team points out that compared to other alternatives, WebGazer is a plug-n-play solution because it doesn't need any special hardware outside the webcam, and doesn't need special calibration.

No calibration required

Alternative solutions usually require the user to look and click in the screen corners in turn, in order to define boundaries and to detect special eye positional cue points.

Additionally, the library's modular design allows developers to swap any of the tree eye detection algorithms with their own.

Researchers say WebGazer works in real-time and supports Google Chrome 47+, Microsoft Edge 13+, Mozilla Firefox 44+, and Opera 36+. The library's code has been open-sourced under the GPL license and published on GitHub.

In practice, the library is a more efficient way of carrying out A/B tests and UX/UI studies

Video:

Spoiler

WebGazer.js: Scalable Webcam EyeTracking Using User Interactions

 

Article source

Link to comment
Share on other sites


  • Views 604
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...