html 5音频暂停和播放问题

Question

http://jsfiddle.net/BC2VC/

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

我使用了在w3引用中找到的javascript代码，该代码是将音频播放器播放和暂停事件链接到{{1}}的函数。

我有三个问题......

一，我无法弄清楚当点击下一个音轨时如何让一个音轨停止。我一次只想要一首曲目才能玩。

二，如果单击轨道1的播放按钮，它会切换到应该的暂停按钮，但是然后单击轨道2，轨道一和二将显示暂停按钮。当点击任何其他播放按钮时，我需要跟踪一个切换回播放按钮，一次只有一个曲目应该显示暂停符号。

第三个问题是：上面jsfiddle链接中的代码用于播放我测试过的音频，除了jsfiddle。

这是指向我的godaddy服务器上使用相同确切代码的页面的链接...

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

Answer 1

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

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