如何使用Javascript同时加载和播放音频文件

Question

就像您可以在加载部分内容后立即开始播放 YouTube 视频一样，我希望能够播放音频文件。我正在使用 Howler.js。

var song = new Howl({
  src: mySrc,
  volume: myVol
});

问题是必须在开始播放之前加载整个音频文件。对于网络速度较慢的用户来说，这可能是一个问题。如何实现音频立即开始播放的情况，无论是否加载了 Howler.js 的某些部分？

Answer 1

Howler.js 默认使用 Web Audio API，它必须在开始播放之前通过 XHR 下载完整的音频文件。但是，如果您强制使用 HTML5 音频，它会尽快开始播放，即使已下载完整文件：

var song = new Howl({
  src: mySrc,
  volume: myVol,
  html5: true
});