使用jQuery控制HTML5 <audio>元素

Question

我正在尝试使用jQuery来控制HTML5音频元素,但我不是JS的天才.我想要的是让玩家在页面加载时开始,我已经完成了,但是当点击播放按钮时,我想检查音频是否正在播放.如果单击时正在播放:停止音频.如果单击时没有播放:播放音频.

如果你能提供帮助,我们将不胜感激.

来源:http://www.julake.co.uk/media/loader.php？page = contact

非常感谢,

Answer 1

您应该使用单个播放/暂停切换按钮,您需要在其中检查音频是否暂停

var audioplayer = document.getElementById("audio-player");
$("#play-bt").click(function(){
    if (audioplayer.paused) {
       audioplayer.play();
    }   
    else {
       audioplayer.pause();
    }
    $(this).toggleClass('pause');  /* style your toggle button according to 
                                      the current state */
})