Using the Web Audio API to Turn my Keyboard into an Instrument

I built a web app with Svelte to make a musical keyboard 🪗🪗🪗

Hello friends,

I haven’t written for a quite a while. If you need a refresher on who I am, I’m Tania, and I make coding projects and tutorials. Life has been busy and due to some personal trauma, I’ve taken a lot of me time and haven’t really put much out there on the website.

However, recently I built KeyboardAccordion.com, a little one-page web app with Svelte and no other third-party dependencies. It uses the Web Audio API to make sounds with frequencies on a waveform. I made this app because I have one of these accordions and wanted to figure out how to play it. 🙂

Here’s the article I wrote about how it works, if you’re interested:

Building a Musical Instrument with the Web Audio API

It was a fun little project. Coding it was the easy part, practicing and learning how to play it is the hard part!

That’s all I have for now. I’m still working full-time and coding every day, and I hope to start writing more articles and creating more projects soon.