Vertical

How to enable vertical rendering


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;
}

Fork me on GitHub