javascript - Web Speech API SpeechRecognition not defined when using React.js - Stack Overflow

admin管理员组

文章数量:1279090

I am using React.js along with the Web Speech API's SpeechRecognition, however, it does not work and I get the error "ReferenceError: SpeechRecognition is not defined." The code I am using is directly from the SpeechRecognition documentation:

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

The first line causes the error, but without it, the second line will cause the same error. How can I fix this?

I am using React.js along with the Web Speech API's SpeechRecognition, however, it does not work and I get the error "ReferenceError: SpeechRecognition is not defined." The code I am using is directly from the SpeechRecognition documentation:

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

The first line causes the error, but without it, the second line will cause the same error. How can I fix this?

• javascript
• reactjs
• speech-recognition
• webspeech-api

Share Improve this question Follow asked Oct 3, 2020 at 5:25 Anchey PengAnchey Peng 11311 gold badge11 silver badge66 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 11

try window.SpeechRecognition || window.webkitSpeechRecognition;

See Using the Web Speech API for further explanation why you need the window. prefix.

Try this:

Instead of

const recognition = new SpeechRecognition();

Write:

const recognition = new speechRecognition();

This helped me!

本文标签： javascriptWeb Speech API SpeechRecognition not defined when using ReactjsStack Overflow