Repository files navigation

YouTube Musical Spectrum is a browser extension powered byshowcqt-jsandshowcqt-element that offers audio visualization on yourYouTube 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.

• Google Chrome:YouTube Musical Spectrum on Chrome Web Store.
• Mozilla Firefox:YouTube Musical Spectrum on AMO.
• Bookmarklet, on platform that doesn't support browser extension (such as Google Chrome Android),you can run YouTube Musical Spectrum using one of these bookmarklets:

  #"https://cdn.jsdelivr.net/npm/@mfcc64/ytms/script.mjs")

  #"https://unpkg.com/@mfcc64/ytms/script.mjs")

Basic usage:

• By default, the visualization is visible on YT Music page but hidden on YouTube page.
• PressCtrl+Alt+G as a shortcut to show/hide visualization. This is equivalent to check/uncheckVisible setting.
• Click the icon at the top left corner to open/close settings.
• PressCtrl+Alt+H to open/close settings and show/hide the icon.
• If you want to change the axis, click it.
• If you want to make your change persistent, clickSet as Default Settings button.

The available settings:

• Height: Set the height of the visualizer relative (in percents) to the height of the page. The value is between20 and100.The default value is33. Setting it to100 make the visualizer cover the page entirely.
• Bar: Set the bar's height. The value is between1 and33. The default value is17.
• Waterfall: Set the waterfall's height relative (in percents) to the visualizer's height. The value is between0 and70.The default value is33. Setting it to0 make the waterfall invisible.
• Brightness: Set the brightness of the visualizer. The value is between1 and70. The default value is17.
• Bass: Set the bass attenuation in dB. The value is between-50 and0. The default value is-30.
• Speed: Set the speed of the waterfall. The value is between1 and12. The default value is2.Without frame drops, the speed of the waterfall isspeed * monitor_refresh_rate / interval * 100 / scale_y pixels/s.
• Mic: Allow microphone input. The value of20 means4x gain,30 means9x gain. The default value is0 (disabled).
• Mic Pan: Pan microphone input to the left(-10) or right(10). The default value is0.
• Interval: Set the frame rate interval. The value is between1 and4. The default value is1.Without frame drops, the frame rate of the visualizer ismonitor_refresh_rate / interval. This is a useful optionon a high refresh rate monitor (e.g 240 Hz monitor).
• Scale X: Set canvas horizontal scale (in percents). Lower value reduces CPU usage but image quality is also reduced.The value is between30 and100. The default value is100.
• Scale Y: Set canvas vertical scale (in percents). Lower value reduces CPU usage but image quality is also reduced.This also affects waterfall speed. The value is between30 and100. The default value is100.
• Codecs: Set allowed codecs to mitigate unsmooth experience. The default value isBlock AV1. Ifyour machine is powerful enough, you probably want to set it toAll. If your machine has H.264 acceleratedvideo playback but no VP9 accelerated playback, you probably want to set it toOnly H.264.
• Base Note: Set base note as MIDI number. The default is16 orE0.
• Semitones: Set spectrogram range in semitones. The default is120 or10 octaves.
• Peak Color: Set color of peaks to aid locating peaks especially at low frequency region. The default is#ffffff ordisabled.
• Left Color: Set left color. The default value is#dcb900.
• Mid Color: Set middle color. The default value is#dcdcdc.
• Right Color: Set right color. The default value is#00b9dc.
• Transparent: Set the transparency of the visualizer. The default value is set totrue.
• Visible: Set the visibility of the visualizer. The default value is set totrue on YT Music andfalse on YouTube.
• Reset Settings: Reset settings to the default values (Note that the default values can be changed).
• Set as Default Settings: Set the current setttings as the default settings. SubsequentReset Settings or new pageswill load these settings.
• Reset Default Settings: Reset the default settings to the value in this documentation. SubsequentReset Settingsor new pages will load these settings in this documentation.