しゃのんあどべんとかれんだー 21 日目 (JavaScript Web Speech API を試してみました。Speech Synthesis API 編) 匿名 匿名 この記事は、しゃのんあどべんとかれんだー 21 日目の記事です。 ![HTML5](http://3.bp.blogspot.com/-dWYKpi6wDKE/Vopz5HBW-6I/AAAAAAAAAWg/YPByNOcdNKU/s200/html5-badge-h-solo.png) どうも、munepom (`@__munepom__`) です。 今回は、JavaScript の Web Speech API を試してみたおはなし その 2 です。 # [Web Speech API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API) ブラウザベースで音声認識とテキストの読み上げを実現する API です。 まだ実験的機能のようでして、対応ブラウザはコロコロ変わる可能性があるので、[Can I Use](http://caniuse.com/#search=speechsynthesis) などで利用可能かどうか確認してください。 # 音声読み上げ機能を試してみました 音声認識は試したので、音声読み上げ機能を試してみましょう! Speech Synthesis API を使用すると、テキストを PC に読み上げさせることができるようです。 ブラウザでの実行時、マイクデバイスへのアクセス許可が必要ですので、ご注意ください。 Mac OS X の Chrome 47.0.2526.106 で動作確認できました。 # 単純な例 ``` speechSynthesis.speak( new SpeechSynthesisUtterance("SHANON MARKETING PLATFORM") ); ``` なんか、うさんくさい発音で SHANON MARKETING PLATFORM と発音されました。。。 # ちょっと矯正してみましょ SpeechSynthesisUtterance オブジェクトのプロパティ設定で、何とかしてみます。 ``` var synthes = new SpeechSynthesisUtterance(); synthes.lang = 'en-US'; synthes.volume = 1; synthes.rate = 1; synthes.pitch = 1; synthes.text = 'SHANON MARKETING PLATFORM'; speechSynthesis.speak(synthes); ``` うん、ちょっとマトモになった気がします。 # 日本語もいけます 現状動作確認できるのは、Mac の Chrome だけだと思われます。 ``` var synthes = new SpeechSynthesisUtterance(); synthes.lang = 'ja-JP'; synthes.volume = 1; synthes.rate = 1; synthes.pitch = 1; synthes.text = 'シャノンマーケティングプラットフォーム'; speechSynthesis.speak(synthes); ``` てなわけで、適度に息抜きして、レッツ Enjoy! (・ω・)ノ Tweet Share Share Share Share