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

Toggle Play / Pause Buttons in HTML Audio Player

本文关键字：播放 暂停 按钮 HTML 音频 播放器      更新时间：2023-09-26

我正在寻找一个非常基本的音乐播放器，但是我现在有以下基础知识;

1）如何将"播放"和"暂停"按钮合二为一？首先显示为暂停，然后单击它切换播放，再次单击它切换暂停？

2）还有添加进度计数器吗？不是条形，而是数字，即 0.3/4.0分钟

这是小提琴：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();
})

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

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

希望对您有所帮助。

你为什么不检查这个演示。希望对:)有所帮助

相关文章：