先日、GoogleChrome 11が正式リリースされましたね(超はぇー)。 そこで、11から音声入力に対応しているという事だったのでちょっと試してみました。 ただ、音声入力だけだとつまらないかなぁと思い、ついでにGoogleの翻訳APIも一緒に試してみました。 マークアップ <input type="text" x-webkit-speech> マークアップは上記の通り。 これだけでいつものテキストボックスの右端にマイクアイコンが出てきます。 マイクアイコンをクリックすると音声入力が可能になります。 やべー超簡単。 lang属性を変えれば、日本語認識、英語認識切り替えられる様です。 ※以下の書き方はHTML5の例 <html lang="ja"> これだと日本語認識 <html lang="en"> これだと英語認識 試してないですがlang属性を変えれば他の言語でも認識してくれると思い
![HTML5の音声入力とGoogleの翻訳APIを試してみた – Shimabox Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/cfcf52cd839a3c97414aa2a87b5af0a374b61585/height=288;version=1;width=512/https%3A%2F%2Fblog.shimabox.net%2Fwp-content%2Fuploads%2F2017%2F05%2Fshimabox_x2.png)