html 5 音频暂停和播放问题

Question

http://jsfiddle.net/BC2VC/

我构建了一个非常简单的音频播放器。它只是 background-image: 的 <button> 中的 .png，它使用 .toggleClass() 更改 .png 的背景位置，显示暂停按钮。

我使用了在 w3 参考中找到的 javascript 代码，这是一个将音频播放器播放和暂停事件链接到 <button> 的函数。

我有三个问题...

第一，我不知道如何让一个音轨在单击下一个时停止。我一次只希望播放一首曲目。

第二，如果您单击轨道一的播放按钮，它会切换到暂停按钮，但随后单击轨道二，轨道一和轨道二都会显示暂停按钮。当单击任何其他播放按钮时，我需要曲目一切换回播放按钮，一次只有一首曲目应显示暂停符号。

第三个问题是：上面 jsfiddle 链接中的代码可以在除 jsfiddle 之外的任何我测试过的地方播放音频。

这是在我的 Godaddy 服务器上使用相同代码的页面链接...

http://liveoilfree.com/wtrclrwtrclr/index3.html

Answer 1

1. 我建议使用一个 <audio> 对象并在用户按下播放另一首歌曲时更改其来源。
2. 使用 javascript for-loop 重置除活动按钮之外的所有播放按钮。

可能有帮助的链接： http://www.html5rocks.com/en/tutorials/webaudio/intro/