Awesome Tools

20+ Free Online Tools with User-Friendly Interfaces

Tone Generator

Generate custom tones with precise control using the Web Audio API.

Basic Controls

Envelope Controls

Playback Controls

JavaScript Code to Play Tone

Copy and paste the generated JavaScript code into your project.

// Tone Generator Code
const audioContext = new (window.AudioContext || window.webkitAudioContext)();
const oscillator = audioContext.createOscillator();
const gainNode = audioContext.createGain();

// Configure oscillator
oscillator.type = 'sine';
oscillator.frequency.setValueAtTime(440, audioContext.currentTime);

// Configure envelope
const now = audioContext.currentTime;
gainNode.gain.setValueAtTime(0, now);
gainNode.gain.linearRampToValueAtTime(0.5, now + 0.1);
gainNode.gain.linearRampToValueAtTime(0.35, now + 0.2);
gainNode.gain.setValueAtTime(0.35, now + 0.9);
gainNode.gain.linearRampToValueAtTime(0, now + 1);

More Tools from Awesome Tools