javascript - 语音合成 API 阻塞主线程

Question

我正在使用语音合成 API 来发音不同单词的列表。我的应用程序在通过 Canvas 说出单词时将其动画化。我意识到当我说出新的话语时:

var msg = new SpeechSynthesisUtterance(word);
window.speechSynthesis.speak(msg);

口语似乎阻塞了主线程，暂时停止了动画。每次我调用 window.speechSynthesis.speak(); 时都会发生这种情况。

有没有办法让语音合成在 Javascript 的单独线程上运行，这样它就不会干扰我在主线程上的动画？

(我主要在 Chrome 中测试)

Answer 1

我会使用 setTimeout 来伪造一个异步调用:

var msg = new SpeechSynthesisUtterance(word);
setTimeout(function() { window.speechSynthesis.speak(msg); }, 1);

我必须承认我对此不确定。