KeyKit in a browser

[Tim Thompson]

I've just ported KeyKit to WASM, allowing it to run entirely in a browser.  It uses WebMIDI to interact with MIDI devices, including web synths like midi.city running in the same browser.  If you're interested in that, let me know.  It was made possible by Claude Code.

      ...Tim...

[tledford]

Tim, I would love to have whatever you can share; do you need anything from me?

[Tim Thompson]

The browser-based version of KeyKit should be usable, now, at least for people who have used KeyKit in the past.  To run it, go to:

       https://nosuchtim.github.io/keykitwasm/keykit.html

If you run a WebMIDI-receiving app like https://midi.city/ in another tab of the browser, and set its input port appropriately, you should be able to use it for output.  The Help button describes how to attach a local folder to edit and use local code (lib/*.k) and music (music/*.mid) files.

It's working pretty well, except for some graphical anomalies; XOR graphics don't work in a browser's canvas.

     ...Tim...

[Tim Thompson]

Additional detail:

- It seems to work well on macOS, but you'll need to use Chrome (since Safari doesn't support WebMIDI) as well as enable the IAC Driver to show MIDI ports.

     ...Tim...

[Mark Adams]

This is really cool, Tim!  It started right up on my MacBook Pro - looking forward to trying some of my favorite KeyKit recipes with it!  It just keeps getting better.  

Thanks!
-Mark

--
You received this message because you are subscribed to the Google Groups "KeyKit" group.
To unsubscribe from this group and stop receiving emails from it, send an email to keykit+un...@googlegroups.com.
To view this discussion visit https://groups.google.com/d/msgid/keykit/CAEPm1L0EU%2B69_C%3DXrE32pY8mS4YSWymd41_xR5UtrAim-M8aqw%40mail.gmail.com.

--

--
| R. Mark Adams, Ph.D.       |   "Information is light.      |
| Computational Biologist    |    Information in itself,     |
| http://www.epotential.com  |    about anything, is light." |
| rma...@epotential.com     |       - Tom Stoppard          |