HTML5语音输入(webkit)

这个语音输入,在andorid上已经早早有啦。以至于在淘宝发现,就兴致匆匆的想要加进自己的博客。经过一番苦苦寻找,才发现代码就那么一小段。

只需要在input添加属性x-webkit-speech即可,如:

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

这样搜索框的就多了一个小话筒,点击就可以使用谷歌的云语音输入啦。

谷歌云语音输入

我自己的在我的手机上用的时候感觉识别率挺高的,也是变相说明我普通话很准哈。

还有其他属性,比如:

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

通过lang来限制语言种类。或者:

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

使得语音输入的内容尽量靠近搜索内容,去除多余的字符。还有:

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

通过发生语言时触发的语音事件。

好了,这个功能只在chrome11及以后版本才支持的。其他浏览器暂时不支持的,不过貌似火狐可以通过插件支持,可以搜索一下。

    发表评论

    *
    *