https://github.com/hamirmahal/simple-synth

This is a simple synthesizer I built. It uses a lot of styling from https://codepen.io/zastrow/pen/oDBki.
https://github.com/hamirmahal/simple-synth

html-css-javascript synth synthesizer typescript webaudio-api webaudioapi

Last synced: 11 months ago
JSON representation

This is a simple synthesizer I built. It uses a lot of styling from https://codepen.io/zastrow/pen/oDBki.

• Host: GitHub
• URL: https://github.com/hamirmahal/simple-synth
• Owner: hamirmahal
• Created: 2021-02-06T22:53:38.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2021-02-18T18:38:51.000Z (about 5 years ago)
• Last Synced: 2025-02-05T11:38:35.903Z (about 1 year ago)
• Topics: html-css-javascript, synth, synthesizer, typescript, webaudio-api, webaudioapi
• Language: TypeScript
• Homepage: https://hamirmahal.github.io/simple-synth/
• Size: 948 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
This is a simple synthesizer I built that uses the steps in an [MDN tutorial on building a simple synthesizer](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Simple_synth) as its foundation.

It also heavily uses styling from a very aesthetic [CSS Piano](https://codepen.io/zastrow/pen/oDBki).

You can view a live demonstration of this repository at [https://hamirmahal.github.io/simple-synth/](https://hamirmahal.github.io/simple-synth/).

This is what the keyboard looks like with a day theme active.

![simple synth day theme](img/simple-synth-day-theme.png)

And, this is what it looks like with a night theme active.

![simple synth night theme](img/simple-synth-night-theme.png)