如何在 javascript 中获取视频标签的音频 output 音量

Question

我不想获取用户为视频设置的音量，我想获取视频音频的总音量。 有人可以告诉我该怎么做吗？ 我想这样做是因为我想用彩色边框突出显示具有最高音频 output 的视频。

Answer 1

我认为您的意思是您想要获取每个视频的音频电平，类似于音轨的 VU 表或视频会议中谁说话声音最大的指示。

如果是这样，那么您很可能需要一个 AnalyserNode ( https://developer.mozilla.org/en-US/docs/Web/API/AnalyserNode )：

[An AnalyserNode] 是一个 AudioNode，它将音频 stream 从输入不变地传递到 output，但允许您获取生成的数据、处理它并创建音频可视化。

这里有一个很好的概述如何使用它：

• https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API

还有一个名为“Voice-change-o-matic”的工作演示 - 它使用麦克风作为音频源，但您可以根据需要对其进行修改：

• https://mdn.github.io/voice-change-o-matic/