Covid19 browser extension draws masks on faces on the internet

:mask: Face Mask Browser Extension

An extension that puts masks on faces on the internet (only works on Chrome).

Beware:This extension is a proof of concept and really slows down your browser (and also destroys several sites).

Demo Video

https://twitter.com/moklick/status/1234421465287680000

Try it out

In order to try the extension you can load the unpacked version in your Chrome browser by following these steps:

chrome://extensions
Developer Mode
Load Unpacked Extension…
extenion/chrome

How it works

1. Check site for images and wrap them with a div
2. Observe these wrapped images with IntersectionObserver
3. When an image appears in the viewport, check if there are faces on it using ml5js face-api
4. If there are faces add a canvas to the wrapper and draw the masks with this drawMask function

Development

You need Node.js in order to modify this extension.

Installation

npm install

Start

npm run dev:chrome

Thanks

This extension is based on the great web-extension-starter by Abhijith Vijayan