Closed Cosmin-Ciolacu closed 3 years ago
Hi @Cosmin-Ciolacu When I tested this example locally, it worked as expected with all the configurations I tried. Here's a simple working example:
import React, { useState } from 'react'
import SpeechRecognition, { useSpeechRecognition } from 'react-speech-recognition'
const Dictaphone = () => {
const [name, setName] = useState('')
const commands = [
{
command: "my name is *",
callback: (name) => {
setName(name);
},
},
{
command: "tell my name",
callback: () => {
alert(name);
}
}
]
const { listening } = useSpeechRecognition({ commands })
const listen = () => SpeechRecognition.startListening()
if (!SpeechRecognition.browserSupportsSpeechRecognition()) {
return null
}
return (
<div>
{!listening && <button onClick={listen}>Listen</button>}
{listening && <p>Listening...</p>}
{name && <p>Hi {name}!</p>}
</div>
)
}
export default Dictaphone
If this still doesn't work for you, please share the full code for your component that is using react-speech-recognition
- perhaps I can help you debug.
it works! thank you very muck!
hi! I created a little vocal app like this with following commands:
when I say
tell my name
in console name its undefined.