Question 1

How do I play chords or multiple notes at once in Tone.js?

Accepted Answer

Use Tone.PolySynth to wrap a monophonic synth like Tone.Synth, enabling polyphonic playback. Pass arrays of notes to methods like triggerAttackRelease, as shown in the PolySynth example for handling multiple voices.

Question 2

Tone.js vs Howler.js: which should I use for web audio?

Accepted Answer

Tone.js is better for interactive music, synthesis, and precise scheduling with effects, while Howler.js is lighter and ideal for simple audio playback and sound effects in games or apps without musical timing needs.

Question 3

How to schedule a looped event in Tone.js?

Accepted Answer

Use Tone.Loop with a callback and time interval, passing the sample-accurate time to the callback. For example, 'new Tone.Loop((time) => { synth.triggerAttackRelease('C4', '8n', time); }, '4n').start(0);' creates a quarter-note loop synchronized to the Transport.

Question 4

Does Tone.js work on all mobile browsers?

Accepted Answer

Yes, Tone.js uses standardized-audio-context to shim compatibility across browsers, but performance may vary, and the user interaction requirement to start audio applies due to browser security policies.

Question 5

How to load and play an audio sample with Tone.js?

Accepted Answer

Use Tone.Player to load a URL and connect it to the destination. Call Tone.loaded() to wait for all samples to load, then use player.start() to play, as demonstrated in the samples section for reliable playback.

Question 6

Can I use Tone.js with React or Vue.js?

Accepted Answer

Yes, Tone.js can be integrated by importing it and managing audio state within component lifecycle methods, but care is needed with audio context management to avoid issues with Tone.start() and user interactions.

Tone.js

What is Tone.js?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions