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