语音到文本与特定单词ionic v3匹配

时间:2018-08-26 21:48:54

标签: angular typescript ionic-framework ionic3 speech-recognition

我正在使用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>

0 个答案:

没有答案