有没有办法在 Howler.js 中查看音频下载的进度？答案

【问题标题】：Is there a way to see the progress of an audio download in Howler.js?有没有办法在 Howler.js 中查看音频下载的进度？
【发布时间】：2021-02-27 08:10:53
【问题描述】：

我正在使用 howler.js 在我的网站上播放音频，但由于我是通过直接链接下载音频，因此加载时间会有所不同，具体取决于音频的长度。我想知道是否有一种方法可以查看已下载了多少文件并将其显示给用户，以便他们知道完成加载所需的大致时间。下面显示了我如何下载音频的示例。

   lvlHowlWEB[eps] = new Howl({

      src:["https://dl.dropboxusercontent.com/s/hb7gw9zqvdptdzq/Potat2k18.mp3?dl=0"],
      html5: false,

   });

（注意：音频在完全加载之前不会开始播放。我只是想看看是否有办法查看完全下载需要多长时间）

任何帮助将不胜感激！

【问题讨论】：

对下面的答案有帮助吗？

标签： javascript html web-audio-api howler.js

【解决方案1】：

您可以考虑使用 ServiceWorker 来拦截 HTTP 请求并在下载时显示进度更新。 https://fetch-progress.anthum.com/

或者，您可以使用fetch() 并显示下载进度，然后将下载的数据转换为Blob 的URL.createObjectURL()，然后可用于Howler 的src 属性。

【讨论】：