JavaScript MIDI Synth Tutorial - Part 1 | Getting MIDI in the browser 

Thank you! That really means a lot to me. I got it the other way round. I studied music for many years and played a lot of concerts etc. But after a while I lost interest in playing music - yeah, weird, I know. At a point I really started missing it though. Then I started learning js and thought "hey, I should get back into music through coding" - so I did - and this channel is one of the results. I'll start making more videos soon. Your comment makes me want to continue after a 6 month break not making any new videos.. Thank you!!!

@Music and Coding looking forward to new amazing videos!!! I get into slumps a lot in both coding and music, so really understand where you are coming from. But boy oh boy you are very very talented :) Thank you and keep up the amazing work! Am really looking forward to new vids hahahah

Thank you Sir! 😀

Yea, Web MIDI is still in its infancy, but hopefully it won't be long before all the major browsers support it. I found this polyfill-library that should make it possible to use in browsers not currently supporting it.. github.com/jazz-soft/JZZ I haven't tried it myself, but it looks promising.

What polyfill do you use to run midi on the browser? did i try jzz midi on safari?

I am getting the same problem, almost as if I have a sequencer running, it's outputting 11 MIDIMessageEvents per second. Just out of curiosity, what is your MIDI device?

@@stengosaurus It ended up working! I just kept following the tutorial and the bug just ended up sorting itself out automatically. I used a yamaha mm8 midi keyboard.

Ooops.. You're right. There should have been a check there. Thanks for pointing that out :)

It works only on Chrome, Edge and Opera (on desktop) as of now. You can see the list of supported browsers here: developer.mozilla.org/en-US/docs/Web/API/MIDIAccess

@@MusicandCoding Thanks, and with this codebase, do we can tranpose it to make a mobile App Cross-platform with Vue-Native ? (Or other JS Framework to make Mobile App.)

@@frogfox9577 I am not sure as I haven't done much native app development. But there are JS MIDI libraries out there for browsers that do not support Web MIDI. Also, I'm not sure about this, but I think there must be native midi API's for Android and iOS that you can probably access from React Native or something similar.

It doesn't really work that well on mobile. Here's a list of which browsers you can use it in: caniuse.com/midi So it's not gonna work on any iOS devices, since all iOS browsers are based on Safari. But it might work on Android devices in some browsers.

Tanks, I'm using chrome browser for Android latest version 111. But I'm cannot to connect my keyboard for USB cable and OTG adapter. Only my computer 😢

Because you will feel GREAT and be proud of yourself after doing something hard :) :)