はじめに
ネットにテキストの読み上げ方法が載っていたのでReac+TypeScriptベースに書きなおしてみました。
元記事: Web Speech API の音声読み上げ機能の実装方法
実行例
See the Pen Untitled by kalz2q (@kalz2q) on CodePen.
おわりに
音声読み上げの部分は元のママです。
テキスト入力のonChangeとクリックのonClickの処理がReactになっています。
hookはonChangeの処理なので、useStateを使います。
例に入っているテキストは百人一首のかるた大会で最初に読み上げられる序歌です。
