tone

import { Synth, Destination, start, now, Transport } from 'tone'; const playButton = document.createElement('button'); playButton.textContent = 'Play Synth'; document.body.appendChild(playButton); playButton.addEventListener('click', async () => { // Start the Tone.js audio context on user interaction await start(); console.log('Audio context started.'); // Create a simple synthesizer const synth = new Synth().toDestination(); // Schedule some notes const synthNotes = [ { note: 'C4', time: 0, duration: '8n' }, { note: 'E4', time: '8n', duration: '8n' }, { note: 'G4', time: '4n', duration: '8n' }, { note: 'C5', time: '2n', duration: '8n' } ]; Transport.scheduleOnce(() => { synthNotes.forEach(event => { synth.triggerAttackRelease(event.note, event.duration, now() + Transport.seconds + event.time); }); }, 0); // Schedule immediately when transport starts // Start the transport to play scheduled events Transport.start(); console.log('Synth playing...'); });