A React-based monophonic synthetizer built on top of the WebAudio API.
React-Synth is aimed at being a fun synth, and also a proof-of-concept for the capacity and functionality behind some of the new WebAudio nodes available.
Demo available at lydia.daniellesage.com.
Features:
- Multi-waveform oscillator with gain, detune, and frequency controls
- Biquadratic 4-pole filter, with Q and Frequency controls. Can be adjusted to Lowpass, Highpass, and Bandpass.
- Panning controls
- Sinewave Oscilloscope
- Convolution reverb (soon)
- Compression (soon)
React-Synth utilizes various WebAudio components, namely:
- OscillatorNodes for generating sound
- AudioNode for modulating volume and gain
- BiquadFilter for generating audio filters, and eventually graphic equalizers
- StereoPannerNode for panning
- AnalyzerNode for generating an oscilloscope
- ConvolverNode for generating convolution reverbs using default or user-uploaded wav files
- DynamicsCompressorNode for compression and dynamics
React-Synth uses Node v10.
npm i
npm start
Voilah!