Support for Markers?

[sujitsagar]

No description provided.

[ShiiRochi]

Any description about the matter or a link?

[sujitsagar]

Sorry for not adding this earlier.

Wavesurfer now has Markers support in the waveform. Can you add wrapper to it?

https://wavesurfer-js.org/example/markers/index.html

[ShiiRochi]

@sujitsagar, as far as I can see, WaveSurfer.markers part is passed into plugins field, thus, consider it as an internal plugin of WaveSurfer. Try to pass it into wavesurfer-react's plugins field like so:

const plugins = [
  {
    plugin: WaveSurfer.markers,
    options: {
      markers: [
        {
          time: 5.5,
          label: "V1",
          color: '#ff990a'
        },
        {
          time: 10,
          label: "V2",
          color: '#00ffcc',
          position: 'top'
        }
      ]
    }
  },
  // some other stuff
];

Inside WaveSurfer container this plugin will be created in the following way (this is a simplified example) plugin[0].create(plugin[0].options), i.e. it is the same as WaveSurfer.markers.create(options).

Please, reply after trying out. If it works, then this issue can be closed.

[sujitsagar]

That's awesome. It worked, ShiiRochi.

Thank you so much. Closing this issue.