Sound Ribbons

Drop audio files to add them

Poster

Drawing

Lines under each ribbon

Key figures

Loudness per ITU-R BS.1770 / EBU R128, tempo, key, pitch range and more, one row per recording. Bars compare recordings within a column.

Recordings

Nothing loaded yet.

What you are looking at

Each recording becomes one ribbon. Time runs left to right. By default every ribbon uses the same number of seconds per pixel, so a longer piece makes a longer ribbon. Height is loudness: the RMS of the samples, gathered per pixel column, normalized per recording, then smoothed and mirrored around the center line. Color is brightness: the spectral centroid, which is the "centre of mass" of the spectrum. Bright, treble-heavy passages are high, dark, bass-heavy passages are low. Color is on a log scale and spans the 2nd to 98th percentile of that recording's own centroids, so each row uses the full palette. Silence draws as a thin grey line.

Analysis runs in your browser. Each file is decoded with the Web Audio API and mixed to mono. A 2048-sample Hann-windowed FFT runs every 1024 samples (about 21 ms). The microphone gives a live preview from an AnalyserNode. When you stop, the recording itself is analyzed with the same code as files, and you can play it back. Click a ribbon to play from that point.

Key figures

File formats: whatever your browser decodes. WAV, MP3, FLAC and AAC work everywhere. Ogg Vorbis and Opus work in Chrome, Edge and Firefox, and in recent Safari. Example recordings, all public domain, fetched from Wikimedia Commons when you pick them: