Spectrogram – Canvas based Musical Spectrum Analysis

Sound frequencies are displayed as they are heard. Lower frequencies are mapped low (bottom) to high (top). Brightness is determined by amplitude.

Sweeping tones and rhythmic patterns create intricate structures. The circular form is in memorial of dead formats; the CD, MiniDisc and others. R.I.P.

Here’s a Leesa’s The Mansion run through Spectrogram:

Built by Lee Martin (Soundcloud developer), using <canvas> and the Soundcloud API.

spectrogr.am →
(add any soundcloud track URL to the URL to see that track visualized)

(via iso50)

Published by Bramus!

Bramus is a frontend web developer from Belgium, working as a Chrome Developer Relations Engineer at Google. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since (more …)

Join the Conversation

1 Comment

  1. Hi there,

    these are awesome! I would love to load some of my music into it to visualize it. Is there another link available? The one that has been posted is broken.

    Again, awesome work. Thank you!

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.