1

我对 IE9+ 和 HTML5 音频标签有一个奇怪的问题。

看看这个网站：https ://www.phasetrax.de/artist/Chryso/album/42/lipstick-of-the-reddest-color

在 Firefox、Chrome 和 Safari 中，它工作正常，但在 IE9+ 中，我只是得到一个带有红色标志的黑色字段，用于音频元素。

我还检查了 OGG 源的 HTML 标头，对我来说它看起来不错。

curl -k -I https://www.phasetrax.de//cdn/song/323/lipstick-of-the-reddest-color.ogg
HTTP/1.1 200 OK
Server: nginx/1.2.0
Date: Sat, 30 Mar 2013 14:59:50 GMT
Content-Type: application/octet-stream
Connection: keep-alive
Status: 200 OK
Content-Disposition: attachment; filename="01_Lipstick_Of_The_Reddest_Color.ogg"
Content-Transfer-Encoding: binary
Cache-Control: private
X-UA-Compatible: IE=Edge,chrome=1

这是音频元素代码：

<audio controls autobuffer  id="pt_player_1">
<source class="mp3_src" src="https://www.phasetrax.de//cdn/song/323/lipstick-of-the-reddest-color.mp3">
<source class="ogg_src" src="https://www.phasetrax.de//cdn/song/323/lipstick-of-the-reddest-color.ogg">
  Your browser does not support the audio element. Get newest
  Firefox!
</audio>

负责提供 ogg 的应用程序是带有 Unicorn 和 NGINX 的 Rails。

也许，任何人都知道在这种情况下 IE 出了什么问题.. 或者更好地说，我做错了什么？

问候，亚历克斯

4

1 回答 1

0

我尝试使用不同的音频，它可以正常工作。我认为您的音频比特率与此有关。尝试 128kbps 44khz 单声道。您可以通过反复试验尝试其他组合。

我使用格式工厂进行这些音频转换。

于 2013-03-30T17:30:09.063 回答