HTML5でテキストフィールドへの音声入力をサポートするx-webkit-speechという属性があります。
<input type="text" x-webkit-speech>
これだけでテキストフィールドの右端にマイクのアイコンが出てきて音声入力ができるので大変ラクチンですなのですが、
いかんせんchromeの実装なので他の一般的なブラウザではおそらく使えません。
この実装をサポートしているかどうかを確認するスクリプトが下記になります。
if (document.createElement('input').webkitSpeech === undefined) {
alert("NG さぽーとされてない");
} else {
alert("OK さぽーとされてる");
}
ちなみに現時点で同じchromeでもPC版はOK、android版はNGでした。