javascript - 如何在阅读 TTS 消息后添加页面刷新功能

Question

我正在尝试在 TTS 结束通话后向我的应用程序添加页面刷新。应该很简单，我只是不太懂TTS。现在，我有一个启动 TTS 通话序列的 Keyup，然后是另一个刷新页面的 Keyup。但我也希望在演讲结束后立即进行刷新。

我已经尝试过这个:

window.speechSynthesis.speak(msg);
window.location.reload();

这显然只是在文本开始说话时重新加载。我也想过做这样的事情:

window.speechSynthesis.speak(msg).window.location.reload();

但这似乎不对。我确信它可能接近那个。注意:由于保密，以下不是我的完整代码。

var voice = speechSynthesis.getVoices();
speechSynthesis.getVoices().forEach(function(voice) {
  console.log(voice.name, voice.default ? voice.default
    :
    '');
});

msg.pitch = 1.1;
msg.volume = 1;
msg.rate = 0.65;
msg.voice = voices[5];
msg.lang = 'en-US';


window.speechSynthesis.speak(msg);
window.location.reload();


document.addEventListener('keyup', function(e) {
  if (e.keyCode == 82)
    window.location.reload();
})

我只想在说出消息后重新加载

Answer 1

您可以将函数附加到语音消息的 onend 事件。

这是一个简单的示例，它播放一条消息，然后重新加载页面。

var msg = new SpeechSynthesisUtterance();
msg.text = "Hello there";
msg.onend = function(what) { console.log('event details',what); window.location.reload(); }
window.speechSynthesis.speak(msg);