HTML网站中的mp3播放器

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>

查看演示和更多信息

第二种方式

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