在我的网站上播放 mp3 [关闭]答案

【问题标题】：Playing mp3 on my website [closed]在我的网站上播放 mp3 [关闭]
【发布时间】：2012-07-24 07:02:34
【问题描述】：

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

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

我应该怎么做？我真的不想嵌入播放器。

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

【问题讨论】：

标签： mp3 media-player

【解决方案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>

【讨论】：

【解决方案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

【讨论】：