Отзывчивый голос: отображение Div после обнаружения конца аудио для воспроизведения

Question

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

Проблема заключается в следующем шаге показывает, прежде чем закончить воспроизведение звука. Например, я бы хотел, чтобы первый шаг не отображался до тех пор, пока не закончится воспроизведение #intro. Затем я хотел бы, чтобы #step1 воспроизводился и показывал #step2 после завершения аудио для #step1 и так далее. Большое спасибо за вашу помощь.

http://%20https://jsfiddle.net/kb02oLpu/

Answer 1

Вы должны использовать onend обратный вызов ( http://responsivevoice.org/text-to-speech-sdk/using-callbacks/), что-то вроде

  responsiveVoice.speak($('#step1').text(), 'UK English Male', {
        pitch: .7,
        onend: function() {
            $("#step1").hide();
            $("#step2").show();
        }
});