HTML5之语音识别实例
来源:互联网 发布:js美化工具下载 编辑:程序博客网 时间:2024/05/28 05:17
代码
<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>
0 0
- HTML5之语音识别实例
- 语音识别系统之kaldi------voxforge实例
- 浏览器上的HTML5语音识别功能实例页面
- HTML5的语音识别
- HTML5语音识别
- HTML5语音识别 Demo
- HTML5语音识别
- html5语音识别
- html5录音+百度语音实现语音识别
- html5语音识别的demo
- 语音识别之语音控制
- 语音识别之语音控制
- 语音识别之语音控制
- android之语音识别
- 语音识别之MFCC
- 语音识别 之 MFCC
- HTML5录音并调用百度语音识别
- Hololens入门之语音识别(语音命令)
- linux編程常見問題
- php不用编译增加openssl的方法
- 哈希表的应用-浅析顶点聚簇网格简化算法的实现
- 牛樟
- Linux下正确编译jar的方法
- HTML5之语音识别实例
- 关于C#算术运算符的问题
- HTTP Get与Post的区别
- python 去除html标签的几种方法
- HQL Join
- 一个Demo学完Android中所有的控件
- 705 - Slash Maze
- 图像数据到网格数据-3——Cuberille算法
- Android通过JNI调用驱动程序(完全解析实例)