谷歌浏览器怎样设置支持html5语音输入

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

代码

<input type="text" x-webkit-speech id="d1" lang="zh-CN" x-webkit-grammar="bUIltin:search" onwebkitspeechchange="foo()"/>

<script>

function foo(){

var n = document.getElementById("d1").value

if(n == "百度"){

window.location.href = "http://www.baidu.com"

}else{

window.location.href = "http://www.ahsdxy.ah.edu.cn/"

}

}

</script>

说明：

1）x-webkit-speech：语音识别支持属性

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

2）lang：设置语言种类，比如汉语:lang="ch-CN"

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

3） x-webkit-grammar ：语音输入语法

比如: x-webkit-grammar="bUIltin:search"使得语音输入的内容尽量靠近搜索内容，去除多余的字符，例如“的、啦”等

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

4） onwebkitspeechchange ：语音输入事件，当语音改变时触发

比如：onwebkitspeechchange="foo()" ，当停止语音时，会触发js中的foo()函数

<input type="text" x-webkit-speech lang="ch-CN" x-webkit-grammar="bUIltin:search"

onwebkitspeechchange="foo()"/>

此时，需要写相应的JavaScript函数foo()

<script>

function foo(){

//函数体，如下：

alert(8)

}

</script>