Я создаю приложение, используя Ionic 3.4.0 и angular.Я уже установил ionic-native / распознавание речи.Я могу изменить цвет фона, произнося имя с распознаванием речи.Например, если я хочу сделать фон черный, я говорю черный, если я хочу зеленый, я говорю зеленый.
Но то, что я хочу, теперь отображает имя, произнося другое слово.Пример: если произнесено «Hello», фон становится черным, а если я говорю «Goodbye», фон становится зеленым.
start() {
this.speechRecognition.startListening()
.subscribe(
(matches: Array<string>) => {
this.bgcolor = matches[0];
},
(onerror) => console.log('error:', onerror)
)
}
<ion-content padding [style.background-color]="bgcolor">
<div style="text-align: center;">
<img style="width: 100%;" src="assets/img/entradakiotron.gif">
</div>
<ion-card style="background: #1d1d1d;">
<ion-card-header style="color: #fff;">
KIOTRON:
</ion-card-header>
<ion-card-content style="color: #fff;">
Hola ¿en qué te puedo ayudar?
</ion-card-content>
<ion-card-content style="color: #fff;">
{{ bgcolor }}
</ion-card-content>
</ion-card>
</ion-content>