ejemplo de código js de reacción de reconocimiento de voz de javascript

No olvides que en las ciencias un problema puede tener diversas soluciones, de igual modo nosotros mostramos lo más óptimo y mejor.

Ejemplo: reaccionar reconocimiento de voz

importReact, useState, useEffect from'react';// the button form material-ui is optional// npm install @material-ui/coreimportButtonfrom'@material-ui/core/Button';constSpeechRecognition=window.SpeechRecognition||window.webkitSpeechRecognitionconst mic =newSpeechRecognition()

mic.continuous=true
mic.interimResults=true
mic.lang='en-US'constRecordButton=()=>const[isMicOn, setIsMicOn]=useState(false);var buttonColour;var buttonLabel;if(isMicOn)
        buttonColour ="secondary";
        buttonLabel ="Recording...";else
        buttonColour ="primary";
        buttonLabel ="Record";useEffect(()=>handleListen(),[isMicOn])consthandleListen=()=>if(isMicOn)
        mic.start()
        mic.onend=()=>console.log('continue..')
        mic.start()else
        mic.stop()
        mic.onend=()=>console.log('Stopped Mic on Click')
    mic.onstart=()=>console.log('Mics on')
    
    mic.onresult=event=>const transcript =Array.from(event.results).map(result=> result[0]).map(result=> result.transcript).join('')console.log(transcript)
        mic.onerror=event=>console.log(event.error)// if you don't want to us the button from Material-ui, just change Button to buttonreturn(<Button variant="contained" color=buttonColour onClick=()=>setIsMicOn(!isMicOn)>buttonLabel</Button>)exportdefaultRecordButton;

Más adelante puedes encontrar las explicaciones de otros desarrolladores, tú igualmente tienes la habilidad insertar el tuyo si lo crees conveniente.

---

---

Utiliza Nuestro Buscador