React + TypeScriptにてテキスト音声出力がしたい......

Question

#質問
React＋TypeScriptでの開発時に
困りましたのでご質問させていただきます。

React+TypeScriptでテキスト音声の出力が可能かが知りたいのですが
調べたり実装してみたところ、API等を使用しないと不可能なのかなと思えてきています。。。

#やりたいこと
・テキスト入力した文字を音声出力したい
※ゆくゆくは音声入力も実現したい。

#試したこと
####react-speech

Reactでの音声出力は確認OK
ただ、React+TypeScriptdeの場合に型（@types）がnpmに存在せずNG

#補足
・React(TypeScriptを使用しない)への変更はなしでお願いします。。

###環境
・Windows10
・ブラウザ：Google

Answer 1

テキストから音声を出したい場合は、対応端末を気にした方がいいかもしれません。
IE以外のブラウザは大体対応ができていると思うので、
SpeechSynthesisUtterance ブラウザ標準のAPIを使えば話すことができます。

code sample
docs

export const speak = text => {
  var options = new SpeechSynthesisUtterance(text);
  options.lang = "ja-JP";
  window.speechSynthesis.speak(options);
};

Comments

[nakapon9517]

動作確認まで完了できました！
サンプルソース含め分かりやすいご解説ありがとうございます。
Reactで書き換えるのしかないと考えていたので非常に感動しています。。。
本当にありがとうございました。