JSFiddle - React, Tailwind, and code Playground

Wavesurfer web audio filters (still working in v1.1.0)

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/1.1.0/wavesurfer.min.js"></script>
<!-- main wavesurfer.js lib -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/1.0.57/wavesurfer.min.js"></script>

<div id="waveform"></div>

<div style="text-align: center">
  <button class="btn btn-primary" onclick="wavesurfer.playPause()">
    <i class="glyphicon glyphicon-play"></i>
    Play
  </button>
</div>

JavaScript

var wavesurfer = WaveSurfer.create({
  container: '#waveform',
  waveColor: 'red',
  progressColor: 'purple',
  backend: 'MediaElement',
});

wavesurfer.load('https://audiohosting.clientveb.net/mp3files/1542799217983ADELE%20-%20Rolling%20in%20the%20Deep%20www.my-free-mp3.net%20.mp3');