无法收集结果 HTML5 语音识别 API

Question

我正在使用语音识别 API，但每次完成后我都无法检索结果。

这是我正在使用的一段代码：

    var recognition = new webkitSpeechRecognition();
    recognition.continuous = true;
    recognition.interimResults = true;
    recognition.onresult = function(event) 
    { 
        console.log(event) 
    }

此输出（在控制台中）：

    bubbles: false
    cancelBubble: false
    cancelable: false
    clipboardData: undefined
    currentTarget: SpeechRecognition
    defaultPrevented: false
    emma: null
    eventPhase: 0
    interpretation: null
    path: NodeList[0]
    resultIndex: 0
    results: SpeechRecognitionResultList
    returnValue: true
    srcElement: SpeechRecognition
    target: SpeechRecognition
    timeStamp: 1408325350996
    type: "result"
    __proto__: SpeechRecognitionEvent

我就是想不通。如何检索结果？

Answer 1

结果在您返回的事件的results 列表中。您可以在此处找到访问它的示例代码：

http://updates.html5rocks.com/2013/01/Voice-Driven-Web-Apps-Introduction-to-the-Web-Speech-API

recognition.onresult = function(event) {
    var interim_transcript = '';

    for (var i = event.resultIndex; i < event.results.length; ++i) {
      if (event.results[i].isFinal) {
        final_transcript += event.results[i][0].transcript;
      } else {
        interim_transcript += event.results[i][0].transcript;
      }
    }
    final_transcript = capitalize(final_transcript);
    final_span.innerHTML = linebreak(final_transcript);
    interim_span.innerHTML = linebreak(interim_transcript);
  };
}