What is Tone.js?

Tone.js is a Web Audio framework for creating interactive music in the browser. It provides a set of easy-to-use components and tools for synthesizing and triggering sounds, scheduling events, and creating effects.

Getting Started

To get started with Tone.js, you can either download the library from the official website or include it in your project from a CDN:

Once you have included the library in your project, you can start using Tone.js to create music in the browser. Here is a simple example of how to create a basic synth:

const // Context and Transport are required
context = new Tone.Context();
transport = new Tone.Transport();

const synth = new Tone.Synth().toDestination();

// Play a note when the document is clicked
document.addEventListener('click', () => {
synth.triggerAttackRelease('C4', '4n');

With Tone.js, you can create complex musical compositions, trigger sounds based on user interactions, and apply various effects and filters to your music.



Tone.js is a powerful framework for creating music in the browser. Whether you are a musician, a game developer, or just a hobbyist, Tone.js provides the tools you need to bring interactive music to your web projects.