«

»

7月
26

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

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

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

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

サンプル

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

コメントをどうぞ

メールアドレスは公開されません

次の HTMLタグおよび属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">