Ionic 文本轉音頻播放

Ionic 文本轉音頻播放 angular

首先安裝插件

先貼一下官網，他說的超級簡單，有些細節沒說
https://ionicframework.com/docs/native/text-to-speech
先安裝一個插件 Text To Speech

ionic cordova plugin add cordova-plugin-tts
npm install @ionic-native/text-to-speech

app.module.ts注入依賴

導包

import { TextToSpeech } from '@ionic-native/text-to-speech/ngx';

在 providers 中使用

providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
    TextToSpeech
  ],

在組件中使用

導包

import { TextToSpeech } from '@ionic-native/text-to-speech/ngx';

構造函數注入

constructor( private toastCtrl: ToastController ) {}

使用 TextToSpeech

	this.tts.speak({
      text: "哈哈哈",
      locale: 'zh-CN',
      rate: 1
    })
    .then(() => console.log('Success'))
    .catch((reason: any) => {
      console.log("失敗")
    });

注意一點：如果是瀏覽器直接使用 TextToSpeech 播放音頻的話是失敗的，因爲沒有設備讓他放，打包App之後裝在手機上是可以的。