mp3 - 在我的网站上播放 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