WebSpeechAPIにおける日本語の発話 iOS

Question

WebSpeechAPIを使ってiPhoneで日本語の読み上げを行おうとしています。

ですが、どうにも上手く行きません！

英語の読み上げはできるのですが、日本語の方は何も音が出ません。
何か分かる方いらっしゃいますか？

ユーザアクションがないと出来ないと聞いたので、ボタンを押したら読み上げるように書きました。
参考URL:Web Speech APIの実装　前編 Speech Synthesis API

※追記
発話時間を調べたところMacで行うと、1300くらいでiPhoneで行うと0.1くらいでした！
読み上げされてないのではなく、めちゃめちゃ高速になっているから聞こえないのかもしれません。
速度を下げるコードが適用されている感じがしません。

以下コードになります。

  teratailver(){
    this.speakingVocaTest = new SpeechSynthesisUtterance();
    this.speakingVocaTest.text = 'くもり'
　　　　// ↑↑　 ここが　'Cloud'　とかだとできる！
　　　　// ↓↓　'cloud' の時は下を消します。
    this.speakingVocaTest.lang = 'ja-JP'
    this.speakingVocaTest.rate = 1;
    this.speakingVocaTest.pitch = 0;
    speechSynthesis.speak(this.speakingVocaTest)
  }

    <ion-button (click)="teratailver()">
      webAPI
    </ion-button>

Comments

[oikashinoa]

pcで同じコード動かした時なにかエラーでてませんか？

[fufufu000]

出ませんでした。
Macを使っているのですが、pcだとうまくいきます。

[oikashinoa]

Ionicタグを見落としてました。cordovaタグも付けると良いですよ。

[fufufu000]

ありがとうございます！
追加します！

[oikashinoa]

>ユーザアクションがないと出来ないと聞いたので、ボタンを押したら読み上げるように書きました。

本文に出典元を書いてくれると嬉しいです。私も見たいです。

[fufufu000]

追記しました！

Answer 1

スマホからなので簡単に。

ionic(≒cordova)ではpluginが必要だと思います。当方monaca(≒cordova)でもpluginが必要でした。
※2年くらい前の話なので変わって来ているかも

pluginを調査してみてください。tts(text to speach)て名称だったと思います。

Comments

[fufufu000]

ありがとうございます！
調査してみます！！

[oikashinoa]

解決何よりです。結果を共有してくれると嬉しいです