All Projects β†’ moklick β†’ Face Mask Browser Extension

moklick / Face Mask Browser Extension

Licence: mit
😷 A browser extension that puts masks on faces on the internet

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Face Mask Browser Extension

Tight
A browser extension that simplifies the Slack interface, making it easier to focus.
Stars: ✭ 101 (-28.37%)
Mutual labels:  chrome-extension, browser-extension
Github Hovercard
Neat hovercards for GitHub.
Stars: ✭ 1,655 (+1073.76%)
Mutual labels:  chrome-extension, browser-extension
Github Vscode Icons
πŸ“¦ vscode-icons for github, nearly 1000 file/folder icons
Stars: ✭ 113 (-19.86%)
Mutual labels:  chrome-extension, browser-extension
Refined Twitter
Browser extension that simplifies the Twitter interface and adds useful features
Stars: ✭ 1,279 (+807.09%)
Mutual labels:  chrome-extension, browser-extension
Minimongoexplorer
Handy Google Chrome extension for reviewing MiniMongo.
Stars: ✭ 131 (-7.09%)
Mutual labels:  chrome-extension, browser-extension
Ccsearch Browser Extension
Cross-Browser extension to search, filter and use images in the public domain and under Creative Commons licenses.
Stars: ✭ 92 (-34.75%)
Mutual labels:  chrome-extension, browser-extension
Service Worker Detector
This extension detects if a website registers a Service Worker.
Stars: ✭ 124 (-12.06%)
Mutual labels:  chrome-extension, browser-extension
Dfpm
DFPM is a browser extension for detecting browser fingerprinting.
Stars: ✭ 81 (-42.55%)
Mutual labels:  chrome-extension, browser-extension
Dictionaries
One dictionary to rule them all -- a browser extension to help you learn languages
Stars: ✭ 134 (-4.96%)
Mutual labels:  chrome-extension, browser-extension
Simplify
Issue tracker for Simplify Gmail, a browser extension to simplify Gmail's interface
Stars: ✭ 1,632 (+1057.45%)
Mutual labels:  chrome-extension, browser-extension
Pihole Browser Extension
Browser extension to control your pi-hole
Stars: ✭ 83 (-41.13%)
Mutual labels:  chrome-extension, browser-extension
Brotab
Control your browser's tabs from the command line
Stars: ✭ 137 (-2.84%)
Mutual labels:  chrome-extension, browser-extension
Notifier For Github
Browser extension - Get notified about new GitHub notifications
Stars: ✭ 1,259 (+792.91%)
Mutual labels:  chrome-extension, browser-extension
Dotgit
An extension for checking if .git is exposed in visited websites
Stars: ✭ 96 (-31.91%)
Mutual labels:  chrome-extension, browser-extension
Save To The Wayback Machine
Browser extension for quickly saving web pages to the Internet Archive's Wayback Machine.
Stars: ✭ 83 (-41.13%)
Mutual labels:  chrome-extension, browser-extension
Network Plus
DevTools for network recording, modification and resending.
Stars: ✭ 122 (-13.48%)
Mutual labels:  chrome-extension, browser-extension
Pade
PΓ dΓ© (Yoruba word for Meet) is a browser extension (Chrome/Edge) based unified communications desktop client for Openfire.
Stars: ✭ 72 (-48.94%)
Mutual labels:  chrome-extension, browser-extension
Chrome Extensions Examples
All Chrome Extension examples collected into one repository
Stars: ✭ 1,217 (+763.12%)
Mutual labels:  chrome-extension, browser-extension
Urql Devtools
A tool for monitoring and debugging urql during development
Stars: ✭ 131 (-7.09%)
Mutual labels:  chrome-extension, browser-extension
Synology Download Manager
An open source browser extension for adding/managing download tasks to your Synology DiskStation.
Stars: ✭ 138 (-2.13%)
Mutual labels:  chrome-extension, browser-extension

😷 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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].