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 monotonous = blip.loop()
        .tempo(110)
        .tick(function (t) {
        clip.play(t)
    });



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