Estoy tratando de usar Angular-Speech-Recognition en la aplicación Angular. A continuación se muestran mi código html y componente ts. Mi voz se asigna correctamente a this.message
. Mi requisito es, después de completar el discurso, quiero llamar a this.getSearchResults(this.message);
. Pero lo que sucede es que para cada palabra en mi discurso, la función llamada this.getSearchResults(this.message)
está sucediendo.
Por ejemplo, si hablo, "I forgot my password"
, espero que this.getSearchResults(this.message)
se llame una vez con this.message
como "I forgot my password"
. Pero lo que sucede es 4 veces que se llama a la función, ya que hay 4 palabras en mi discurso (para cada palabra, se activa la función getSearchResults
). ¿Cómo puedo arreglarlo?
<fa-icon [icon]="faMicrophone" class="microphone-icon" (click)="listenSpeech()"> </fa-icon> listenSpeech() { this.speechSrv .listen() .pipe(resultList) .subscribe((list: SpeechRecognitionResultList) => { this.message = list.item(0).item(0).transcript; this.getSearchResults(this.message); }); }
Parece que nunca cancelas la suscripción, por lo que con cada clic estás realizando otra suscripción. ¿Quizás quieras usar take(1)
para asegurarte de que cada .subscribe
se active como máximo una vez?
this.speechSrv .listen() .pipe(resultList) // Don't know what this is so you might put `take(1)` here instead of using two `pipe()` calls .pipe(take(1)) .subscribe((list: SpeechRecognitionResultList) => { this.message = list.item(0).item(0).transcript; this.getSearchResults(this.message); });