Sample code:

  
<script src="https://surikov.github.io/webaudiofont/npm/dist/WebAudioFontPlayer.js"></script>
<script src="https://surikov.github.io/webaudiofontdata/sound/0000_SoundBlasterOld_sf2.js"></script>
<script type="module">
import LazyPlayer from 'https://unpkg.com/@roudanio/[email protected]/dist/lazy-player.js';
document.getElementById('loading').hidden = true;
document.getElementById('player').hidden = false;
document.getElementById('play-button').addEventListener('click', () => {
  LazyPlayer.startPlay('1+1+5+5+6+6+5+=4+4+3+3+2+/1+/7/2+/1+=', {
    beatsPerBar: 4,
    bpm: 100,
    basePitch: 52,
  });
});
document.getElementById('pause-button').addEventListener('click', () => {
  LazyPlayer.pause();
});
document.getElementById('resume-button').addEventListener('click', () => {
  LazyPlayer.resume();
});
</script>