说出数组中的单词答案

【问题标题】：Speaking words in an array说出数组中的单词
【发布时间】：2016-07-01 07:19:09
【问题描述】：

我想使用Web Speech API 大声说出一系列单词。

单词是一、二、三、四、五。

在Chrome上说单词时，下面的脚本说第一个单词然后重复最后一个单词直到迭代完成，语音输出为：

一、五、五、五、五。

在 Firefox 上，脚本说出第一个单词然后停止，语音输出为：

一个。

我已经在控制台记录了一些东西，试图弄清楚发生了什么，这是两个浏览器的结果。

word: one
message: one 
word: two 
message: two 
word: three 
message: three 
word: four 
message: four 
word: five 
message: five

控制台的输出是所需的语音输出，所以我不确定到底发生了什么。

var msg = new SpeechSynthesisUtterance();
var words = ['one', 'two', 'three', 'four', 'five'];

for (var i = 0; i < words.length; i++) {
    msg.text = words[i];

    console.log('word: ' + words[i]);
    console.log('message: ' + msg.text);

    window.speechSynthesis.speak(msg);
}

这可能是什么原因造成的，我该如何纠正它？

【问题讨论】：

控制台有错误吗？
@ochi 控制台没有错误。

标签： javascript text-to-speech speech-synthesis webspeech-api

【解决方案1】：

您每次都需要使用一个新的SpeechSynthesisUtterance 实例。

var words = ['one', 'two', 'three', 'four', 'five'];

for (var i = 0; i < words.length; i++) {
    var msg = new SpeechSynthesisUtterance();
    msg.text = words[i];

    console.log('word: ' + words[i]);
    console.log('message: ' + msg.text);

    window.speechSynthesis.speak(msg);
}

语音不会在零时间播放，并且似乎后续的SpeechSynthesisUtterance 实例被放置在队列中，直到前一个语音播放完毕。您重复使用同一个实例，在它们被speak(...) 排队之后但在它们被从队列中弹出并读取之前修改它们。第一个话语（“one”）播放正确，因为队列中没有其他东西可以阻止它（它会立即读取），但其余的需要等待，并在被读取之前被修改。

【讨论】：