如何防止Wavesurfer.js点击波形停止播放？

Question

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

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

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

Answer 1

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

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

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

如何防止Wavesurfer.js点击波形停止播放？

How to prevent Wavesurfer.js stopping playback with click on waveform?

javascript

wavesurfer.js