Question

我想用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

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

＆＃13;

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);
}

＆＃13;

导致这种情况的原因是什么？如何纠正？

Answer 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(...)排队之后但在它们从队列中弹出并读取之前修改这些值。第一个话语（“一个”）正确播放，因为队列中没有其他东西可以阻止它（它立即读取），但其余部分需要等待，并在读取之前最终修改。

在数组中说出单词

1 个答案: