使用 seek 同步多个 HTML5 音轨答案

【问题标题】：Sync multiple HTML5 audio tracks with seek使用 seek 同步多个 HTML5 音轨
【发布时间】：2013-05-10 19:26:25
【问题描述】：

我正在尝试同时播放多个音频文件，并使它们保持同步。但是，如果我通过暂停和设置 currentTime 在歌曲中向前搜索，音频就会变得不同步。 currentTime 属性都是相同的，但声音完全不同步。

我也尝试在所有轨道上使用 MediaController，但也没有用。

有人知道如何在搜索后保持多个轨道同步吗？

【问题讨论】：

【解决方案1】：

如果您尝试使用元素进行同步，您将永远无法让它们同步。该 api 并非旨在处理精确的时间。精确同步音频缓冲区的最佳方法是使用 Web Audio API (https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.html)；然后，您可以同时精确地安排对多个音频缓冲区的 start() 调用，它们将被锁定。

依赖流式传输并期望同步是令人失望的秘诀。 :)

【讨论】：

我也对此进行了研究，但最大的缺点是使用 Web 音频 API 时，playbackRate 会改变音高，而 JS Audio() 元素则不会。此外，寻找和暂停成为真正的痛苦。我想如果它会导致更好的同步，我可以切换回它，但我确实需要playbackRate 才能工作。有没有办法两者兼得？