Di | Vision

"Try your best to remember to follow the 20-20-20 rule. Set a timer to remind you to look away every 20 minutes at an object that is about 20 feet away for a full 20 seconds. "

Nobody does this and certainly not the people that need it the most. With the Di|Vision chrome extension a window pops up every 20 min and the method to close it is to close your eyes for 20 seconds!

Using vision API's with your webcam the computer checks to see if you close your eyes for 20 seconds and upon completion it's like you never left your work or browser.


We were inspired to make this extension to fight the deterioration of eyesight by reminding the user to stretch and relax their eyes every 20 seconds

What it does

The Chrome extension interrupts what you're doing with a full screen popup and does not allow you to continue using the browser until you close your eyes, stretch, or move away from your screen for a set amount of time. The activities can be configured via the Chrome extension settings. The extension makes use of sound cues to let the user know when the activity is successfully completed.

How We built it

We built the extension using Javascript, the Chrome extension API, and two separate machine learning libraries (face-landmarks-detection and posenet) from Tensorflow.js. We used webpack and yarn to bundle the whole application together as a chrome extension.

Challenges we ran into

Getting the libraries for machine learning to accept video input from our webcam was a challenge in both cases, we needed to tinker around with the way that each library formatted its data.

Accomplishments that we're proud of

We're proud of completing a chrome extension that can be used for everyone that is just a little too close to their screen. We know we'll be using it from now on in the background.

What we learned

We learned how chrome extensions interact with the browser and how to make very cool things happen from chrome extensions that apply to every website you visit as long as it is within chrome. We also learned how to mount machine learning libraries to javascript files and pass in video from the user.

What's next for Di|Vision

We implemented stretches and eyes relaxing, but we would like to implement a wider array of activities, perhaps exercises like push ups to get any person a healthy dose of exercise passively.

Built With

Share this project: