Safari音频文件持续时间=无限–如何解决？

Question

我有以下问题使我发疯：

我在网页上播放音频文件：

<audio ref="audio" preload="metadata" class="AudioPlayer__audio">
  <source src="file" type="audio/mp3" codecs="mp3">
  <p>Your browser doesn't support HTML5 audio. Here is a <a href="file.mp3">link to the audio</a> instead.</p>
</audio>

我建立了一个自定义时间轴，该时间轴需要知道文件的持续时间。 现在可以正常工作，除非我部署它。

在我的遥控器上，音频文件的持续时间为infinity。 显然，以及我在其他线程中的读取方式是由于Safari发出了两个请求： 第一个只是试图获取一些字节。 Range: bytes=0-1 该请求失败。 之后，Safari发出另一个请求，尝试获取不包含范围内容的文件，该请求成功，但是音频持续时间为infinity。

我读了一些有关Headers的文章，并且必须允许范围，但是我对Headers以及如何解决此特定问题的了解并不多。

在这里您可以看到请求和响应。 在我看来，该范围是允许的，因为我看到： Accept-Ranges: bytes

我还缺少什么，我还要如何更改这些标头？ 响应标题可能需要对我的netlify设置进行一些更改， 但是我的请求标头呢？这甚至是问题吗？ 我没有真正的线索可以调试该问题。

感谢任何指针。

欢呼