Make WebMIDICon remember last selected MIDI output

[dtinth]

trafficstars

If I have multiple MIDI outputs, when I start WebMIDICon, it always select the first available output.

In this example screenshot I have two MIDI outputs:

1. Network Network Jam
2. IAC Driver Bus 1

Network Network Jam is selected by default because it is the first available one.

Current behavior

When I select IAC Driver Bus 1 and hit “Refresh” the selection reverts to Network Network Jam.

Expected behavior

When I select a MIDI output device, and hit “Refresh”, WebMIDICon should remember the selection. Use localStorage to remember the selection.

PR requirements

Please test your PR, include a screenshot a video to confirm that it is working.

Useful resources

• WebMIDICon documentation — https://docs.dt.in.th/webmidicon/index.html
• Vite.js — https://vitejs.dev/
• MobX — https://mobx.js.org/README.html

If you need virtual MIDI devices, you can use these:

• Windows — https://www.nerds.de/en/loopbe30.html
• Mac — https://support.apple.com/guide/audio-midi-setup/transfer-midi-information-between-apps-ams1013/mac