如何实现HTML5语音识别功能

html-css07

如何实现HTML5语音识别功能,第1张

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

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

实现语音输入

<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()"/>