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