四、Html5 语音识别
2013-05-07 10:41
309 查看
Html5 实现语音识别So easy!!!!
一般的文本框
语音识别文本框
OK ... 就是这么简单!
其他参数:
1、lang 强制输入框里的语言种类
2、x-webkit-grammar 语音输入语法,"builtin:search”值使得语音输入的内容尽量靠近搜索内容,去除多余的字符。
例如自动删除写助词之类的,没有测试
3、onwebkitspeechchange 当语音识别成功,文本写入到文本框之后触发。
支持Html5的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari,Opera等;国内的傲游浏览器(Maxthon),以及基于IE或Chromium(Chrome的工程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力,所以此功能也只能在此条件下才OK!!
一般的文本框
<input />
语音识别文本框
<input x-webkit-speech />
OK ... 就是这么简单!
其他参数:
1、lang 强制输入框里的语言种类
<input type="text" x-webkit-speech lang="zh-CN"/>
2、x-webkit-grammar 语音输入语法,"builtin:search”值使得语音输入的内容尽量靠近搜索内容,去除多余的字符。
例如自动删除写助词之类的,没有测试
<input type="text" x-webkit-speech x-webkit-grammar="bUIltin:search" />
3、onwebkitspeechchange 当语音识别成功,文本写入到文本框之后触发。
<script type="text/javascript"> function fun() { alert("OK"); } </script> <input x-webkit-speech onwebkitspeechchange="fun();"/>
支持Html5的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari,Opera等;国内的傲游浏览器(Maxthon),以及基于IE或Chromium(Chrome的工程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力,所以此功能也只能在此条件下才OK!!
相关文章推荐
- HTML5的语音识别
- html5录音+百度语音实现语音识别
- HTML5语音识别
- HTML5 一秒钟文本框变语音识别[Chrome11+]
- HTML5语音识别 Demo
- Html5语音识别
- HTML5 Web Speech API 结合Ext实现浏览器语音识别以及输入
- HTML5 Web Speech API 结合Ext实现浏览器语音识别以及输入
- html5语音识别的demo
- html5语音识别
- 浏览器上的HTML5语音识别功能实例页面
- HTML5语音识别
- HTML5语音识别标签写法附图
- Golang 基于chrome浏览器语音识别web演示系统WebHTK开发之 HTML5 录音篇 推荐
- 转载 - 使用HTML5、CSS3和jQuery增强网站用户体验
- 用HTML5 Audio API开发游戏音乐
- HTML5注册页面示例代码
- HTML5 canvas图片爆炸特效
- 如何让旧浏览器支持HTML5新标签