プログラミング

JavaScriptでテキスト読み上げ

Google ChromeやSafariなどブラウザー上で動作するプログラミング言語、JavaScriptで、テキストを読み上げ、文字を読ませる(text-to-speech)方法について紹介します。

Using Google Text-To-Speech in Javascript – Stack Overflow

var msg = new SpeechSynthesisUtterance('Hello World');
window.speechSynthesis.speak(msg);
<script src='https://code.responsivevoice.org/responsivevoice.js'></script>

<input onclick="responsiveVoice.speak('This is the text you want to speak');" type='button' value='🔊 Play' />

前者は、chromeとかで実行するぶんにはうまく再生してくれます。
しかしelectronとかで再生すると、スペイン語みたいな読み方になります。

後者はelectronでもちゃんと英語話してくれます。こっちのがおすすめです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です