Как определить, что аудио закончило воспроизведение на веб-странице?

Question

В моем проекте мне нужно встроить аудио (например, mp3 и т. Д.) В веб-страницу.Когда пользователь заходит на страницу, звук начинает воспроизводиться.Когда аудио закончится, появится вопросник (поля формы), на который пользователь сможет ответить.

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

Я знаю, что один из способов проверки - это определить длину звука, затем я могу установить таймер для отображения вопросника, но я надеюсь, что jquery имеет какой-то обработчик событий, который позволяетмне сделать это.

Я вижу, что у jquery есть много аудио плагинов, и я не могу быть уверен, что будет делать то, что я хочу: http://plugins.jquery.com/plugin-tags/audio

Любые идеи очень ценятся

Спасибо.

Answer 1

Если вы используете звуковой тег html5, есть обработчик события «onended».Я пока не знаю, поддерживают ли его браузеры.

Что-то вроде:

<audio src="xpto.mp3" onended="DoSomething();"></audio>

В последнем случае вы можете использовать SWF, который может воспроизводить звук, и предупреждать ваш JavaScript, когдаоно достигает конца.

Answer 2

Вы также можете добавить прослушиватель событий jQuery следующим образом:

$("audio").on("ended", function() {
    console.log("All Done!");
});