https://github.com/ZulfadhliM/web-synth

A basic synthesiser with an LFO modulation built using React and Redux frameworks and the Web Audio API
https://github.com/ZulfadhliM/web-synth

html-css lfo oscillator react redux synthesiser

Last synced: 25 days ago
JSON representation

A basic synthesiser with an LFO modulation built using React and Redux frameworks and the Web Audio API

• Host: GitHub
• URL: https://github.com/ZulfadhliM/web-synth
• Owner: ZulfadhliM
• Created: 2018-04-07T17:10:37.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-05-01T16:10:56.000Z (over 6 years ago)
• Last Synced: 2024-08-03T16:09:58.695Z (4 months ago)
• Topics: html-css, lfo, oscillator, react, redux, synthesiser
• Language: JavaScript
• Homepage: https://zulfadhlim.github.io/web-synth/
• Size: 513 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-javascript-audio - ZulfadhliM/web-synth - basic synth with LFO modulation and XY pad, React-based (MIDI instruments / Synths)

README

        
# A Simple Web Synthesiser

This is a basic synthesiser with an LFO modulation built using React and Redux frameworks and the Web Audio API.

## Features

* Two dropdown lists that allow users to select 4 types of waveforms for the oscillator and the LFO

* An XY pad that controls the frequencies of the oscillator and the LFO

* A button that turns the oscillator and the LFO on/off

## Getting Started: Running on Local Server

```

npm start

```

This assumes that you are using npm as your package manager. The image below shows how it would look like on your browser:

![MIR Result](https://github.com/ZulfadhliM/web-synth/blob/master/screenshots/example.png)

## Built With

* Node.js

* React

* Redux

* Web Audio API