使用 Howler.js 进行多重可视化

Question

我同时播放多首曲目，我想以音量计的形式独立显示每首曲目的音量。

我在 Howler 的 Master Gain 中进行了可视化，但我不确定如何将分析器连接到每个单独的轨道。

我目前有以下内容：

// Create analyzer
const analyser = Howler.ctx.createAnalyser();

// Connect master gain to analyzer
Howler.masterGain.connect(analyser);

// Connect analyzer to destination
analyser.connect(Howler.ctx.destination);

我想要的是以下内容：

let track1 = new Howl({
    src: ['track-1.mp3']
});

let track2 = new Howl({
    src: ['track-2.mp3']
});


// Create analyzer Track 1
const analyserTrack1 = Howler.ctx.createAnalyser();

// Connect Track 1 to analyser
track1.gain.connect(analyserTrack1);

// Create analyzer Track 2
const analyserTrack2 = Howler.ctx.createAnalyser();

// Connect Track 2 to analyser
track2.gain.connect(analyserTrack2);

我发现的所有示例都只是使用主增益的参考。任何帮助我指出正确方向的帮助将不胜感激。

Answer 1

有没有人设法找到将分析器连接到各个轨道的解决方案？ 我还需要为个别实例创建 vu-meters 任何帮助将不胜感激，谢谢