0

http://jsfiddle.net/BC2VC/

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

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

我有三个问题...

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

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

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

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

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

4

1 回答 1

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

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

于 2013-06-18T20:05:14.307 回答