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

Posted 2023-02-25

【中文标题】响应式语音：检测到要播放的音频结束后显示一个 Div

【英文标题】：Responsive Voice: Showing a Div After Detecting End of Audio to be Played

【发布时间】：2016-11-21 00:15:55

【问题描述】：

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

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

https://jsfiddle.net/kb02oLpu/

【问题讨论】：

请将外部托管代码编辑到帖子中；这样做将确保即使链接断开，它仍然有用。我的脚本 is not allowed to do this 因为潜在的许可问题。

【参考方案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();
        
);

【讨论】：

这是更新的小提琴。您能否更新它，以便我更好地了解它是如何工作的？谢谢jsfiddle.net/kb02oLpu/1

@JeremyPerson 您可以使用this fiddle，如果此答案有助于解决您的问题，请将其选为已接受的答案并给予支持...

谢谢，如果对任何人有帮助，这是最后的小提琴。 jsfiddle.net/kb02oLpu/3