In these time of global pandemic which led to a rise in Work From Home culture, and even during the pre-pandemic times where the video calls are very frequent and sensitive organisation data is shared among the folks, its risky in situations where people keep looking into your screen when you are attending the meeting / chat in let's say, a metro / hostel / crowded cafe etc. Not only risky, the peeping tom behaviour is a major cause of irritation among working class who like to travel and work / work in a cafe / someone who simply doesn't have the priviledge of privacy yet. So what to do for these?
These solutions are not really the best ones, so why not identify certain points of senstivity in the webapps (like gmeet, zoom and slack, which we have handled specifically in this project) and simply blur them! To reveal / unblur them, all you need to do is hover over it. To keep the solution as accessible and compact, we chose a browser extension - EMB-SAVER ( which is of size < 1 MB )
To make the accessibility even quicker, all you need to do is use "Alt + X" as the hotkey to toggle this extension On / Off to keep your privacy secure quickly.
Major Challenges was ideation
-Initially thought about blurring the entire screen into CSS grid and hovering over certain elements to unveal them, but complete screen blur will attract more attention than necessary. Hence dropped.
-Which 3 sites to chose was a user coverage oriented decision. We decided to drop Microsoft Teams as it was difficult to work on it due to privacy issues.
-We wanted to keep the size as small as possible and that required us to not use any framework. We overcame this using pure html, js and css stack and managed to reduce the size to 1MB
-Handling intern calls with this project's development was also a hurdle :)
Technologies used
Discussion