x-webkit-speech 语音输入

最近发现了chrome的一个屌爆了的功能。语音输入，经测试准确率很高。而且支持中文和英文口语输入，其他语言应该也是可以支持的。运用这个可以在搜索框中加入语音输入功能，不过目前只有Chrome 11及以上版本才支持。

可以用chrome浏览器在这里试试效果，点击话筒即可：

实现起来也非常简单，为input添加名为 x-webkit-speech 的属性就行了。样式如下：

<input type="text" x-webkit-speech />

相关的属性设置：
1.lang设置语言种类：

<input type="text" x-webkit-speech lang="zh-CN" />

2.onwebkitspeechchange语音输入事件，当发声语音改变时触发：

<input type="text" x-webkit-speech onwebkitspeechchange="foo()" />

3.x-webkit-grammar语音输入语法，”builtin:search”值使得语音输入的内容尽量靠近搜索内容，去除多余的字符；”builtin:translate“淘宝上支持的语音输入也在用：

<input type="text" x-webkit-speech x-webkit-grammar="builtin:search" />

这个语音识别的服务需要走google的服务器所以有时响应速度很慢，总的来说是趣味性大于实用性；比较期待能在手机浏览器上实现这个功能，可以做一些比较有趣的应用。