Using renderFunction to change waveColor, but it will be overwritten by progressColor.

[sunyayue]

Using renderFunction to change waveColor, but it will be overwritten by progressColor.

Can we add a configuration to turn off progressColor and keep it in the style initialized by renderFunction

Or do I have other ways to achieve this goal?

[katspaugh]

You could set the progressColor to transparent and add this CSS to hide the overlay completely:

::part(canvases) {
  clip-path: none !important;
}

See an example of CSS styling here: https://wavesurfer.xyz/examples/?styling.js

[sunyayue]

Thanks a million