from:http://hi.baidu.com/xykking/item/7f64a04364e43ce4bdf45127

我在做项目的时候,也遇到了这个问题,可以灵活的使用下面的这两种方法,我使用的是第二种,当然如果附加上ajax,可能效果会更好点。

第一:在页面body里加上

<bgsound id="snd" loop="0" src="">

然后再<head></head>之间加上 
<script> 
function playSound(src){ 
var _s = document.getElementByIdx_x('snd'); 
if(src!='' && typeof src!=undefined){ 
_s.src = src; 


</script>

调用时,比如用按钮调用: 
<input type="button" value="声音" onclick="playSound('这里填写你的声音文件路径')">

声音文件尽量要小,几十K到wav文件即可

第二:

在form或者body中加上

<EMBED id="ddsound" src="李玉刚-新贵妃醉酒.mp3"   align="center" border="0" width="1" height="1" loop="false"/>

然后调用方法

function playSound(){ 
    document.getElementByIdx_x("ddsound").play();
   }

//---------------------oos项目---------------------------

 <audio id='ddsound' src='${rootUrl}attachFiles/course/1.mp3'   align='center' border='0' width='1' height='1' loop='false'></audio>
<input type="button" id="btn" value="声音" onclick="playSound()"> 
<input type="button" id="btn22" value="停止" onclick="playSop()"> 
 
//--------------script--------

<script language="javascript">
function playSound(){
document.getElementById("ddsound").play();
}

function playSop(){
document.getElementById("ddsound").pause();
}
</script>

//----------ajax--------

 setInterval(function (){
$.ajax({
        type: "POST",
        url: "${rootUrl }app/recipeDP/confirmOrder/getNum",
        success:function(json){
         var data = eval('(' + json + ')');
         if(data.result == 'success'){
         var numObj = document.getElementById('num'); 
         var val = numObj.innerHTML;
         if(val != data.message){
        document.getElementById("ddsound").play();
        setTimeout(function (){
        window.location.reload();
},5000);
         }else{
        document.getElementById("ddsound").pause();
         }
         }else{
         alert(data.message);
         }
 },
 error:function(json){
mui.toast('网络忙,请稍后重试');
 }
    });
},10000);
 
 

js 播放声音文件的更多相关文章

  1. JS播放声音

    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JS播放声音</tit ...

  2. Node.js写文件的三种方法

    Node.js写文件的三种方式: 1.通过管道流写文件 采用管道传输二进制流,可以实现自动管理流,可写流不必当心可读流流的过快而崩溃,适合大小文件传输(推荐) var readStream = fs. ...

  3. web主题公园版权信息破解:script.js加密文件

    很多人会使用web主题公园网站的免费worldpress主题,但它的主题又都被加了版权信息,故意让人找不到版权信息的修改位置. 你如果去footer.php里面删除版权信息(技术支持:web主题公园) ...

  4. [django]Django的css、image和js静态文件生产环境配置

    前言:在Django中HTML文件如果采用外联的方式引入css,js文件或者image图片,一般采用<link rel="stylesheet" href="../ ...

  5. node.js grunt文件压缩

    对于前段来说,熟悉node的人其实还并不是太多,如果您想入门一门后端语言我建议还是从node入手最好. 我也是最近开始学习node,来谈谈近期对node的学习的心得. 提到node首先就是要安装一大堆 ...

  6. 详解Js中文件读取机制

    前言,文件读取是提高应用体验度的必须接口,应用场景中需求很频繁. Js处理文件读取,由于处于安全方面的考虑,在2000年以前,都是以“<input type="file"&g ...

  7. iOS之在webView中引入本地html,image,js,css文件的方法 - sky//////////////////////////////////////ZZZZZZZZZZZZZZZ

    iOS之在webView中引入本地html,image,js,css文件的方法   2014-12-08 20:00:16CSDN-sky_2016-点击数:10292     项目需求 最近开发的项 ...

  8. 前端使用js读取文件

    最近同时问我js能不能读取本地文件: 想起以前看到js读取本地文件的文章,然后自己写了个demo. ps:这有点想Java的IO流,但是又有差别. 首先我们定义一个input标签type=" ...

  9. asp.net和js读取文件的MD5值的方法

    前言 文件的md5值,即文件签名,为了验证文件的正确性,是否被恶意篡改等.每个文件有一个唯一的md5值. 最近公司开发的app文件包的校验就有用到文件md5值. 一.asp.net获取 ①和上传文件一 ...

随机推荐

  1. 【笔记】js 关于定时器的理解

    总所周知 js 里面的 setTimeout() 方法是用来设定某些功能在某段时间间隔之后执行的.但是今天看了高程对定时器的描述发现并不是这样. setTimeout(function(){ //.c ...

  2. Mac Finder 显示路径和复制路径

    Mac Finder 显示路径和复制路径 学习了:https://www.jianshu.com/p/757f9ffc5acf 设置 defaults write com.apple.finder _ ...

  3. Redis 数据结构之简单动态字符串SDS

    几个概念1:key对象 数据库存储键值对的键,总是一个字符串对象.2:value对象 数据库存储键值对的值,可以是字符串对象,list对象,hash对象,set对象,sorted set对象.    ...

  4. 【转】java与C++的区别

    转自:http://club.topsage.com/thread-265349-1-1.html Java并不仅仅是C++语言的一个变种,它们在某些本质问题上有根本的不同: (1)Java比C++程 ...

  5. WebDriver API——第3部分Action Chains

    The ActionChains implementation, class selenium.webdriver.common.action_chains.ActionChains(driver) ...

  6. 设计模式在cocos2d-x中的使用--简单工厂模式(Simple Factory)

    什么是简单工厂模式? 从设计模式的类型上来说,简单工厂模式是属于创建型模式,又叫做静态工厂方法(Static Factory Method)模式.通过专门定义一个类来负责创建其它类的实例,被创建的实例 ...

  7. 经常使用的 WEB server

    对于刚開始学习的人来说,或许自己能够写出一些简单的演示样例DEMO,但却纠结于不知道应该怎样才干訪问自己的页面,这里进行了一些简单的WEBserver总结.便于新朋友配置使用 静态HTML页面 对于静 ...

  8. Jboss下jaxws的开发

    http://xpenxpen.iteye.com/blog/1695069之前用jaxws做web service开发,无论是axis2还是cxf的实现,在tomcat上均成功部署.偏偏项目用的是j ...

  9. 修改select下拉框的下拉按钮

    ie上的下拉框下拉按钮真是太丑了,如何把他自定义一下呢? 首先,把浏览器自带的下拉框去掉:  select::-ms-expand { display: none; } 接下来,用自己喜欢的下拉图片去 ...

  10. java中finalkeyword使用说明

    必须在域的定义处或者每一个构造器中用表达式对final进行赋值,这正是final域在使用前总是被初始化的原因所在.