Добавить пользовательские события в аудио тег в HTML 5

Question

Я использую тэг Audio из HTML5 для отображения аудио на странице.

<audio preload="none" id="audioPlayer" controls>
<source src="test.mp3" type="audio/mpeg">
</audio>

Я хочу запускать пользовательские события при воспроизведении, паузе, завершении звука и через определенные интервалы аудио по мере его развития. Я попробовал все следующие методы, чтобы связать события с аудиоплеером, но не смог преуспеть.

Подход 1 -

var audio = document.getElementById("audioPlayer");

audio.addEventListener('pause', foo());

Подход 2 -

jQuery("#audioPlayer").bind('play', function () {

    alert("test");           
});

Подход 3 -

document.getElementById('audioPlayer').addEventListener('play', function () {

    alert("test");
});

Подход 4

var play_pause = document.getElementById('audioPlayer');
play_pause.addEventListener('play', function () {

    alert("test");
}, false);

Answer 1

Вы смотрели на использование Web Audio в качестве вашего API? это обеспечивает необходимую вам функциональность