我正在使用Ionic 3.4.0和angular创建一个应用程序。我已经安装了ionic-native / speech-recognition。 我可以通过语音识别说出名字来更改背景颜色。 例如,如果我想将backgroudn黑色,我说黑色,如果我想要绿色,我说绿色。
但是我现在想要的是通过说一个不同的词来显示名称。 例如:如果说“你好”,背景就会变成黑色,如果我说“再见”,背景就会变成绿色。
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>