本文へ移動
Monaural Sound

開発関連

テキスト入力欄を音声認識化させるjQueryライブラリ

Webページのテキストフィールドやテキストエリアを音声入力式にしてくれるjQueryライブラリが「Speakable Textareas」だ。

スマートフォンだと、たいてい音声認識フォームってのがデフォルトでアプリ化されてたりウィジェット化してるんで見慣れた感があるんだけど、いざPCのブラウザで対応されると、ちょっと斬新な驚き。

さっそく、サンプルHTMLを書いてみたけど、会社にいるので音声入力のテストはしてない(急に社内のPCに向かってキーワードをしゃべり出して、周りについに現実逃避してしまったかと思われる勇気は今のところないので…w)。ちなみに、webkit系のブラウザ(ChromeかSafari)じゃないと動きません。

サンプル

ついでにサンプルと同じHTMLソースをPhoneGapでAndroidアプリ化してもみたが、こちらは動かず、普通のテキストフォームのままだった。まぁ、AndroidはIME関連のクラスをインポートして音声入力しているようなので、音声入力とjQueryだけでは解釈ができないわな…。

  • jQuery
  • 音声認識

関連記事

Ka2(カツ)

ゲームと、アメコミと、アニメと、歴史が好きなフリーランスのフルスタック系ITエンジニア。
仕事は気に入ったものだけを「最小限」に、趣味のオープンソース開発と小説書くのを「最大限」に、
好きなこと『だけ』して生きていく。