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