Использование 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 */
})

Answer 2

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

Answer 3

Если вы хотите использовать селектор jquery или уже имеете селектор jquery, вы можете добавить [0], чтобы получить нативный элемент dom.

Так что пример, который фактически использует jquery, будет.

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