如何防止 Wavesurfer.js 通过单击波形停止播放？

Question

我有一个 wavesurfer 播放器 ( https://wavesurfer-js.org/ ) 与（一个工作）播放/暂停按钮和波形。 目标：如果播放器正在运行，单击波形会继续从新的 position 播放。 现在，单击正在运行的播放器的波形会导致播放器暂停。 进度被正确地移动到新的 position 并且点击播放按钮从那里开始播放。 我可以捕获（wavesurfer 未记录的）点击事件

myWaveSurfer.drawer.on('click', e => {
      myWaveSurfer.play();
    });

但这似乎并不能解决问题。 我已经尝试过e.preventDefault() 。 非常感谢任何想法。

Answer 1

我的猜测是这与版本 4.2 中引入的错误有关（ Github 上的问题）。 4.4 版应该包含一个修复程序，所以我建议更新或恢复到 4.1。

如果更新不是一个选项，即使isPlaying()已经返回 true，简单地调用seek事件上的play()似乎也有效。 感觉有点老套，因为这不是预期的行为，但这是一个例子：

wavesurfer.on('seek', () => {
  if (wavesurfer.isPlaying()) {
    wavesurfer.play();
  }
});