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

Question

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

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

问题是在开始播放之前必须加载整个音频文件。对于网络速度较慢的用户来说，这可能是个问题。我怎样才能实现音频的某些部分加载后立即开始播放的情况，有或没有 Howler.js?

Answer 1

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

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