Update wavesurfer's progress when progress changed using HTML controls

Description:

When using WaveSurfer with backend MediaElement, the progress is not updated when audio is paused and user changed the progress using HTML controls.

Expected behaviour:

When using MediaElement and the audio (or video) is paused and the user changes progress using HTML controls, the wavesurfer should update it’s own progress.

Wavesurfer.js version(s):

2.1.1

Browser version(s):

Chrome v71

Code needed to reproduce the issue:

var ws = WaveSurfer.create({
  container: '#waveform',
  backend: 'MediaElement',
  mediaType: 'audio',
  mediaControls: true,
});

ws.load(document.querySelector('audio'));

https://codepen.io/michalszorad/pen/WLxqJv

Use behaviour needed to reproduce the issue:

Go to codepen link, change the progress using HTML controls and see that the wavesurfer’s progress has not updated.

[msakrejda]

Sorry, I misspoke: by “histogram” I meant the waveform visualization. This does seem to work.

[thijstriemstra]

@uhoh-itsmaciek can you give #1631 a try?