html - 有没有办法在html5中同步播放多个音频文件？

Question

我们在 session 室录音，那里有多个演讲者的对话。每个演讲者都有一个个人麦克风，每个麦克风的语音都被记录为一个单独的 channel (单独的音频文件)。

我们的目标是允许用户一次播放所有音频( channel )。我们最多可能有 12 个单独的文件。此外，我们需要用户能够控制每个流的音量(因此仅在后端合并文件不是解决方案)。

我们可以使用什么来实现这一目标？一次播放所有内容的幼稚解决方案可能行不通，因此我们想知道现代 html5 API 是否解决了此类挑战。

--- 更新以回答@Amdadan 的评论---

Why not? DId you try it? Are you worried about connection throughput, if you are streaming them? Are you worried about API restrictions?

是的，我们试过了。1) 当我们对所有文件调用“播放”时——它不会同时启动所有文件(它开始加载所有文件，一个加载速度更快，一个加载速度更慢，等等)。2) 当它已经在播放并且文件到达“缓冲”时间结束时 - 它也会停止而其他人继续播放。

我们尝试使用事件来处理这些情况，但我们没有成功 - 有很多情况需要处理。

Are you worried about size, if you load them all up before playing?

是的，我们是。文件可能有几个小时的长度 - 不能全部缓冲。

Are you worried about connection throughput, if you are streaming them? Are you worried about API restrictions?

不，我们使用连接到 s3 的 CloudFront - 吞吐量还可以，没有具体限制

---

先谢谢你， - jack

Answer 1

无论您选择什么，请确保轨道之间有 0 毫秒的延迟，因为这可能会产生相位问题和梳状滤波。 (对于非音频人员，这些问题听起来很糟糕)

WebM 似乎使用支持多轨的 Matroska。以下链接中的详细信息。

Multi Track Audio (and Video) HTML5

同时检查支持多轨播放的 Howler.js，我认为它最适合您的需求。

Howler.js on GitHub