Speech to text web api 在桌面和移动设备上返回不同的结果

Question

我正在使用Web Speech API 使用以下代码将语音转换为文本：

const SpeechRecognition = window.webkitSpeechRecognition;
recognition = new SpeechRecognition();
recognition.onresult = (ev) => {
  const text = [...ev.results].reduce(
      (a, e) =>
        a + [...e].reduce((word, { transcript: t }) => `${word}${t}`, ''),
      '',
    );
  }
  this.setState({ speechText: text });
};

这在桌面上完美运行，来自 api 的结果如下：

但在移动端的 api 结果如下：

请忽略以上截图中的内容（成绩单）。桌面上的行为应如此，但在移动设备上，这会导致大量内容重复，因为结果具有重复的 SpeechRecognitionResult 值。我不确定为什么会这样。任何帮助表示赞赏。

此外，一旦用户停止讲话，桌面上的isFinal 即为true，但在移动设备上始终为true。

Answer 1

这是在移动设备和桌面设备上检索结果的正确方法：

recognition.onresult = (ev) => {
  let noteContent = '';
  const current = ev.resultIndex;

  // Get the transcript
  const { transcript } = ev.results[current][0];

  // Append the current transcript to previous Note
  noteContent += transcript;

  this.setState({ speechText: noteContent });
};