js播放wav文件(源码)


Posted in Javascript onApril 22, 2013

用js播放.wav文件

<html> 
<head> 
<script language="javascript"> 
function playSound(id) 
{ 
var node=document.getElementById(id); 
if(node!=null) 
{ 
node.Play(); 
} 
} 
</script> 
</head> 
<body> 
<embed name="3_devUnknown" id="3_devUnknown" src="music.wav" type="audio/x-wav" hidden="true" autostart="false" loop="false"/><a onclick="javascript:playSound('3_devUnknown')" href="#">music.wav</embed/> 
</body> 
</hmtl> 
var recordhisStore = new Ext.data.JsonStore({ 
root: 'dataRoot', 
totalProperty: 'totalCount', 
idProperty: 'threadid', 
remoteSort: true, 
fields: [ 
{name: 'id', type: 'string'}, 
{name: 'src', type: 'string'}, 
{name: 'dst', type: 'string'}, 
{name: 'srcip', type: 'string'}, 
{name: 'dstip', type: 'string'}, 
{name: 'begin_date', type: 'date', dateFormat:'Y-m-d H:i:s'},//onclick='javascript:startwav(\" "+ value +" \")' 
{name: 'end_date', type: 'date', dateFormat:'Y-m-d H:i:s'}, 
{name: 'content', type: 'string', convert:function(value,rec){ 
return "<embed id='"+ rec.id +"_devUnknown' name='"+ rec.id +"_devUnknown' src='music.wav' loop=false autostart=false hidden=true><a href='#' onclick=\"javascript:playSound('"+rec.id+"_devUnknown')\">"+value+"</a></embed>"; 
}} 
], 
proxy: new Ext.data.HttpProxy({ 
url: 'ctl.php?c=HisRecordQueryController&a=Query' 
}), 
sortInfo: {field: 'begin_date', direction: 'ASC'}, 
listeners:{ 
beforeload:function(obj,params){ 
var begin_date = document.getElementById("his_startdt").value; 
var end_date = document.getElementById("his_enddt").value; 
var src = document.getElementById("his_src").value; 
var dst = document.getElementById("his_dst").value; 
recordhisStore.baseParams = {limit:params.params.limit,start:params.params.start,begindate:begin_date,enddate:end_date,src:src,dst:dst}; 
} 
} 
});

js播放wav文件
使用js,每隔1s播放对应的wav文件 
<script language="javascript"> 
var arr = new Array(); 
var c = 0; 
window.onload = function () { 
var value1 = '<%=tel_2 %>'; 
var value2 = '<%=je %>' 
StrToArray(value1); 
StrToArray(value2); 
} 
var StrToArray = function (str) { 
for (var i = 0; i < str.length; i++) { 
arr[arr.length] = str.charAt(i); 
} 
} 
var id = window.setInterval(function () { 
if (c > arr.length) { 
window.clearInterval(id); //清除 
return; 
} 
embed(arr[c++]); 
}, 1000); 
var embed = function (num) { 
if (num == "" || typeof num == "undefined") return; 
document.getElementById("embed").innerHTML = "<embed name=\"player\" TYPE=\"application/x-mplayer2\" src=\"../wav/" + num + ".wav\" loop=\"false\" autostart=\"true\" hidden=\"true\"></embed>"; 
} 
</script>
Javascript 相关文章推荐
提高网站信任度的技巧
Oct 17 Javascript
让mayfish支持mysqli数据库驱动的实现方法
May 22 Javascript
Javascript面向对象设计一 工厂模式
Dec 20 Javascript
ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)
Jan 13 Javascript
JS实现网页标题随机显示名人名言的方法
Nov 03 Javascript
全屏滚动插件fullPage.js使用实例解析
Oct 21 Javascript
Node学习记录之cluster模块
May 31 Javascript
React Native 截屏组件的示例代码
Dec 06 Javascript
jQuery中each方法的使用详解
Mar 18 jQuery
iview在vue-cli3如何按需加载的方法
Oct 31 Javascript
基于vue实现web端超大数据量表格的卡顿解决
Apr 02 Javascript
vue+webpack dev本地调试全局样式引用失效的解决方案
Nov 12 Javascript
如何将一个String和多个String值进行比较思路分析
Apr 22 #Javascript
『JavaScript』限制Input只能输入数字实现思路及代码
Apr 22 #Javascript
『jQuery』名称冲突使用noConflict方法解决
Apr 22 #Javascript
『jQuery』.html(),.text()和.val()的概述及使用
Apr 22 #Javascript
『jQuery』取指定url格式及分割函数应用
Apr 22 #Javascript
网页整体变灰白色(兼容各浏览器)实例
Apr 21 #Javascript
文字不间断滚动(上下左右)实例代码
Apr 21 #Javascript
You might like
3.从实例开始
2006/10/09 PHP
Linux系统中设置多版本PHP共存配合Nginx服务器使用
2015/12/21 PHP
PHP 实现字符串翻转(包含中文汉字)的实现代码
2017/04/01 PHP
PHP学习记录之数组函数
2018/06/01 PHP
JavaScript 入门·JavaScript 具有全范围的运算符
2007/10/01 Javascript
javascript 动态数据下的锚点错位问题解决方法
2008/12/24 Javascript
js tab效果的实现代码
2009/12/26 Javascript
Jquery创建层显示标题和内容且随鼠标移动而移动
2014/01/26 Javascript
javascript 10进制和62进制的相互转换
2014/07/31 Javascript
跟我学习javascript的执行上下文
2015/11/18 Javascript
6种javascript显示当前系统时间代码
2015/12/01 Javascript
Bootstrap缩略图与警告框学习使用
2017/02/08 Javascript
js实现京东轮播图效果
2017/06/30 Javascript
react-navigation 如何判断用户是否登录跳转到登录页的方法
2017/12/01 Javascript
Node层模拟实现multipart表单的文件上传示例
2018/01/02 Javascript
angularjs 页面自适应高度的方法
2018/01/17 Javascript
Node.js 使用axios读写influxDB的方法示例
2018/10/26 Javascript
vue代码分割的实现(codesplit)
2018/11/13 Javascript
Vue.js 中的 v-model 指令及绑定表单元素的方法
2018/12/03 Javascript
vue的.vue文件是怎么run起来的(vue-loader)
2018/12/10 Javascript
JavaScript设计模式之观察者模式实例详解
2019/01/16 Javascript
微信小程序制作表格的方法
2019/02/14 Javascript
如何用JS模拟实现数组的map方法
2020/07/30 Javascript
Python中有趣在__call__函数
2015/06/21 Python
python检测服务器端口代码实例
2019/08/31 Python
使用python绘制二维图形示例
2019/11/22 Python
Pandas缺失值2种处理方式代码实例
2020/06/13 Python
如何利用python 读取配置文件
2021/01/06 Python
俄罗斯电子产品、计算机和家用电器购物网站:OLDI
2019/10/27 全球购物
建筑实习自我鉴定
2013/10/18 职场文书
火车来了教学反思
2014/02/11 职场文书
项目合作协议书
2014/04/16 职场文书
办公室主任岗位承诺书
2014/05/29 职场文书
2014年村支部书记四风对照检查材料思想汇报
2014/10/02 职场文书
体育教师个人总结
2015/02/09 职场文书
党员反四风学习心得体会
2016/01/22 职场文书