angular – WaveSurfer JS – How to reload/redraw wave with setOptions?

On the previous version of WaveSurfer, to rerender we are using

this.wave.drawBuffer();

As per the latest version

import WaveSurfer from 'wavesurfer.js';
import RegionsPlugin from 'wavesurfer.js/dist/plugins/regions.esm.js';

 this.wave = WaveSurfer.create({
        container: '#waveform',
        ......,
        plugins: [RegionsPlugin.create()]
 });

 this.wave.setOptions(...);

Now I am using latest version for same.

wavesurfer.xyz/docs/#md:removed-methods

I have made changes on RegionsPlugin, via getting the child & once I inspect it is showing, but not rendering in UI.

I tried using this.wave.setOption(), but it’s not rendering changes in UI.

Read more here: Source link