BetterYTM

Sv443
2023-09-19T14:12:29Z

Configurable layout and user experience improvements for YouTube Music™ and YouTube™

BetterYTM

Lots of configurable layout and user experience improvements for YouTube Music™ and YouTube™

With translations for: 🇧🇷 BR, 🇨🇳 CN, 🇩🇪 DE, 🇪🇸 ES, 🇫🇷 FR, 🇮🇳 IN, 🇯🇵 JP

Features • Installation • Integrations • Plugins • Support • Privacy • Development • Attributions • Disclaimers

Features

All of these can be toggled and configured in the configuration menu.

Layout & User Experience:

Show the approximate amount of likes and dislikes on songs (powered by returnyoutubedislike.com)

Open any song's lyrics on genius.com which generally has higher quality than YouTube's providers

Set a custom size and step resolution for the volume slider and show a percentage label next to it

Quick actions on songs in a queue, to quickly open their lyrics or remove them from the queue

Quickly scroll to the currently active song in the queue by clicking a button

Remember the time of the last played song to resume playback after reloading or reopening the tab

Improve clickability of song titles and thumbnails when wanting to open them in a new tab

Remove the tracking parameter from URLs in the share menu

Automatically close permanent notifications

Shrink the dead space on the /watch page

Input & Interaction:

Auto-like songs and videos of your favorite creators on both YT and YT Music

Use arrow keys to skip forward or backward and control volume

Press number keys to skip to a percentage of the currently playing song

Custom hotkeys that allow you to switch between YT and YTM, like or dislike, open the lyrics, and more

Prevent the "unsaved data" popup that sometimes appears before leaving the site

... and these are just the notable features, there are many more smaller features, improvements and fixes!

To toggle and configure features, after installing the userscript, click the "BetterYTM" text under the logo to open the configuration menu.
If you disabled the watermark, you can still open it by clicking your avatar in the top right corner on YTM or through the left sidebar on YT.

My work relies on donations, so if you like this userscript please consider supporting development ❤️

Installation

Note: by installing BetterYTM, you agree to the license terms, disclaimers and privacy notice.

1. Install a userscript manager browser extension - I highly recommend Violentmonkey (Firefox, Chrome, Edge) or Tampermonkey.
Other extensions are known to not work as expected, especially in isolated contexts like with FireMonkey, Greasemonkey or the Brave browser (more info here).

2. Then, visit the Releases page and click the install button at the bottom of the latest stable release.
Note: the unsafeWindow grant is required due to limitations in some browsers (more info here).

If you want to install the latest (potentially unstable) development build, look for the latest pull request and click the install button there.
Please make sure to manually remove and reinstall the userscript once the next release is out to avoid any issues.

Integrations

BetterYTM integrates with other extensions and tools to adjust their behavior and provide a smoother experience:

Apple Music (album artworks for thumbnail overlay)

Dark Reader (disabled fully or partially)

Enhancer for YouTube (BYTM respects the set theme)

Return YouTube Dislike (shows approx. like and dislike counts)

SponsorBlock (compatibility adjustments)

ThemeSong (BYTM respects the set theme)

Thumbnail Rating Bar for YouTube (rating bars can be removed on YTM)

To find out more about these integrations, click here

Plugins

BetterYTM supports plugin userscripts that can be installed in parallel and can make use of BetterYTM's pre-existing API.

Refer to the plugin creation guide for more information or check out the official plugin template for a quick start on creating a plugin.

Currently there are no available plugins, but you can submit an issue using the plugin submission template so it will be listed here.

Support

If you have any questions, issues, or feature requests, please open an issue here.
You can also join my Discord server and ask your questions there or just hang out with other community members and me:

Privacy

BetterYTM does not collect any data about you that isn't strictly necessary for its features to work.
Your userscript manager extension's storage API is used to store all settings and data locally on your device.
Open its settings to see and manage this data or remove the userscript to automatically delete all data.

BetterYTM makes use of external services and APIs to provide some of its features, which may collect data about you.
In every case, only the bare minimum of data is sent to these services and only when necessary.
This data includes the version of the userscript, your IP address, and the ID, title and author of the video you're watching.

Find more info about the privacy of these services here:

Apple Music - Privacy Policy (album and artist names, IP address)

geniURL - Privacy Policy (song and artist names, script version, IP address)

Return YouTube Dislike - Security FAQ (video ID, IP address)

Development

This project is based on my extensive template for making a userscript with TypeScript and many modern language and convenience features.
Check it out here if you want to make your own userscripts!

For information on how to set this project up locally, contribute to it, or create plugins for BetterYTM, see the contributing guide

Note: Each folder contains a README.md file with further information about the contents. If you want to know more about a specific part of the project, please refer to these files.

Special Thanks

A big thank you to these people for their contributions to this project:

indierodo: Track numbers feature

cryeprecision: Exponential volume slider feature

Attributions

This userscript depends on these projects:

@sv443-network/coreutils

@sv443-network/userutils

compare-versions

Cousine font

DOMPurify

Marked

Nano Events

tslib

For development dependencies, please refer to devDependencies in package.json

Icon attributions

Most icons are from Material Icons

For external icon attributions, see assets/images/external/

Disclaimers

I am not affiliated with or endorsed by YouTube, Google, Alphabet, Genius, or anyone else.

I don't own and have not modified any third party icons, I just re-host them as they are here for ensured availability and compatibility.

I do not intend to ever collect any data about the end user. Everything in this script is done and stored locally on your device or on the site the script runs on.
Do note that requests to external services may collect data about you, to the extent that those services do (which usually boils down your IP address and the videos you're watching).

This script comes as-is, so I can't guarantee this software is without flaws. If something bad happens, I don't accept blame. I will however gladly accept your bug reports and feature requests or contributions to the code or translations.

Made with ❤️ by Sv443
If you like this userscript, please consider supporting me