响应语音：检测到要播放的音频结束后显示 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();
        }
});