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 melodic = blip.loop()
        .tempo(120)
        .data([0.3, 0.4, 0.5, 0.6])
        .tick(function (t, d) {
        clip.play(t, {
            'rate': d
        });
    })


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