使用jQuery来控制HTML5 <audio>元素

我试图用jQuery来控制HTML5音频元素，但我不是JS的天才。我想要的是播放器开始加载页面，我已经完成了，但是当单击播放按钮时，我想检查音频是否正在播放。如果点击时播放：停止播放音频。如果点击时没有播放：播放音频。使用jQuery来控制HTML5 <audio>元素

如果你能帮助，它将不胜感激。

这里来源：http://www.julake.co.uk/media/loader.php?page=contact

非常感谢，

来源

2012-03-06 futureslay

你应该如果您希望使用jQuery选择或者使用中，你需要检查你的音频暂停一个播放/暂停切换按钮或不

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 */ 
})

来源

2012-03-06 08:16:16 fcalderan

非常感谢，那就是我的追求。你太棒了！ – futureslay 2012-03-06 08:29:14

如何使用jQuery懒惰？它在那里被使用，为什么人们不能使用它？ – Banny 2013-04-12 09:53:18

var audio = new Audio("http://www.w3schools.com/html5/song.ogg"); //or you can get it with getelementbyid 

audio.addEventListener('canplay', function() { 
//code, when audio can play 
audio.play(); //this function will start the music 
})

与audio.play（）函数，你可以启动它。你不需要JQuery的

来源

2012-03-06 08:16:06

你知道如何在结束时播放另一首歌吗？ – RicardoE 2014-04-04 06:41:29

已经有一个jQuery选择器，你可以添加[0]来获取本地dom元素。

因此，一个实际使用jQuery的例子是。

$('audio')[0].pause()

来源

2017-08-09 12:40:46

使用jQuery来控制HTML5 <audio>元素

回答

相关问题