如何实现HTML5语音识别功能

如果想指定语言类别，还可以增加lang属性，如：<inputx-webkit-speech lang="zh-CN"/>。以及表示语法的（据说bUIltin:search可以过滤助词）：<input x-webkit-speech x-webkit-grammar="bUIltin:search" />

还有一个onwebkitspeechchange的方法，发生在语言识别成功，且文字输入到文本框后触发。

1、首先打开手机主界面，然后选择点击“设置”选项，如下图所示。

2、打开设置界面之后，选择点击“通用”选项，如下图所示。

3、进入通用界面之后，选择点击”键盘“选项，如下图所示。

4、最后打开”启用听写“后面的开关按钮即可。

实现语音输入

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

只要在input元素上加上x-webkit-speech属性就可以了。如果你用的是xhtml，那么就需要这样写x-webkit-speech="x-webkit-speech"

lang 说明语音识别的语言种类

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

x-webkit-grammar 精确语音内容，如果是用搜索可以自动去掉 “的”之类的字

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

onwebkitspeechchange事件，即语音发生变化时触发的事件，一般可以作为提交

<input type="text" x-webkit-speech onwebkitspeechchange="$(this).closest('form').submit()"/>

---