javascript - 在 HTML 音频播放器中切换播放/暂停按钮

Question

我想要一个非常基本的音乐播放器，但是我现在有以下基本功能；

1) 如何在一个按钮中同时制作播放和暂停按钮？这首先显示为暂停，然后单击它切换播放，再次单击它切换暂停？

2) 另外有没有办法添加一个进度计数器？不是条，而是数字，即 0.3/4.0min

这是 fiddle :www.jsfiddle.net/tjHhY这里也是代码:

var audio = new Audio("http://dp0169.free.fr/Musique/Air/Air%20-%20Talkie%20Walkie/02%20Cherry%20Blossom%20Girl.mp3");

$(".play").click(function () {
    audio.play();
})

$(".pause").click(function () {
    audio.pause();
})

Answer 1

我建议您使用 JQueryUI。它有各种各样的小部件来创建干净的界面:)

同时检查这个 demo它展示了如何创建切换播放和暂停按钮。

希望对您有所帮助。