Code Monkey home page Code Monkey logo

youtube-focus-mode's Introduction

YouTube Focus Mode

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.

Home Feed GIF

Installation

A. From Chrome Web Store

The easiest way to begin using the extension is to install it from Chrome Web Store.

  1. Click on this link to view the extension in Chrome Web Store.
  2. Add the extension to Chrome and choose your preferred video categories.

B. Build Manually

You'll require node and npm to build the extension.

  1. Clone the repository
  2. Navigate to the project directory and install required dependencies
$ npm install
  1. Build the extension
$ npm run build
  1. After the build is complete, a dist/ directory is created in the root directory of the project. This directory contains the necessary js files and static files to run the extension. To use the extension, load it into your Chrome browser:

    1. Open chrome and navigate to chrome://extensions.
    2. Click on Load unpacked (Make sure that Developer Mode is enabled in Chrome).
    3. Select the dist/ directory that was created above.

Usage

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

    • Hides the recommendation bar
    • Hides the videos belonging to distractive categories
    • Hides the sidebar Home Feed GIF
  • Search Results

    • Hides the recommendation and filtering options
    • Hides the search results having videos from distractive categories. Search Feed GIF
  • 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.

Contributing

Contributions in the form of code, documentation or simple feedback and suggestions are highly appreciated. Further details can be found in contributing.md

youtube-focus-mode's People

Contributors

dotel-saramsz avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

youtube-focus-mode's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.