JAVAScript监听文本实现队列顺序语音报号
2014-01-09 09:58
274 查看
//语音报号 function soundplay() { if(!+[1,]) { var musicFile = "<embed hidden='true' id='music0' autostart='false' src='/resources/war/0.wav' />" + "<embed hidden='true' id='music1' autostart='false' src='/resources/war/1.wav' /> " + "<embed hidden='true' id='music2' autostart='false' src='/resources/war/2.wav' />" + "<embed hidden='true' id='music3' autostart='false' src='/resources/war/3.wav' />" + "<embed hidden='true' id='music4' autostart='false' src='/resources/war/4.wav' /> " + "<embed hidden='true' id='music5' autostart='false' src='/resources/war/5.wav' /> " + "<embed hidden='true' id='music6' autostart='false' src='/resources/war/6.wav' /> " + "<embed hidden='true' id='music7' autostart='false' src='/resources/war/7.wav' /> " + "<embed hidden='true' id='music8' autostart='false' src='/resources/war/8.wav' /> " + "<embed hidden='true' id='music9' autostart='false' src='/resources/war/9.wav' />"; $(".pay_obj").append(musicFile); } }; function otherBrowserMusicEvent(event) { switch(event.keyCode) { case 48 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/0.wav' />"); break; case 49 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/1.wav' />"); break; case 50 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/2.wav' />"); break; case 51 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/3.wav' />"); break; case 52 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/4.wav' />"); break; case 53 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/5.wav' />"); break; case 54 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/6.wav' />"); break; case 55 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/7.wav' />"); break; case 56 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/8.wav' />"); break; case 57 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/9.wav' />"); break; case 96 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/0.wav' />"); break; case 97 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/1.wav' />"); break; case 98 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/2.wav' />"); break; case 99 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/3.wav' />"); break; case 100 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/4.wav' />"); break; case 101 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/5.wav' />"); break; case 102 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/6.wav' />"); break; case 103 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/7.wav' />"); break; case 104 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/8.wav' />"); break; case 105 : $(".pay_obj").append("<embed hidden='true' width='0' height='0' autostart='false' src='/resources/war/9.wav' />"); break; } return false; } function IEBrowserMusicEvent(event) { switch(event.keyCode) { case 48 : music0.play(); break; case 49 : music1.play(); break; case 50 : music2.play(); break; case 51 : music3.play(); break; case 52 : music4.play(); break; case 53 : music5.play(); break; case 54 : music6.play(); break; case 55 : music7.play(); break; case 56 : music8.play(); break; case 57 : music9.play(); break; case 96 : music0.play(); break; case 97 : music1.play(); break; case 98 : music2.play(); break; case 99 : music3.play(); break; case 100 : music4.play(); break; case 101 : music5.play(); break; case 102 : music6.play(); break; case 103 : music7.play(); break; case 104 : music8.play(); break; case 105 : music9.play(); break; } } /***********************************语音报号结束*********************/
View Code
实现队列删除首元素:
function removeFirst(array){ var len = 0; if(array.length>0){ len = array.length - 1; } var newArray = new Array(len); for(var i=0;i<array.length-1;i++){ newArray[i] = array[i+1]; } return newArray; };
文本监听,兼容ie和非ie浏览器
var array = new Array(); var tag = 0; $("#phone").keyup(function(event){ var test = document.getElementById("whetherTelSound").checked; var code = event.keyCode; if(code>=48 && code<=57 || code>=96 && code<=105){ array.push(code); } if(test){ if(array.length>0 && tag == 0){ tag = 1; setTimeout(function(){ if(!+[1,]) { IEBrowserMusicEvent(array[0]); } else { otherBrowserMusicEvent(array[0]); } array = removeFirst(array); },100); var interval = setInterval(function(){ if(array.length>0){ if(!+[1,]) { IEBrowserMusicEvent(array[0]); } else { otherBrowserMusicEvent(array[0]); } array = removeFirst(array); }else{ clearInterval(interval); tag = 0; } },500); } }
附:
1、准备0-9十个语音文件
下载地址:http://download.csdn.net/detail/dignity568/4344108
推荐使用:http://download.csdn.net/detail/dignity568/6660783,文件更小,声音清晰短促
2、android语音报号:
a、android应用Mediaplayer监听文本框实现语音报号【/article/6108646.html】
b、android应用SoundPool实现语音报号【/article/6108660.html】
相关文章推荐
- jsp页面中的代码执行加载顺序介绍
- JS编码解码
- JavaScript模拟C输入
- 蛋疼的JSONP
- JS获取节点的兄弟,父级,子级元素的方法
- Js实现当前导航菜单高亮显示
- js 模块defin化讲解
- JS获取浏览器高度和宽度
- JS验证手机号码和邮箱地址
- JavaScript取随机整数的方法
- 用JS打开新窗口,防止被浏览器阻止的方法
- js中window.open()的所有参数详细解析
- webapi 返回数据类型控制(json,xml)
- JSON对象转字符串的一些方法
- JSONP的学习(收集整理)
- 初涉JavaScript模式 (5) : 原型模式 【一】
- javaScript typeof 和数据类型
- jsp乱码问解决及编码详解
- jsp页面中的代码执行加载顺序介绍
- litjson读取数据示例