离子文本到语音中的停止按钮

Question

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

这是 my.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>

Answer 1

您应该参考@ionic-native/TextToSpeech的文档，因为它清楚地概述了stop()用于此确切目的。

在您的特定场景中，您的TextToSpeech实例在this.tts变量中可用。 因此，您可以通过在您的类的方法中调用此 object 来调用stop() ：

stop(){
    this.tts.stop();
}

Answer 2

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

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