Javascriptで文字の読み上げをやってみる

こんばんは。きわさです。

文字の読み上げ機能を探していたところ、何やらjavascriptでできるようなのでやってみます。
ブラウザによっては非対応なものもあるようですが。。

function test() {
    var speech = new SpeechSynthesisUtterance();
    speech.text = 'このメッセージを読み上げます';
    speech.lang = 'ja-JP';
    speech.rate = 1.0;
    speech.pitch = 1.0;
    speechSynthesis.speak(speech);
}

SpeechSynthesisUtteranceのインスタンスを作ってやって、文字列やら言語やら速さを設定して発話実行すれば良いようです。
text: 読み上げるメッセージ
lang: 言語 日本語は ja-JP、英語は en-US
rate: 速さ 0～10 高いほど速いですが、速すぎてほとんど聞き取れないレベルです。また、言語によっても設定できたりできなかったりするようです。
pitch: ピッチ 0～2

サンプルを設置してみます。