😷 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

Example

Try it out

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

  1. Download or clone this repository
  2. Type chrome://extensions in the address bar
  3. Enable the Developer Mode switch in the top right corner
  4. Click the Load Unpacked Extension… utton
  5. Select the directory extension/chrome of this repository

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 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

Face Mask Browser Extension

😷 A browser extension that puts masks on faces on the internet

Face Mask Browser Extension Info

⭐ Stars 141
πŸ”— Homepage twitter.com
πŸ”— Source Code github.com
πŸ•’ Last Update 9 months ago
πŸ•’ Created a year ago
🐞 Open Issues 1
βž— Star-Issue Ratio 141
😎 Author moklick