如何使用 Javascript 将多个音频文件附加到当前正在播放的音频中？

Question

我有一个从服务器播放歌曲的程序。为了提高效率，我将服务器上的音频文件拆分为多个片段，然后使用 Ajax 作为 base64 编码将它们发送到客户端。 HTML5 原生音频播放器播放 base64 音频片段，但在播放下一个音频片段时，它会暂停一点然后播放。检索到的片段存储在 IndexedDB 中以便快速访问，但它仍然会导致播放暂停。如何使程序更高效以及修复切换段之间发生的音频暂停。

有没有其他方法可以使用 Javascript 将音频文件附加到当前正在播放的音频源中而不会有任何暂停？

Answer 1

Media Source Extensions API 可以做到这一点，但请注意，您只是在重新发明 Range requests 和缓存，这正是浏览器已经为获取媒体所做的，但它们做得更好，因为它们没有增加 base64 的开销在上面。

所以“另一种方式”是配置您的服务器以接受 Range 请求，在单个文件中尽可能基本地提供您的文件，并让浏览器完成其工作。