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

Question

我追求的是一个非常基本的音乐播放器，但是我现在有以下基础工作；

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

2）还有无论如何要添加进度计数器吗？不是条形图，而是数字，即 0.3/4.0min

这是小提琴：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

Why don't you check this Demo. Hope it helps :)

Answer 2

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

另请查看此演示，它显示了如何创建切换播放和暂停按钮。

希望能帮助到你。