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>
JavaScript
blip.sampleLoader()
.samples({
'bassdrum': 'https://cdn.rawgit.com/jshanley/blip/5f86338fa7c2b3e0abd386f49c1d101b88c570dd/sounds/bassdrum.wav'
})
.done(loaded)
.load();
function loaded() {
var bassDrum = blip.clip()
.sample('bassdrum');
/* click events */
document.getElementById('play').addEventListener('click', function () {
// play the clip immediately
bassDrum.play(0);
// play the clip again in 5 seconds
bassDrum.play(5);
});
}