By Tim King · Updated
Online Synthesizer
Oscillator, Filter and ADSR Envelope, Play in Browser, Free
OneTask is free, with no sign-up, and built by one person.
If this tool saved you time, a coffee helps keep new ones coming.
How the Online Synthesizer works
This online synthesizer is a classic subtractive synth. A classic subtractive synthesizer laid out the way the hardware is: an oscillator feeding a resonant low-pass filter, shaped by an attack-decay-sustain-release envelope, with an echo on the end. Play it from the two rows of your computer keyboard, Z to M and Q to P, or drag across the on-screen keys, and every control changes the sound while notes are held. The envelope is drawn above the keyboard so you can see the shape you are hearing, and Play a phrase sounds a short arpeggio to audition a patch without playing it yourself.
Online synthesizer: oscillator
The oscillator is the raw sound. A sawtooth contains every harmonic and is the brightest and most common starting point; a square has only odd harmonics and sounds hollow and woody; a triangle is soft with weak upper harmonics, and a sine is a single pure tone with nothing for the filter to remove. Pulse is a square with a narrow duty cycle, nasal and reedy. Fat saw stacks three detuned sawtooths for the thick chorusing sound of eighties lead and pad patches; the detune slider widens the spread. On the other waveforms detune shifts the whole pitch by up to fifty cents, half a semitone, which is how you would tune one synth against another.
Filter
The low-pass filter removes harmonics above the cutoff frequency, which is what makes the technique subtractive. Sweep the cutoff down and a sawtooth turns from buzzy to muffled to a near sine. Resonance boosts the harmonics just below the cutoff; at low values it adds presence, at high values it whistles and can self-oscillate, and sweeping the cutoff with resonance up is the sound of a thousand acid house records. The filter here is a 24 dB per octave ladder-style slope, the steep kind found on the classic analogue monosynths.
Envelope
The envelope controls how loud the note is over time. Attack is how long it takes to reach full volume after the key goes down, decay how long it takes to fall from there to the sustain level, sustain the level held while the key stays down, and release how long the sound takes to fade after the key is lifted. A plucked sound has an instant attack, short decay, zero sustain and short release; a pad has a slow attack, high sustain and a long release. The graph above the keys redraws as you move the sliders.
Echo and playing
Echo is a feedback delay of 300 milliseconds with the slider setting how much of the delayed signal is mixed in. Up to eight notes sound at once, so chords work. The left and right arrow keys shift the keyboard an octave; the lower row starts at the octave shown in the readout and the upper row an octave above it.
FAQ
Is this a real analogue synthesizer?
It is a software model of one, built from the browser's audio engine: the oscillators, filter and envelope are digital versions of the analogue circuits, arranged in the same order. The behaviour is the same, which is what matters for learning how synthesis works.
Why does the sound change while I am holding a note?
Because every control is wired directly to the running synth rather than to the next note. Holding a chord and sweeping the cutoff or resonance is the fastest way to hear what a filter does, and it is how a performer would use the front panel.
Can I record or download the sound?
Not from this page; it is an instrument to play, not a file tool. Use the screen or voice recorder on this site to capture the output of your speakers, or a desktop audio recorder for a clean signal.
Why can I not hear the difference on a sine wave?
A sine has no harmonics, so there is nothing above the cutoff for the filter to remove until the cutoff drops below the note's own pitch, and resonance has nothing to boost. Switch to a sawtooth or square to hear the filter properly.
What is a good starting patch?
Sawtooth, cutoff around 800 Hz, resonance 4, attack 0.01, decay 0.4, sustain 0.3, release 0.3 gives a punchy bass in octave 2. Fat saw, cutoff 3000, attack 0.8, sustain 0.9, release 2 with some echo gives a pad; play chords in octave 4.
See also: all Audio tools, Images, Video & Screen, PDF, SVG, Simulations & Screensavers, Generative Art, Chart Makers, 3D Model Viewers, Drawing Pads, Mockups & 3D Making, Diagram Makers, 3D Science, Tracker Music.
Related tools
Online Piano
Play piano keys with your computer keyboard, mouse or touch.
Drum Machine
Click steps on a grid to build a drum beat and play it.
Tone Generator
Play any frequency as a pure tone and export it as WAV.
Chord Player
Click chords to hear them and loop a chord progression.
Binaural Beats Generator
Play binaural beats with any carrier and beat frequency, plus pink noise.