Wavesurfer 如何在加载真实峰值之前加载一些假峰值

如何解决Wavesurfer 如何在加载真实峰值之前加载一些假峰值

假设我们有一个像这样的 wavesurfer-js 播放器：

wavesurfer = WaveSurfer.create({
   container: document.querySelector('#lovelyContainer'),backend: 'MediaElement',// ... and other configs here ...
});

peaksGenerated = false;
wavesurfer.load(url);
wavesurfer.drawBuffer();


wavesurfer.on('ready',() => {
   // audio is ready to play   
   wavesurfer.playPause();
});


wavesurfer.on('waveform-ready',() => {
  // waveform is generated
  peaksGenerated = true;
});

此代码将在 ready 事件上播放音频，然后在生成 PCM 数据（峰值数组）时在 waveform-ready 上绘制峰值。在这一刻，我们向玩家挥手致意。
但是这里有一个问题。有时 ready 和 waveform-ready 之间会有差距。正在播放音频，但尚未生成 PCM 数据，视图中也没有波形显示。

我正在尝试做什么：
我需要在 ready 上显示假峰，然后用 waveform-ready 上生成的峰更新它们。我该怎么做？