Implementing Movable Words with WaveSurfer.js

[farhadjaman]

I want to add a feature with wavesurfer.js in my react app where:

• Words are displayed above the waveform at specific time points.
• These words can be clicked and dragged to adjust their timing.
• The new timing of the words is reflected in the component's state.

[farhadjaman]

@katspaugh any idea please?

[katspaugh]

Sounds similar to https://wavesurfer.xyz/examples/?regions.js, perhaps you could customize the CSS of the regions to be above the waveform. See https://wavesurfer.xyz/examples/?styling.js for custom styling.