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

编程问答 2022-05-24

问题描述

假设我们有一个像这样的 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 上生成的峰更新它们。我该怎么做？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angularangularjavascriptwavesurfer.js