如何从<audio>元素获取缓冲区？

Question

我想要使用一个名为react-waveform的软件包，它将采用buffer对象并显示可视化。

<Waveform buffer={buffer} width={720} color="cadetblue" />

问题是，我需要从现有的<audio>元素中获取缓冲区。就我而言：

const audio = document.createElement('audio');

audio.src = '/link/to/mp3';
audio.controls = true;
audio.addEventListener('loadeddata', function () {
  const context = new (window.AudioContext || window.webkitAudioContext)();
  // source = MediaElementAudioSourceNode
  const source = context.createMediaElementSource(audio);

  // ???
});

Web Audio API文档非常庞大，而且我一直在经历但是没有运气弄清楚如何获取<audio>元素的缓冲区对象。任何帮助将不胜感激！