Question

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

我发现了这个：http://www.schillmania.com/projects/soundmanager2/它看起来不错，但我无法让它有这两个按钮。任何人都可以帮我找到以这种方式插入MP3播放器的方法吗？

Answer 1

几个月前我在游戏中播放有关该主题的研究，而SoundManager是使用JavaScript播放音频的更简单方法。

第一种方式：

如果您转到文档，您会看到 SoundManager拦截点击MP3链接并以内嵌方式播放。该脚本为链接分配其他CSS类以指示其状态（播放/暂停等）

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

检查demo and more info

第二种方式

如果您想使用个性化按钮而不是链接，图像或任何其他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

上找到更多信息

Answer 2

一般来说，要播放音频文件，有两种主要方法可以使用预制的Flash对象（如果你有动作技巧，可以自己动手）或使用HTML5 audio tag和javascript控件。如果您正在寻找一个Flash播放器，请尝试activeden，其中有1000个小型播放器可供出售，希望能够满足您的需求。您可以insert a flash object进入自己的页面。

HTML网站中的mp3播放器

2 个答案:

第一种方式：

第二种方式