WebAudio

A simple monophonic synthesizer built with WebAudio and AudioUI components.

Oscillator & Master

Waveform
Master

Filter

Cutoff
Resonance

Envelope

Att
Decay
Sus
Rel

Panning

Pan

Play Notes

Sustain

Design Details:

  • Uses CycleButton with themed wave icons for waveform selection.
  • Uses Knob with plainCap variant for filter cutoff and resonance.
  • Uses Knob with iconCap variant and volume icon for master gain.
  • Uses Slider for envelope ADSR parameters, grouped for better workflow.
  • Uses 61-key Keys component with interactive note playing and visualization.
  • Uses Button with latch prop as sustain pedal switch.
  • Grid layout for synth controls using adaptiveSize with constrained container heights.
  • WebAudio engine handles polyphony, ADSR envelope, and stereo panning.
  • Supports MIDI keyboard input via global MIDI service (note on/off and sustain pedal).
  • On-screen keyboard and MIDI keyboard work simultaneously.