Web developers, meet WebGazer: software that turns webcams into eye-trackers

Any website owner can now use it to help optimize their content

Eye-tracking technology has long been the domain of high-end research, but this week new software brings it within reach for anyone with a website.

Developed by computer scientists at Brown University, WebGazer.js can be added to any site with just a few lines of code. Running on a website visitor's browser, it essentially turns the computer's webcam into an eye-tracker that can infer where on a page the viewer is looking.

Ultimately, it could help Web developers optimize content and make their websites more user-friendly.

Once embedded on a website, Brown's software first prompts users to give permission to access their webcams. Once permission is given, the software employs a face-detection library to locate the user’s face and eyes. The system then converts the image to black and white, enabling it to distinguish the whites of the viewer's eyes from the iris.

Having located the iris, the system employs a statistical model that is calibrated by the user’s clicks and cursor movements. The model assumes that a user looks at the spot where they click, so each click tells the model what the eye looks like when it’s viewing a particular spot.

It takes about three clicks to get a reasonable calibration, Brown says. After that, the model can accurately infer the location of the user’s gaze in real time.

“We see this as a democratization of eye-tracking,” said Alexandra Papoutsaki, a Brown University graduate student who led the development of the software. “Anyone can add WebGazer to their site and get a much richer set of analytics compared to just tracking clicks or cursor movements.”

For privacy reasons, no video is shared, Brown said. Only the locations of the user’s gaze are reported back to the website.

Papoutsaki and her colleagues performed a series of experiments to evaluate the system. They showed that it can infer gaze location within 100 to 200 screen pixels. That’s not as accurate as specialized commercial eye trackers, but it still offers a pretty good estimation of where the user is looking.

Overall, it could help website developers prioritize popular or eye-catching content, optimize a page’s usability, or place and price advertising space. Further ahead, potential applications could include eye-controlled gaming or broader accessibility.

Papoutsaki and her colleagues will present a paper describing the software at the International Joint Conference on Artificial Intelligence in July. In the meantime, the code is freely available to anyone who wants to test it out.

Join the newsletter!

Or

Sign up to gain exclusive access to email subscriptions, event invitations, competitions, giveaways, and much more.

Membership is free, and your security and privacy remain protected. View our privacy policy before signing up.

Error: Please check your email address.
Keep up with the latest tech news, reviews and previews by subscribing to the Good Gear Guide newsletter.

Katherine Noyes

IDG News Service
Show Comments

Cool Tech

Toys for Boys

Family Friendly

Stocking Stuffer

SmartLens - Clip on Phone Camera Lens Set of 3

Learn more >

Christmas Gift Guide

Click for more ›

Brand Post

Most Popular Reviews

Latest Articles

Resources

PCW Evaluation Team

Aysha Strobbe

Microsoft Office 365/HP Spectre x360

Microsoft Office continues to make a student’s life that little bit easier by offering reliable, easy to use, time-saving functionality, while continuing to develop new features that further enhance what is already a formidable collection of applications

Michael Hargreaves

Microsoft Office 365/Dell XPS 15 2-in-1

I’d recommend a Dell XPS 15 2-in-1 and the new Windows 10 to anyone who needs to get serious work done (before you kick back on your couch with your favourite Netflix show.)

Maryellen Rose George

Brother PT-P750W

It’s useful for office tasks as well as pragmatic labelling of equipment and storage – just don’t get too excited and label everything in sight!

Cathy Giles

Brother MFC-L8900CDW

The Brother MFC-L8900CDW is an absolute stand out. I struggle to fault it.

Luke Hill

MSI GT75 TITAN

I need power and lots of it. As a Front End Web developer anything less just won’t cut it which is why the MSI GT75 is an outstanding laptop for me. It’s a sleek and futuristic looking, high quality, beast that has a touch of sci-fi flare about it.

Emily Tyson

MSI GE63 Raider

If you’re looking to invest in your next work horse laptop for work or home use, you can’t go wrong with the MSI GE63.

Featured Content

Product Launch Showcase

Don’t have an account? Sign up here

Don't have an account? Sign up now

Forgot password?