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 相关文章推荐
js动态加载以及确定加载完成的代码
Jul 31 Javascript
js调用AJAX时Get和post的乱码解决方法
Jun 04 Javascript
javascript上传图片前预览图片兼容大多数浏览器
Oct 25 Javascript
JS实现点击网页判断是否安装app并打开否则跳转app store
Nov 18 Javascript
bootstrap响应式工具使用详解
Nov 29 Javascript
vue2中使用less简易教程
Mar 27 Javascript
vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)
Oct 24 Javascript
微信小程序自定义弹窗wcPop插件
Nov 19 Javascript
微信小程序npm引入vant-weapp的踩坑记录
Aug 01 Javascript
vue动态子组件的两种实现方式
Sep 01 Javascript
vue-cli3使用mock数据的方法分析
Mar 16 Javascript
用vue设计一个日历表
Dec 03 Vue.js
如何将一个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
PHP魔术方法使用方法汇总
2016/02/14 PHP
PNGHandler-借助JS让PNG图在IE下实现透明(包括背景图)
2007/08/31 Javascript
js数据验证集合、js email验证、js url验证、js长度验证、js数字验证等简单封装
2010/05/15 Javascript
JavaScript 上万关键字瞬间匹配实现代码
2013/07/07 Javascript
jquery实现滑动图片自己测试的例子
2013/11/05 Javascript
javascript检测两个数组是否相似
2015/05/19 Javascript
JavaScript中获取时间的函数集
2016/08/16 Javascript
JavaScript该如何学习 怎样轻松学习JavaScript
2017/06/12 Javascript
JS奇技之利用scroll来监听resize详解
2017/06/15 Javascript
使用D3.js创建物流地图的示例代码
2018/01/27 Javascript
Express之托管静态文件的方法
2018/06/01 Javascript
关于ckeditor在bootstrap中modal中弹框无法输入的解决方法
2019/09/11 Javascript
Vuex实现数据共享的方法
2019/12/20 Javascript
基于Numpy.convolve使用Python实现滑动平均滤波的思路详解
2019/05/16 Python
解决Python二维数组赋值问题
2019/11/28 Python
你可能不知道的Python 技巧小结
2020/01/29 Python
Pandas时间序列:时期(period)及其算术运算详解
2020/02/25 Python
如何使用python写截屏小工具
2020/09/29 Python
如何用Python 实现全连接神经网络(Multi-layer Perceptron)
2020/10/15 Python
CSS3 特效范例整理
2011/08/22 HTML / CSS
详解H5 活动页之移动端 REM 布局适配方法
2017/12/07 HTML / CSS
Charlotte Tilbury澳大利亚官网:英国美妆品牌
2018/10/05 全球购物
阿迪达斯新加坡官方网站:adidas新加坡
2019/12/06 全球购物
PHP数据运算类型都有哪些
2013/11/05 面试题
最新远光软件笔试题面试题内容
2013/11/08 面试题
股票投资建议书
2014/05/19 职场文书
工作所在部门证明
2014/09/21 职场文书
合同和协议有什么区别?
2014/10/08 职场文书
2015年售后服务工作总结
2015/04/25 职场文书
运动会1000米加油稿
2015/07/21 职场文书
2016年社区国庆节活动总结
2016/04/01 职场文书
2019暑假阅读倡议书
2019/06/24 职场文书
redis通过6379端口无法连接服务器(redis-server.exe闪退)
2021/05/08 Redis
将MySQL的表数据全量导入clichhouse库中
2022/03/21 MySQL
Java 深入探究讲解简单工厂模式
2022/04/07 Java/Android
使用 Koa + TS + ESLlint 搭建node服务器的过程详解
2022/05/30 NodeJs