Enhance YouTube Music with beautiful time-synced lyrics, multilingual support, real-time translations and more
Better Lyrics (Lyrics for Youtube Music) Extension
Better Lyrics for Youtube Music upgrades your Youtube Music experience
by providing beautiful time synced lyrics for the currently playing
song. ✨
🌟 Join the Discord for Priority Feature Requests, DevLogs & Suggestions 🌟
https://discord.gg/UsHE3d5fWF
FEATURES ⚙️
🎵 Beautiful time-synced lyrics on Youtube Music
📦 No external dependencies or API key
⏩ Seek to a specific part of the song by clicking on the lyrics
🌏 Supports multiple languages
🌐 Real time translations
🪶 Lightweight and easy to use
🖥️ Support for full screen mode
USAGE 🧱
1. Open YouTube Music(https://music.youtube.com) and start playing a song.
2. Click on the lyrics tab to view the time-synced lyrics. (This might take a few seconds to load)
3. Click on a specific line to seek to that part of the song.
4. New lyrics will automatically show up on song change (if you've queued new songs, if you let autoplay take the wheels or if you are listening to a playlist)
Note: To change defaults, click on the Better Lyrics icon in the extensions toolbar. The changes require a page refresh to take effect. More details are mentioned in the Github README (https://github.com/boidushya/better-lyrics/blob/master/README.md)
LINKS 🔗
Github: https://github.com/boidushya/better-lyrics
Discord: https://discord.gg/UsHE3d5fWF
Twitter: https://x.com/boidushya
Read more
by providing beautiful time synced lyrics for the currently playing
song. ✨
🌟 Join the Discord for Priority Feature Requests, DevLogs & Suggestions 🌟
https://discord.gg/UsHE3d5fWF
FEATURES ⚙️
🎵 Beautiful time-synced lyrics on Youtube Music
📦 No external dependencies or API key
⏩ Seek to a specific part of the song by clicking on the lyrics
🌏 Supports multiple languages
🌐 Real time translations
🪶 Lightweight and easy to use
🖥️ Support for full screen mode
USAGE 🧱
1. Open YouTube Music(https://music.youtube.com) and start playing a song.
2. Click on the lyrics tab to view the time-synced lyrics. (This might take a few seconds to load)
3. Click on a specific line to seek to that part of the song.
4. New lyrics will automatically show up on song change (if you've queued new songs, if you let autoplay take the wheels or if you are listening to a playlist)
Note: To change defaults, click on the Better Lyrics icon in the extensions toolbar. The changes require a page refresh to take effect. More details are mentioned in the Github README (https://github.com/boidushya/better-lyrics/blob/master/README.md)
LINKS 🔗
Github: https://github.com/boidushya/better-lyrics
Discord: https://discord.gg/UsHE3d5fWF
Twitter: https://x.com/boidushya
Source Manifest.json
{ "manifest_version": 3, "version": "1.9.1", "name": "Better Lyrics (Lyrics for Youtube Music)", "description": "Enhance YouTube Music with beautiful time-synced lyrics, multilingual support, real-time translations and more", "homepage_url": "https://better-lyrics.boidu.dev", "icons": { "16": "images/icons/icon-16.png", "48": "images/icons/icon-48.png", "512": "images/icons/icon-512.png" }, "update_url": "https://clients2.google.com/service/update2/crx", "host_permissions": [ "*://music.youtube.com/*" ], "permissions": [ "storage" ], "optional_permissions": [ "downloads" ], "options_ui": { "page": "src/options/options.html", "open_in_tab": false }, "web_accessible_resources": [ { "matches": [ "*://music.youtube.com/*" ], "resources": [ "src/script.js" ] } ], "background": { "service_worker": "src/background.min.js" }, "content_scripts": [ { "matches": [ "*://music.youtube.com/*" ], "js": [ "src/core/constants.min.js", "src/core/utils.min.js", "src/core/storage.min.js", "src/modules/lyrics/translation.min.js", "src/modules/lyrics/lyrics.min.js", "src/modules/ui/dom.min.js", "src/modules/ui/observer.min.js", "src/modules/settings/settings.min.js", "src/index.min.js" ], "css": [ "src/index.min.css" ], "run_at": "document_end" }, { "matches": [ "" ], "js": [ "src/libs/codemirror/codemirror.min.js", "src/libs/codemirror/css.min.js", "src/libs/codemirror/css-hint.min.js", "src/libs/codemirror/show-hint.min.js", "src/libs/codemirror/closebrackets.min.js", "src/libs/codemirror/lint.min.js", "src/libs/codemirror/autorefresh.min.js" ], "css": [ "src/libs/codemirror/codemirror.min.css", "src/libs/codemirror/seti.min.css", "src/libs/codemirror/show-hint.min.css" ] } ], "action": { "default_popup": "src/options/options.html" }}
Read more