Skip to content

Responsive synthesiser built in React using the Audio Context API for notes. Initially used svg for the keys but switched to css as it gave more styling control and looked better.

roninfrodsham/synthesiser

Repository files navigation

React Synthesiser

Dont forget to turn the power on!!!

To run project in development mode:

npm i
npm run dev

To build and run:

npm run build
npm run preview

Frequency of Notes

To work out the frequency I used this website which suggest a formula for musical notes. I chose the lowest C note as the starting point and then multiplied it by 2^(n/12) where n is the number of keys including semitones away from the starting note.

About

Responsive synthesiser built in React using the Audio Context API for notes. Initially used svg for the keys but switched to css as it gave more styling control and looked better.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published