響應聲音：檢測到要播放的音頻結束後顯示Div

我正在使用responsivevoice.js播放模擬教程的音頻。我根據學習者在四個步驟中的位置隱藏和顯示div。響應聲音：檢測到要播放的音頻結束後顯示Div

問題是音頻播放完之前下一步顯示。例如，我希望第一步不要渲染，直到#intro完成播放。然後，我會喜歡＃step1播放並在＃step1的音頻完成後顯示＃step2，等等。非常感謝你的協助。

2016-11-21 Jeremy Person

您應該使用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(); 
     } 
});

來源

2016-11-21 00:40:36 br3t

這裏是更新的小提琴。你能否更新它，以便我可以更好地瞭解它將如何工作？謝謝 https://jsfiddle.net/kb02oLpu/1/ –

@JeremyPerson你可以使用[this fiddle]（https://jsfiddle.net/ehsant/kb02oLpu/2/），並且如果這個答案有助於解決您的問題，請選擇它作爲接受的答案，並給它一個upvote ... – EhsanT

謝謝，如果這對任何人都有幫助，這裏是最後一個小提琴。 https://jsfiddle.net/kb02oLpu/3/ –

響應聲音：檢測到要播放的音頻結束後顯示Div

回答

相關問題