简单通过html5实现语音识别

呵呵,今天(2012-05-18 14:42 )看到一个关于html5语言识别的文章,自己测试了一下,觉得还是挺好的,大家可以自己试试哦,做的总比看的有意思啦!~

来来,开始编码:

————————————————————————————————————

<!DOCTYPE HTML> < html> < head> < title>简单通过html5实现语音识别</title> < script> if (document.createElement(“input”).webkitSpeech === undefined) { alert(“Speech input is not supported in your browser.”); } < /script> < /head> < body>

<input type=”text” name=”value_2″ x-webkit-speech/>

</body> < /html>

—————————————————————————————————————

亲,超级简单吧!~ 呵呵

当然还有一些其他的参数,比如设置语音限制语言种类

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

还有设置语音输入语法的参数,这个就比较试用于搜索框。加上这参数后,系统就会自动去掉“的”、“啦”这类无意义的字

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

查看效果:http://www.cangzhang.com/wp-content/uploads/2012/08/voice.htm

我装了各种浏览器(主流的):只有google浏览器chrome支持哦!~

共有 0 条评论

Top