An open API service indexing awesome lists of open source software.

https://github.com/pxbunny/youtube-browser-extension

[in development] Enhance your YouTube experience with this Chrome extension! Transform your browsing with ad-blocking features, UI improvements, and greater control over Shorts and video playback.
https://github.com/pxbunny/youtube-browser-extension

ad-blocker adblocker browser-extension chrome chrome-extension extension svelte youtube youtube-extension

Last synced: 8 months ago
JSON representation

[in development] Enhance your YouTube experience with this Chrome extension! Transform your browsing with ad-blocking features, UI improvements, and greater control over Shorts and video playback.

Awesome Lists containing this project

README

          

logo

[![Release][release-shield]][latest-release]
[![Last commit][last-commit-shield]][latest-commit]
[![License][license-shield]][license-file]

[Changes since the last release »][latest-changes]

[Report Bug][bug-report-template] · [Request Feature][feature-request-template] · [Discussions][discussions]

## Features

- ***Shorts To Video* Button** - adds a button to the shorts page that allows you to watch the short as a standard video.
- **Auto Loop Video** - sets the loop property of the video after clicking the *shorts to video* button.
- **Shorts UI Tweaks** - some UI improvements for the shorts page, especially for vertical screens.
- **Hide Sponsored Shorts** - hides sponsored shorts from the shorts page.
- **Hide Masthead Ads** - hides the *masthead ads* on the homepage.
- **Hide In-Feed Ads** - hides *in-feed ads* (except for homepage, because it would break the layout).
- **Hide Player Ads** - hides *player ads* on the watch page.


- **Auto Skip Ads** - [deprecated] automatically skips ads when they appear on a video. You can use the [uBlock Origin][ublock-origin] extension instead.
- **Remove AdBlock error message** - [deprecated] removes the error message that appears when an ad blocker is detected.

## Installation

1. Open the [latest release][latest-release] and download the `youtube_extension_.zip` file.
2. Unzip the downloaded file to a new directory.
3. In Chrome, go to the `chrome://extensions/` page.
4. Turn on the developer mode (top right corner).
5. Click the `Load unpacked` button and select the unzipped directory.
6. You can add the extension to the browser toolbar by clicking the `puzzle` icon in the top right corner and then clicking the `pin` icon next to the extension name.
7. Right-click the extension icon in the toolbar and select `Options` to open the options page. Enable or disable the features as you wish.

## Local development

1. Clone the repository to your local machine.
2. Set git hooks by running the `npm run prepare` command.
3. Install the dependencies using the `npm install` command.
4. Build the project using the `npm run build` command.
5. Open the Chrome browser and go to the `chrome://extensions/` page.
6. Turn on the developer mode (top right corner).
7. Click the `Load unpacked` button and select the `dist` directory from the cloned repository.
8. Build the project after making changes to the source code using the `npm run build` command.
9. Reload the extension on the `chrome://extensions/` page to make sure every change is applied.

[release-shield]: https://img.shields.io/github/v/release/dae-ne/youtube-browser-extension
[last-commit-shield]: https://img.shields.io/github/last-commit/dae-ne/youtube-browser-extension
[license-shield]: https://img.shields.io/github/license/dae-ne/youtube-browser-extension.svg

[latest-release]: https://github.com/dae-ne/youtube-browser-extension/releases/latest
[latest-changes]: https://github.com/dae-ne/youtube-browser-extension/compare/latest...main
[latest-commit]: https://github.com/dae-ne/youtube-browser-extension/compare/main^...main
[discussions]: https://github.com/dae-ne/youtube-browser-extension/discussions
[license-file]: LICENSE
[ublock-origin]: https://github.com/gorhill/uBlock

[bug-report-template]: https://github.com/dae-ne/youtube-browser-extension/issues/new?labels=bug&template=bug_report.md
[feature-request-template]: https://github.com/dae-ne/youtube-browser-extension/issues/new?labels=enhancement&template=feature_request.md