とりあえず、音声APIを使って作ったページです。
左ペインに音声入力で文字を入力するか、コピペ、キーボードで入力した文字列を
右のしゃべるボタンを押すと読み上げるものになります。
こちらは、HTML + CSS + JavaScriptだけで構成されています。(API等使用していません)
iOSの場合は、Speech Recognition APIが動作しないので諦めました。
can i use見ると、14.5-14.7で使えるようですが実際動作しませんでした。
そのため、iPhoneでアクセスする場合は、ボタンを非表示にしています。
Speech Recognition API
Speech Synthesis API
APIの詳細については、以下を確認ください。
読み上げの方は、再生速度、高音低音が切り替えられ、リピートすることも可能です。
実装の詳細は、ソース表示から確認ください。
ここに、DeepLのAPIを噛ませれば、Google翻訳ができあがります。(作る意味ないですが)
入力した文字をスピード上げて読み上げすれば、文章の確認とか捗るかなとか考えたりもしますが
なにかのサービスに役立つようなイメージがわきません。。。。
can i useのnewsを見ておくと、新しい機能が実装されるのを早くキャッチアップできるので良いかもです。