silent.js

import WaveSurfer from 'wavesurfer.js'
import WebAudioPlayer from 'wavesurfer.js/dist/webaudio.js'

const audio = new WebAudioPlayer()
audio.src = '/examples/audio/demo.wav'

audio.addEventListener('canplay', () => {
  const wavesurfer = WaveSurfer.create({
    container: document.body,
    waveColor: 'rgb(200, 0, 200)',
    progressColor: 'rgb(100, 0, 100)',
    peaks: audio.getChannelData(),
    duration: audio.duration,
  })

  wavesurfer.on('click', () => {
    wavesurfer.play()
  })
})