window.speechSynthesis 的 JavaScript 代码不适用于本地主机

如何解决window.speechSynthesis 的 JavaScript 代码不适用于本地主机

以下代码在 Chrome DevTools 中运行良好，但是当我通过 localhost allVoices 运行它时返回一个空数组。

tts = window.speechSynthesis

// from here code only works if put into DevTools,not from file or localhost
allVoices = tts.getVoices()

console.log(allVoices) // gives empty array

我做错了什么？

解决方法

在 Chrome 中 getVoices() 返回空，然后当声音准备好时有一个事件 onvoiceschanged，它接受一个回调。

您的命令在 DevTools 中有效，因为当您输入“allVoices = tts.getVoices()”时，语音已经到达并且可用。

但是其他浏览器例如Safari 同步返回语音，无需回调。

因此最好的代码似乎是：

let voices = speechSynthesis.getVoices();
  if (voices.length) {
    resolve(voices);
    return;
  }
  speechSynthesis.onvoiceschanged = () => {
    voices = speechSynthesis.getVoices();
    if (voices.length) resolve(voices);
  };