Loading video...

Video Failed to Load

Go Home

I made a midi controller with Svelte. This thing can be played by your computer keyboard, top two rows for keys, bottom row for chords. In locked key mode, you can change the key and play all chords within that key.

30,503 views • 1 year ago •via X (Twitter)

11 Comments

Scott Tolinski - Syntax.fm's profile picture
Scott Tolinski - Syntax.fm1 year ago

Also, you can hook it up to Ableton's arpeggiator to spread those chords out.

Scott Tolinski - Syntax.fm's profile picture
Scott Tolinski - Syntax.fm1 year ago

In chord mode, you have free reign to play and chord, but augment the type with the number row. So you can hit those maj7 ect

Scott Tolinski - Syntax.fm's profile picture
Scott Tolinski - Syntax.fm1 year ago

On mac to route midi from the browser to your DAW, all you need is to enable the IAC Driver from Audio MIDI Setup > Window > MIDI Studio. Then it should exist as a midi output in browser and an input in your DAW.

Scott Tolinski - Syntax.fm's profile picture
Scott Tolinski - Syntax.fm1 year ago

I used to avoid having to deal with the raw midi bytes.

Scott Tolinski - Syntax.fm's profile picture
Scott Tolinski - Syntax.fm1 year ago

Code for the whole thing is here:

RedDeer.Games IR's profile picture
RedDeer.Games IR2 years ago

🎉 You WON'T BELIEVE what your Nintendo Switch can do now! 🎹⭐️ Dare to try? Replay! Click here: Transform your living room into a concert hall with the latest Piano game! Master the keys, play iconic tunes, and surprise yourself with how fast you learn. This isn't just a game; it's the start of your musical journey. 🚀

Henrik Berglund's profile picture
Henrik Berglund1 year ago

nice! I also made a keyboard thingy that uses soundfonts with Svelte, not as good looking but fun to jam with

Ben Bankes's profile picture
Ben Bankes1 year ago

Are you planning to monetize or in any way? If so, there are some gotchas on different platforms you may enjoy hearing about.

Scott Tolinski - Syntax.fm's profile picture
Scott Tolinski - Syntax.fm1 year ago

If I did, I’d be publishing as electron since WebKit is in the Stone Age here.

Armando J. Perez-Carreno's profile picture
Armando J. Perez-Carreno1 year ago

🔥

Darryl Yeo・d/acc's profile picture
Darryl Yeo・d/acc1 year ago

🤩

Related Videos