# Building a JavaScript Keyboard Accordion (the Musical Kind)

DevFeed: [Building a JavaScript Keyboard Accordion (the Musical Kind)](<https://devfeed.tech/articles/building-a-javascript-keyboard-accordion-the-musical-kind-37599.md>)

Original publisher: [Read original article](<https://www.taniarascia.com/musical-instrument-web-audio-api/>)

Author: hello@taniarascia.com

Published: 2022-05-01T00:00:00Z

Content type: tutorial

Language: en

Sources: [Tania Rascia](<https://devfeed.tech/sources/tania-rascia.md>)

Topics: [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Svelte](<https://devfeed.tech/topics/svelte.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [browser](<https://devfeed.tech/topics/browser.md>), [Web app](<https://devfeed.tech/topics/webapp.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [app](<https://devfeed.tech/tags/app.md>), [browser](<https://devfeed.tech/tags/browser.md>), [building](<https://devfeed.tech/tags/building.md>), [coding](<https://devfeed.tech/tags/coding.md>), [dependency](<https://devfeed.tech/tags/dependency.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [keyboard](<https://devfeed.tech/tags/keyboard.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [projects](<https://devfeed.tech/tags/projects.md>), [sound](<https://devfeed.tech/tags/sound.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [volume](<https://devfeed.tech/tags/volume.md>), [web-app](<https://devfeed.tech/tags/web-app.md>)

## AI overview

A developer builds KeyboardAccordion.com, an open-source web app that maps a computer keyboard to a diatonic button accordion. The article describes using Svelte, plain JavaScript, and the browser Web Audio API to generate notes, control volume, and work around a browser limit on audio nodes.

## Source excerpt

It's been a while since I've written anything due to some personal concerns that I might write about later, but don't worry, I'm still...