Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ynshung/better-yt-shorts
Playback, volume, timestamp controls and more on YouTube Shorts.
https://github.com/ynshung/better-yt-shorts
chrome chrome-extension firefox firefox-addon firefox-extension youtube youtube-shorts
Last synced: 3 months ago
JSON representation
Playback, volume, timestamp controls and more on YouTube Shorts.
- Host: GitHub
- URL: https://github.com/ynshung/better-yt-shorts
- Owner: ynshung
- License: gpl-3.0
- Created: 2022-06-05T09:26:37.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-04-07T12:08:44.000Z (9 months ago)
- Last Synced: 2024-04-08T12:42:08.279Z (9 months ago)
- Topics: chrome, chrome-extension, firefox, firefox-addon, firefox-extension, youtube, youtube-shorts
- Language: TypeScript
- Homepage:
- Size: 561 KB
- Stars: 209
- Watchers: 2
- Forks: 41
- Open Issues: 29
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Roadmap: ROADMAP.md
Awesome Lists containing this project
README
# Better YouTube Shorts
[](https://github.com/ynshung/better-yt-shorts/releases)
[](https://chrome.google.com/webstore/detail/better-youtube-shorts/pehohlhkhbcfdneocgnfbnilppmfncdg)
[](https://addons.mozilla.org/en-US/firefox/addon/better-youtube-shorts)
[](https://microsoftedge.microsoft.com/addons/detail/better-youtube-shorts/encogpagbgkndaicddjpgogepdmfnokl)
[](https://chromewebstore.google.com/detail/better-youtube-shorts/pehohlhkhbcfdneocgnfbnilppmfncdg/reviews)
[](https://github.com/ynshung/better-yt-shorts?tab=readme-ov-file#translation)
[](https://github.com/ynshung/better-yt-shorts/blob/master/LICENSE)
Control your YouTube shorts just like a normal YouTube video! Features include progress bar, seeking, playback speed, auto skip and more. You can also customize the keybinds to your liking!
## Installation
- Chrome Extension: https://chrome.google.com/webstore/detail/better-youtube-shorts/pehohlhkhbcfdneocgnfbnilppmfncdg
- Firefox Add-ons: https://addons.mozilla.org/en-US/firefox/addon/better-youtube-shorts
- Edge Add-ons: https://microsoftedge.microsoft.com/addons/detail/better-youtube-shorts/encogpagbgkndaicddjpgogepdmfnokl
## Features
- **Progress bar** at the bottom with time and duration
- **Seeking** 5 seconds backward and forward with arrow keys (adjustable time)
- Mini **timestamp** and speed above the like button (can be scrolled on!)
- **Fullscreen** support with F key and double click
- Decrease and increase **playback speed** with keys U and O
- Click the speed button to revert to normal speed or toggle between different speeds
- Toggle to auto skip short when current one ends
- Control volume with the **volume slider** or with - and =, mute audio with M
- **Customizable** keybinds
- 🌐 Supports more than 10 languages!
Extra features:
- Start short from beginning with J
- Go to the next or previous frame of the video
- Set default playback rate when first opening shorts
- Auto skip short with likes below custom threshold (e.g. 500 likes)
- Auto open comment section on each short
- Hide overlay on shorts (title, channel, etc.)
- Go to the next frame or previous frame with . and , while paused
- View counter and upload date above video title
### Screenshots
### Default Keybinds
| Action | Shortcut |
| ------------------- | ---------- |
| Seek Backward (+5s) | ArrowLeft |
| Seek Forward (-5s) | ArrowRight |
| Decrease Speed | KeyU |
| Reset Speed | KeyI |
| Increase Speed | KeyO |
| Decrease Volume | Minus |
| Increase Volume | Equal |
| Toggle Full Screen | KeyF |
| Restart Short | KeyJ |
| Next Frame | |
| Previous Frame | |
| Next Short | |
| Previous Short | |
Some keybinds are disabled by default. You can enable them by setting its keybinds.
## Contributing
All type of contributions are welcome. You may contribute by reporting bugs, suggesting new features, translating the extension or even by submitting a pull request.
### Translation
Know multiple languages? Help translate the extension so we can have a reach worldwide! See the list of supported locales [here](https://developer.chrome.com/docs/extensions/reference/api/i18n#locales). You can translate the extension itself or the store listing description which is under the `store-desc/` directory.
#### For beginners
We are currently using POEditor to facilitate the extension localization process for beginners. You can join the project using this [invite link](https://poeditor.com/join/project/QwlUFSANOG). Note that you can choose to translate or copy the `description` as it is just for reference.
To test your translation in the browser, export the file as _Key-Value JSON_, rename the file to `messages.json` and put it in the `_locales/[LANG]` folder where _LANG_ is the code of the language. Make sure the [locale of your browser](https://developer.chrome.com/docs/extensions/reference/i18n/#how-to-set-browsers-locale) is set properly. See the development guide below to build your extension in real-time. Please note that this method haven't been fully tested yet, so please let us know of any issues you faced in the issue page.
If you need any help in translating, you may create an issue or contact us using the Google Form below.
#### For advanced users
Start by forking the repo, copying the `_locales/en/messages.json` file and paste it to your locale code directory. Then, you can start translating the messages in the `messages.json` file. The `description` are just for reference and will not be visible to the user so you may translate it or leave it as it-is.
You can also add help translate the **store listing description** by emailing @ynshung or creating an issue to express your interest. Note that you will be notified to update the description from time to time.
### Issues / Suggestion
If you have faced any issue with the extension or any suggestion that can help to improve the extension, you may create an issue [here](https://github.com/ynshung/better-yt-shorts/issues) or if you know how to code, fork the repo, make the necessary changes and create a pull request.
Check for existing issues to avoid duplicates. For better reporting, check the Console (F12 > Console) for any related error which can be included in your report.
You may leave your feedback in this [Google Form](https://forms.gle/pvSiMwDeQVfwyALfA).
### Development Guide
1. Fork the project on Github
2. Clone your fork in your local machine
3. Open the working directory in the terminal
4. Run `npm i` to install all dependencies (ensure that [node and npm are installed](https://nodejs.org/en))
5. For **Chrome development**
1. Run `npm run dev` to start development
2. Open Chrome and navigate to `chrome://extensions`
3. Toggle `Developer Mode` with the switch at the top-right of that page
4. Drag and drop the `dist` directory into that page to load the unpacked extension
5. **OR** click load unpacked and select the `manifest.json` file in the directory
6. Changing a file should automatically update and refresh the extension
6. For **Firefox development**
1. Run `npm run dev:firefox` to start development
2. Open Firefox and navigate to `about:debugging#/runtime/this-firefox`
3. Click `Load Temporary Add-on...` and select the `package.json` in the `dist` directory
4. Everytime a file is changed, make sure to reload the extension after the message of `Firefox manifest created successfully.` is shown.
## License
GNU GPL v3