Cross使用react.js淡化waveurfer.js webaudio的两个实例

Question

我正在寻找一种方法来在waveurfer.js的两个实例之间交叉淡化音频。

我有一个容器组件，它将mp3路径传递给waveurfer实例但是我想从容器组件中的同一个audioContext控制两个源（我想？）。

我查看了https://www.npmjs.com/package/crossfade但不确定如何获取每个wave实例的源节点并将其传递给父组件？

基本设置：

<container>
  <wave song="" />
  <wave song="" />

  <input type="range" ref="xfade">
</container>

然后我将组件设置为这样......

this.wavesurfer = Object.create(WaveSurfer);

this.wavesurfer.init({
  container: this.refs.wave
});

this.wavesurfer.load(this.props.song);

对不起基本代码信息，但我还有其他所有功能，我只是想找一些关于此功能的信息。