^{Originally posted by davidmluque February 22, 2024}
Hello,

Less than a year ago I created a player for my company using wavesurfer 6.6.3. It looks like this:

We are in the process of upgrading the application using new components and more updated versions of the libraries. The problem is that I have jumped to version 7 of wavesurfer, and the overlay option has disappeared, which converted two waves into one, but respecting the colors, which allowed me to separate the speakers so that it was clear when the agent was speaking and when the client was speaking.

This is how i created the wavesurfer (using VUE)

this.wavesurfer = WaveSurfer.create({
    container: "#waveform",
    backend: 'MediaElement',                
    barWidth: 4,
    barHeight: 0.8,
    barMinHeight: 0,    
    splitChannels: true,                     
    splitChannelsOptions: {
        overlay: true,
        channelColors: {
            0: {progressColor:'#7D7D7D', waveColor:'#000'},
            1: {progressColor:'#7D7D7D', waveColor:'#000'},
        },
    },
    plugins: [ markersPlugin, cursor, timeline,regions ]
})

Is there any way to replicate this with wavesurfer version 7?