Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/avi12/youtube-auto-hd

A simple browser extension for changing YouTube videos' quality based on FPS.
https://github.com/avi12/youtube-auto-hd

Last synced: 3 days ago
JSON representation

A simple browser extension for changing YouTube videos' quality based on FPS.

Host: GitHub
URL: https://github.com/avi12/youtube-auto-hd
Owner: avi12
License: gpl-3.0
Created: 2020-12-02T06:46:14.000Z (about 4 years ago)
Default Branch: main
Last Pushed: 2024-10-17T11:43:47.000Z (3 months ago)
Last Synced: 2024-10-19T15:34:01.924Z (3 months ago)
Language: TypeScript
Homepage: https://avi12.com/youtube-auto-hd
Size: 3.73 MB
Stars: 223
Watchers: 4
Forks: 27
Open Issues: 6
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE

Awesome Lists containing this project

awesome - avi12/youtube-auto-hd - A simple browser extension for changing YouTube videos' quality based on FPS. (TypeScript)

README

        # YouTube Auto HD + FPS

A browser extension that sets the quality of YouTube videos according to the user's preference, based on the video's

FPS.

Available for:

- [Google Chrome](https://chrome.google.com/webstore/detail/fcphghnknhkimeagdglkljinmpbagone) ![Chrome Web Store](https://img.shields.io/chrome-web-store/users/fcphghnknhkimeagdglkljinmpbagone?color=white&label=users&style=flat-square)

- [Mozilla Firefox](https://addons.mozilla.org/firefox/addon/youtube-auto-hd-fps)

  90+ ![Mozilla Add-on](https://img.shields.io/amo/users/youtube-auto-hd-fps?color=white&label=users&style=flat-square)

- [Microsoft Edge](https://microsoftedge.microsoft.com/addons/detail/ggnepcoiimddpmjaoejhdfppjbcnfaom) ![users count](https://img.shields.io/badge/dynamic/json?label=users&query=activeInstallCount&style=flat-square&color=white&url=https://microsoftedge.microsoft.com/addons/getproductdetailsbycrxid/ggnepcoiimddpmjaoejhdfppjbcnfaom)

- [Opera](https://addons.opera.com/en/extensions/details/youtube-auto-hd-fps)

- [Safari](https://apps.apple.com/us/app/id1546729687) - maintained

  by [carlosjeurissen](https://github.com/carlosjeurissen)

- [Naver Whale](https://store.whale.naver.com/detail/njejcbikjebbmiggdpdggelmoifodjhh) - maintained

  by [carlosjeurissen](https://github.com/carlosjeurissen)

![A screenshot from the extension's pop-up page](https://github.com/avi12/youtube-auto-hd/assets/6422804/fc7a4581-0162-427c-a6bc-7d96e68a3961)

Made by [Avi](https://avi12.com)

Powered by [WXT](https://github.com/wxt-dev/wxt)

## Contact me

You can [suggest a feature](https://github.com/avi12/youtube-auto-hd/issues/new?assignees=&labels=enhancement&projects=&template=feature_request.yml&title=%5BFeature+request%5D+)

or [report a bug](https://github.com/avi12/youtube-auto-hd/issues/new?assignees=&labels=bug&projects=&template=bug_report.yml&title=%5BBug%5D+)

## Known issue

Due to the way the browsers handle extensions, when an extension receives an update, content scripts in previously-open web

pages cannot use the [Storage API](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/storage) until the user reloads them, which means that if YTHD received an update and the user

attempts to change a setting, he must reload the such pages for the settings to take effect

### A semi working solution

To provide a smooth user experience, I decided to use the last settings that were fetched

## Translating

You can translate the extension to your own language by filling [this form](https://apps.jeurissen.co/auto-hd-fps-for-youtube/translate)

Filling will grant you access to a Google Spreadsheet via email, in which you can contribute your translations

## Requirements for setting up

Install [Node.js](https://nodejs.org) and [PNPM](https://pnpm.io/installation)

## Install dependencies

```shell script

pnpm i

```

## Start the dev server & run in a test browser

### Chrome

```shell script

pnpm dev

```

### Chrome RTL

```shell

pnpm dev:rtl

```

### Edge

```shell

pnpm dev:edge

```

### Opera

```shell

pnpm dev:opera

```

### Firefox

```shell

pnpm dev:firefox

```

## Build

### Chrome

```shell script

pnpm build

```

### Edge

```shell script

pnpm build:edge

```

### Opera

```shell

pnpm build:opera

```

### Firefox

```shell

pnpm build:firefox

```

## Package

### Chrome

```shell

pnpm package

```

### Edge

```shell

pnpm package:edge

````

### Opera

```shell

pnpm package:opera

```

### Firefox

```shell

pnpm package:firefox

```

## Shorthands

### Chrome

```shell

pnpm build:package

```

### Edge

```shell

pnpm build:package:edge

```

### Opera

```shell

pnpm build:package:opera

```

### Firefox

```shell

pnpm build:package:firefox

```

## Contribution

Feel free to contribute! Keep in mind that the license I chose is [GPL v3](https://github.com/avi12/youtube-auto-hd/blob/main/LICENSE)  

If you want to fork, make sure to credit [Avi](https://avi12.com) and link to this repository.