Audio visualizer for YouTube and YT Music with musical notes.
YouTube Musical Spectrum Extension
YouTube Musical Spectrum is an extension that offers audio visualization on your YouTube and YT Music page with nice musical notes. It allows you to see waterfall of spectrogram nicely. You can see not only spectrogram of YouTube video but also spectrogram of your microphone.
You need to reload your YouTube page after the installation. By default, the visualizer is visible on YT Music page but hidden on YouTube page.
Available shortcuts:
- Ctrl+Alt+G: toggle the visualizer's visibility.
- Ctrl+Alt+H: toggle the menu's visibility
Read more
You need to reload your YouTube page after the installation. By default, the visualizer is visible on YT Music page but hidden on YouTube page.
Available shortcuts:
- Ctrl+Alt+G: toggle the visualizer's visibility.
- Ctrl+Alt+H: toggle the menu's visibility
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version" : 3, "name" : "YouTube Musical Spectrum", "short_name" : "YTMS", "description" : "Audio visualizer for YouTube and YT Music with musical notes.", "version" : "11.0.2", "icons" : { "128" : "modules/@mfcc64/[email protected]/icon-128.png", "64" : "modules/@mfcc64/[email protected]/icon-64.png", "48" : "modules/@mfcc64/[email protected]/icon-48.png", "32" : "modules/@mfcc64/[email protected]/icon-32.png", "24" : "modules/@mfcc64/[email protected]/icon-24.png", "16" : "modules/@mfcc64/[email protected]/icon-16.png" }, "action" : {}, "browser_specific_settings": { "gecko": { "id": {1e41b6c3-1ae3-41eb-89fc-f5c5eb5c1301} }, "gecko_android": {} }, "web_accessible_resources": [ { "matches" : [ "https://www.youtube.com/*", "https://music.youtube.com/*" ], "resources" : [ "*.png", "/modules/*.mjs", "/modules/*.wasm" ] } ], "content_scripts" : [ { "run_at" : "document_end", "js" : [ "wrapper.js" ], "matches" : [ "https://www.youtube.com/*", "https://music.youtube.com/*" ] } ], "content_security_policy" : { "extension_pages" : "default-src 'none'; script-src 'self'; style-src 'self'; img-src 'self';" }}
Read more