HTML网站中的MP3播放器

Question

我想在我的网站上插入一个简单的mp3播放器。这个Mp3播放器必须只有两个按钮（播放和暂停）。

我找到了这个网站：http://www.schillmania.com/projects/soundmanager2/，看起来不错，但我无法让它只显示这两个按钮。有人能帮我找到一种这样插入mp3播放器的方法吗？

- saomi

---

你已经尝试过什么了吗？在这个网站的“入门指南”下有关于安装MP3播放器的文档。 - George Reith

Answer 1

几个月前，我在研究如何在游戏中播放声音的主题，SoundManager是使用JavaScript播放音频的最简单的方法。

第一种方式：

如果您查看文档，您会发现 SoundManager拦截MP3链接的点击并内联播放它们。该脚本为链接分配附加的CSS类以指示它们的状态（播放/暂停等）。

<a href="/mp3/foo.mp3" title="Play sound" class="sm2_button">Play Link</a>

查看演示和更多信息

第二种方式

如果你想使用个性化的按钮而不是链接、图片或任何其他HTML元素，你可以使用onClick事件播放/暂停声音，例如：

加载声音：

<script>
soundManager.onready(function() {
   soundManager.createSound({id:'mySound1',url:'/audio/foo.mp3'});
"
});
</script>

按钮：

<button id="play" onclick="soundManager.play('mySound1');return false">Play Button</button>
<button id="pause" onclick="soundManager.pause('mySound1');return false">Pause Button</button>

您可以在API中找到更多关于IT技术的信息。

- Tomas Ramirez Sarduy

Answer 2

一般来说，播放音频文件有两种主要方法，一种是使用预制的Flash对象（如果您具备ActionScript技能，则可以自己制作），另一种是使用HTML5 音频标签 和JavaScript控件。如果您正在寻找Flash播放器，请尝试activeden，它有数千个小型播放器出售，希望能够满足您的需求。以下是如何将Flash对象插入页面。

- hackartist

---

HTML5音频标签的链接已更改。 - alex