JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.rawgit.com/jshanley/blip/1a510ce42fb7c0894b5b8ea973ce953467b8ba64/blip.min.js"></script>
<button id="play">Play</button>
<button id="pause">Pause</button>

JavaScript

blip.sampleLoader()
    .samples({
    'uke': 'https://cdn.rawgit.com/jshanley/blip/1a510ce42fb7c0894b5b8ea973ce953467b8ba64/sounds/ukeC.wav'
})
    .done(loaded)
    .load();

function loaded() {

    var clip = blip.clip()
        .sample('uke');

    var rhythmic = blip.loop()
        .tempo(130)
        .data([1, 0, 1, 1, 0])
        .tick(function (t, d) {
        if (d) {
            clip.play(t)
        }
    });

    
    /* click events */
    document.getElementById('play').addEventListener('click', function () {
        rhythmic.start();
    });
    document.getElementById('pause').addEventListener('click', function () {
        rhythmic.stop();
    });
}