Remove cursor on WaveSurfer.empty()

[aantusahaa]

I am using wavesurfer with the recorder plugin with renderRecordedAudio: true. I use the same instance to record multiple audio, preview them and clear the waveform by calling empty() once the user saves the recording.

When it is first initialized, it renders an empty UI.

While recording, I get something like this. You can notice the cursor being visible on the left side. But as it is not interactive it's fine I guess.

After all set and done I want to go back to the initial state (to the first image), for that I am calling empty() function. But it is still keeping the cursor and the UI is interactive.

Expected Behavior

If I am explicitly calling the empty() function, it should clear the entire canvas and remove the cursor and disable the interactivity because there is nothing to do in the waveform if it's empty.
Otherwise, we may have a new function called reset() that will bring everything to the initial state.

Alternate Consideration

• Use different instances for player and recorder
• Use setOptions() in different places to get the desired effect.
  But none of these seems intuitive solutions to me.

[katspaugh]

Make sense for empty() to remove interactivity and the cursor 👍. PRs are welcome!