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

【问题标题】：How to load and play an audio file simultaneously using Javascript如何使用 Javascript 同时加载和播放音频文件
【发布时间】：2017-09-13 18:32:12
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：