Legacy

<!-- Load UMD build -->
<script src="https://cdn.jsdelivr.net/npm/wavesurfer.js@7/dist/wavesurfer.min.js"></script>

<script>
  const link = document.currentScript; // or another logic to get the element you want
  const wavesurfer = WaveSurfer.create({
    container: '#waveform',
    waveColor: '#4F4A85',
    progressColor: '#383351',
    url: link.getAttribute('href'),
  });

  wavesurfer.on('interaction', () => {
    wavesurfer.play();
  });
</script>