Skip to content

Monophonic web-based audio modules - synthetizer, oscilloscope, biquadratic filter

Notifications You must be signed in to change notification settings

DLesage25/react-synth

Repository files navigation

React-Synth

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.

Overview

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:

Installation

React-Synth uses Node v10.

  1. npm i
  2. npm start

Voilah!