響應聲音：檢測到要播放的音頻結束後顯示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(); 
     } 
});