YouTube Focus Mode is a chrome extension that blocks and hides the videos in your feed that distract you and allows you to focus on videos that are important. Choose the categories of videos that you want to allow in your feed and all videos that don't belong to those categories will be blocked as distractions.
The easiest way to begin using the extension is to install it from Chrome Web Store.
- Click on this link to view the extension in Chrome Web Store.
- Add the extension to Chrome and choose your preferred video categories.
You'll require node
and npm
to build the extension.
- Clone the repository
- Navigate to the project directory and install required dependencies
$ npm install
- Build the extension
$ npm run build
-
After the build is complete, a
dist/
directory is created in the root directory of the project. This directory contains the necessaryjs
files and static files to run the extension. To use the extension, load it into your Chrome browser:- Open chrome and navigate to
chrome://extensions
. - Click on
Load unpacked
(Make sure that Developer Mode is enabled in Chrome). - Select the
dist/
directory that was created above.
- Open chrome and navigate to
The first thing to do after installing YouTube Focus Mode is to choose the categories of videos that you'd like to allow in your feed in the Focus Mode. The categories of the video are fetched using the YouTube Data API.
The extension can block/hide YouTube videos in 3 different scenarios:
-
Home Feed
-
Search Results
-
YouTube Video Player
- Pauses and hides the video if it belongs to a distractive category
- Hides the related videos in the right column that belong to distractive categories.
Contributions in the form of code, documentation or simple feedback and suggestions are highly appreciated. Further details can be found in contributing.md