html - 在 HTML 中播放音频

Question

我想播放 HTML 格式的 mp3 音频文件。我不想用音量等控件显示整个播放器。我只需要一个播放/暂停按钮，由我设计，而不是某些播放器的核心设计，例如雅虎播放器或谷歌播放器。

例如，音频将自动播放。单击按钮(可能是图像)时，它将暂停，再次单击该图像时，音频将再次播放。

这里的例子很少:http://www.w3schools.com/html/html_sounds.asp

我可以通过 JS 代码控制它们中的任何一个播放/停止吗？

Answer 1

您可以使用 html5 audio tag .您可以指定自己的播放控件。

<audio preload="auto" autobuffer> 
  <source src="elvis.mp3" />
  <source src="elvis.wav" /> <!-- fallback if no mp3 support in browser -->
</audio>

这是一个 jQuery 解决方案。

http://jsfiddle.net/QPW27/109/

这就是您的非 jQuery 解决方案的样子。

var foo = document.getElementById('player');
foo.pause();  //just bind play/pause to some onclick events on your page
foo.play();

不同的浏览器支持不同的音频格式。不过，您可以指定后备音频版本。这个网站有一个不错的chart of browser support截至 2011 年 7 月。