响应语音：检测到要播放的音频结束后显示Div

Question

我正在使用responsivevoice.js为模拟教程播放音频。我隐藏并根据学习者在四个步骤的过程中显示div。

问题是在音频播放完毕之前显示的下一步。例如，我希望在#intro完成播放之前不要渲染第一步。然后，我希望＃step1播放并在＃step1的音频完成后显示＃step2，依此类推。非常感谢你的帮助。

https://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();
        }
});