Using the ResidentSf2Synth on other websites

[notator]

The ResidentSf2Synth can be used on any website: Just copy it together with the WebMIDI folder and any soundFonts that are needed to the site, then:

1. load the soundFont of choice
2. call ResidentSf2Synth.setSoundFont(soundfont)
3. maybe add the ResidentSf2Synth to a synth selector containing hardware synths provided by the browser's implementation of the Web MIDI API
4. send midi messages to the ResidentSf2Synth in the same way as for any other synth

The file host.js demonstrates how to do this in detail. (This host actually caches soundFonts, which is not something most apps need to do...) See also the SimpleSoundFontSynthHost project.