HTML5 x-webkit-speech

2 Nov
対応するテキストボックスに簡単に音声入力を追加できるようなので追加してみた。右上の検索ボックス。 やったこと。 x-webkit-speechをtextinputに追加 onwebkitspeechchangeイベントでformのsubmitを呼ぶように onfocus/onblurで”SEARCH”というplaceholderを表示したり消したりしていたけれど、音声認識が始まるとonblurが呼ばれてplaceholderがセットされ、認識結果の前にくっついてしまうので、とりあえずplaceholderはonmousemove/outイベントでコントロールするように とりあえず問題なく動いてそうに見える。...
Read more »