使用 React.js 时未定义 Web Speech API SpeechRecognition

Question

我将 React.js 与 Web Speech API 的 SpeechRecognition 一起使用，但是它不起作用并且我收到错误“ReferenceError：SpeechRecognition 未定义”。我使用的代码直接来自 SpeechRecognition 文档：

const SpeechRecognition = SpeechRecognition || webkitSpeechRecognition;
const recognition = new SpeechRecognition();

第一行导致错误，但没有它，第二行将导致相同的错误。我该如何解决这个问题？

Answer 1

试试window.SpeechRecognition || window.webkitSpeechRecognition;

请参阅Using the Web Speech API 以进一步解释为什么需要window. 前缀。