Ionic Text to Speech 中的停止按钮

问题描述

在 Ionic 中，我设法使用 tts 插件制作了一个程序，该插件可重现我在输入中编写的文本，但到目前为止，我还无法实现停止播放音频的按钮，我将不胜感激如果你帮助我，很多。 如何制作停止音频的课程？

这是我的 .ts 文件：

import { Component,OnInit } from '@angular/core';
import { TextToSpeech } from '@ionic-native/text-to-speech/ngx';

@Component({
  selector: 'app-textvoice',templateUrl: './textvoice.page.html',styleUrls: ['./textvoice.page.scss'],})

export class TextvoicePage {
  
  text: string;
  locale: string;
  copyText: string="";
  pasteText: string="";

  constructor ( private tts: TextToSpeech,public clipboard: Clipboard) {
    this.text= '';
    this.locale= 'es-MX';
  }

  playText (){
    this.tts.speak({
      text: this.text,locale: this.locale
    })
    .then((res) => console.log (res))
    .catch((err) => console.log (err));
  }

    stop(){
  
  }

这是我的 html：

 
<ion-content>

 <ion-button fill="solid" color="light" expand="block" (click)="playText()"><ion-icon name="play-outline"></ion-icon>
    A texto
  </ion-button>

  <ion-button fill="solid" color="light" expand="block" (click)="stop()"><ion-icon name="stop-outline"></ion-icon>
    Detener audio
  </ion-button>
 
</ion-content>

解决方法

我已经设法解决了，我放了这段代码，如果代码有效则停止

    stop(){
      this.tts.speak("")
  }