Simply set the vertical
option to true
.
var wavesurfer = WaveSurfer.create({
container: document.querySelector('#wave'),
vertical: true
});
You probably want to set an explicit height
and use display: flex
on the container to ensure that the wave expands vertically:
#waveform {
display: flex;
height: 400px;
}