webkitSpeechRecognition 不显示临时结果

Question

我正在尝试实现HERE 中提到的此语音识别服务，并使用类似于THIS 示例的 INTERIM（在最终结果之前交替出现的文本）显示结果。您可以看到文本在到达最终结果之前交替出现。我正在关注的教程（第一个链接）也提供了一个实现此功能的示例，但是它只是给了我最终的答案，并没有显示单词迭代动画。

  <span id="final_span"></span>
   <span id="interim_span" style="color: grey"></span>

   <button id="button" type="button" onclick="toggleStartStop()"></button>

还有 Javascript：

 <script type="text/javascript">
                var recognizing;
                var recognition = new webkitSpeechRecognition();
                recognition.continuous = true;
                recognition.interim = true;
                reset();
                recognition.onend = reset;

                recognition.onresult = function (event) {
                    var final = "";
                    var interim = "";
                    for (var i = 0; i < event.results.length; ++i) {
                        if (event.results[i].final) {
                            final += event.results[i][0].transcript;
                        } else {
                            interim += event.results[i][0].transcript;
                        }
                    }
                    final_span.innerHTML = final;
                    interim_span.innerHTML = interim;
                }

                function reset() {
                    recognizing = false;
                    button.innerHTML = "Click to Speak";
                }

                function toggleStartStop() {
                    if (recognizing) {
                        recognition.stop();
                        reset();
                    } else {
                        recognition.start();
                        recognizing = true;
                        button.innerHTML = "Click to Stop";
                        final_span.innerHTML = "";
                        interim_span.innerHTML = "";
                    }
                }
            </script>

我做错了什么？我需要创建与THIS完全相同的东西

Answer 1

根据documentation

你需要

    recognition.interimResults = true;

不像你当前的来源

    recognition.interim = true;

如果你检查你链接的页面的源代码，你也可以弄清楚。