在我的网站上播放mp3

Question

所以我想知道在我的网站上播放mp3的最佳方式是......

我希望它能够运行并且像itunes方法一样 - 一个简单的播放和停止按钮。像这样：

我该怎么做？我真的不想嵌入一名球员。

感谢您的帮助！ 添加到书签

Answer 1

最简单的方法是使用：

<embed height="50px" width="100px" src="song.mp3" /> 

但在大多数情况下，这也会显示一个可见的球员。

另一种方法是使用HTML5中的音频标签（旧浏览器不支持）：

<audio id="audio">
    <source src="song.ogg" type="audio/ogg" />
    <source src="song.mp3" type="audio/mp3" />
</audio>

（这里使用2个来源，因为大多数浏览器都支持ogg或mp3。但通常不支持两者）

显示的标签将在您的页面上生成可控（不可见）音频元素。 然后，您可以使用JavaScript通过自定义按钮控制音频元素，例如：

<button onClick="document.getElementById('audio').play()">Play</button>
<button onClick="document.getElementById('audio').pause()">Pause</button>

Answer 2

你提到 - 简单的播放和停止按钮，但HTML5有暂停和播放按钮。试一试。

<audio controls="controls">
<source src="song.ogg" type="audio/ogg" />
<source src="song.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>

不使用嵌入式播放器，这对整个播放器编码非常困难。看看
Jplayer