tone.js demos

by @mattdesl

Some examples using Tone.js for interactive and procedural sound. Click the play buttons to hear the audio.

Idea & layout heavily inspired by Mark Webster's Designing Programs.

A simple sine wave synth with modular frequency.

Play a sound and visual effect on mouse tap.

Using filters, reverbs, and feedback delays.

An advanced demo showing generative melodies with a step sequencer.

MP3 file input.

MP3 file input with effects.

Audio mic input and Tone.Level to visualize it.

Using Tone.Meter to read sound levels.

Drawing a waveform from an MP3 file.

Using FFT analysis to get the frequency spectrum.

Using FFT to extract a single frequency band.

Using FFT to extract low, mid and high range audio.

Manually using Tone.Analyser for those curious how it works.

remix your own