html5 audio not playing in chrome

Question

我有一个非常简单的网站,其中包含html5视频和html5音频,可通过两个简单的按钮启动和关闭.音频在Safari中都可以很好地工作,但在Chrome中不起作用.

我的网站是www.rossfraser.co(不是.com)

我的音频代码是这样的:

<div align="center">
<audio>
  <source src="audio/site-jingle.mp3" type="audio/mpeg">
</audio>
</div>

<audio id="player" src="audio/site-jingle.mp3" type="audio/mpeg" loop></audio>
<div style="text-align:center">
    <button onclick="document.getElementById('player').play()">JINGLE</button>
    <button onclick="document.getElementById('player').pause()">NO JINGLE</button>
</div>

任何帮助将不胜感激.谢谢!

Answer 1

我在 Ubuntu 12.04 上遇到了同样的问题（无法在 mac/win 上尝试）

我通过切换到 ogg 解决了这个问题，它在 firefox 和 chrome 上都能完美运行。

我尝试用不同的比特率、单立体声、质量选项来播放 mp3，但没有机会:(

在我看来，问题是由编解码器问题引起的。对我来说这也解释了为什么 Firefox 一直坚持不使用 mp3。