README.md

Chrome-Extension-Examples

This is a completely free Chrome Extension Examples for you to play with.

Published:

• Privasee: Cover your browser with a fake excel image when you look away https://chromewebstore.google.com/detail/privasee/kecneekngknmbomkiehccbjkhjgaaedn

• AdPopper: Turn all your boring ads back into popups as they should be

Features

• Frontend: Plain Javascript

• Live Video: From your webcam, desktop, browser tab, or a local .mp4 or .mov file

• AI Vision: Integrated with Roboflow (sponsored project)

Getting Started

This is a template for Chrome Extensions that uses live AI video on your webcam, desktop, and browser tabs.

Installation

1. Go to the url: chrome://extensions/

   

2. Turn on developer mode

   

3. Zip the folder without useless mac files (if on mac)

find . -type f -name '.DS_Store' -delete
zip -r XXX.zip XXX 

5. Load unpacked

   

6. Open a new tab

Deployment to Chrome

If you to submit this as a public chrome extension in the store:

1. Add a ROBOFLOW_API_KEY in content.js

2. Generate Icons for Chrome Extension

• Put in a 128x128 image in the images folder and call it icon128.png

• Run Python

python3 -m venv .venv
source .venv/bin/activate
pip install Pillow 
python3 generateIcons.py images/icon128.png

• Then put all images in the images folder.

Prerequisites (for Privasee)

1. Get a free API key from Roboflow to use their vision models.

2. Replace "ROBOFLOW_API_KEY" in content.js

publishable_key="YOUR_ROBOFLOW_KEY_HERE"

Acknowledgements

• Thanks to Roboflow for sponsoring this project. Get your free API key at: Roboflow

License

Distributed under the APACHE 2.0 License. See LICENSE for more information.

Contact (feel free to ask questions!)

Twitter: @darefailed

Youtube: How to Video coming soon

Project Link: https://github.com/DareFail/Chrome-Extension-Examples