HTML5 音频标签可以播放，但控件无法按预期工作

Question

因此，音频标签可以正常工作并播放音频，但搜索/导航不起作用。它不随音频一起传播，您无法在播放器中搜索/导航。1 分 23 秒的音频剪辑如下所示：

此外，当播放器完成时，时间/持续时间就会关闭。我不知道还能怎么解释。这是它之后的样子：

这是播放器的代码：

<audio controls preload="auto">
    <source src="https://third.party.com/file.mp3" type="audio/mpeg">
</audio>

我<audio>以前从未真正使用过该标签，所以也许我遗漏了一些细微差别，但它看起来非常简单。我错过了什么吗？

---

编辑- 更多详细信息

我添加了一个JSFiddle。此外，这种情况似乎发生在较长的音频剪辑中，因此这可能与带宽有关。当剪辑的长度为几秒（< 10 秒）时，大多数情况下似乎都能正常工作。

Answer 1

我也遇到了这个。这是 Twilio mp3。这似乎是 Twilio 的 mp3 文件格式或响应标头的问题。mp3 被识别为流。这也可能是故意的。

一个简单的修复 - 只需切换到wav文件的版本即可。使用“.wav”作为扩展名（或者将其保留，默认为 wav）。

<audio controls preload="auto">
  <source src="https://api.twilio.com/<account>/Recordings/<recording>.wav">
</audio>

这是一个JSFiddle