神器x-webkit-speech

神器x-webkit-speech

 

为input添加名为 x-webkit-speech 的属性就行了。不过只在Chrome浏览器下才有这个功能，不妨先体验一下吧。

 

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

 

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

 

【相关属性设置】

 

设置语言类型：

 

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

 

设置发声语音改变时触发：onwebkitspeechchange

 

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

 

语音输入语法，”builtin:search”值使得语音输入的内容尽量靠近搜索内容，去除多余的字符，例如“的”、“啦”：x-webkit-grammar

 

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

 

 

最后说明下，之所以只在Chrome浏览器下有这个功能，是因为这个语音识别实际上是调用了谷歌的API。