In a previous post I wrote at length about the long-term problems of providing a midi player for tunes on the site.
I am pleased to say that, as of February 2021, that problem is now resolved.
The resolution was achieved using a JavaScript library from Ondrej Cífka called html-midi-player (the clue’s in the title).
Installing and using it is simplicity itself
- an additional <script> element to import the library and its dependencies
- a <midi-player> element wherever you need to use it
And that’s it!
There are other options to display a piano roll player and even display the score from the midi file. I haven’t used either but take a look at the simple and advanced demos to see what’s possible.
Thanks Ondrej!