Waveforms Inside Wavesurfer Track

[kakashy]

Thank you for an amazing library,

I am looking into having multiple waveforms presented visually, in sequence, on the same Wavesurfer track. I have illustrated this below:

What's the easiest way to implement this? Would I need a plugin for this?

[katspaugh]

The easiest would be to position 3 wavesurfer containers next to each other with CSS and write some JS to sequentially play them, something like this:

const wavesurfers = [
  WaveSurfer.create({ ... }),
  WaveSurfer.create({ ... }),
  WaveSurfer.create({ ... })
]

wavesurfers.reduce((prev, next) => {
  prev.on('finish', () => next.play()
  return next
})