Как выполнить JS код после воспроизведения видео?

Question

[coderiter]

Доброй ночи! Прошу помощи. Есть код:

function playAudio(pathToAudio){
        let sound = new Audio();
        sound.src = pathToAudio;
        sound.autoplay = true;
}


let pathToAudio = ... //путь к mp3

$('#audio-icon').removeClass('hidden'); //показываем значок звука
playAudio(pathToAudio); // запускаем воспроизведение
$('#audio-icon').addClass('hidden'); // скрываем значок звука

showNextLine(exerciseId); // эта функция должна выполняться после того, как воспроизведение аудио завершено

Вопрос: как сделать таким образом, чтобы функция showNextLine ждала завершения проигрывания звука? Пробовал написать через callback`и, не получилось.

Answer 1

[Stalker_RED]

ended Отправляется, когда воспроизведение завершено.

https://developer.mozilla.org/ru/docs/Web/Guide/Ev...

Comments

[coderiter]

Отлично, сработало. До этого пробовал через audio.onended (видел где-то в сети), не работало.

Рабочий код:

$(sound).on('ended', function () {
            showNextLine(exerciseId);
            $('#audio-icon').addClass('hidden');
        })