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

时间:2013-10-30 17:19:24

标签: javascript jquery html5 css3 audio

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

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();
})

2 个答案:

答案 0 :(得分:1)

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

同时检查此demo它会显示如何创建切换播放&暂停按钮。

希望它有所帮助。

答案 1 :(得分:1)

为什么不检查这个Demo。希望它有所帮助:)