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. 4CIF是什么意思

    QCIF:176X144 CIF:352X288 2CIF:704X288 DCIF:584X384 4CIF:704X576 CIF是常用的标准化图像格式(Common Intermediate F ...

  2. 解决Windows下,运行python工程下的模块找不的到问题

    1.首先在Windows下配置环境变量 找到python安装的目录,我是装在C:\Python27,将改路径添加到环境变量中 添加成功了,你可以在任意行下面执行 python 程序 当你在执行工程的时 ...

  3. Unity3d 显示IOS基本的游戏中心脚本

    using UnityEngine; using UnityEngine.SocialPlatforms; public class Startup : MonoBehaviour { // we'l ...

  4. STL源码剖析(适配器)

    STL中由三类适配器,它们分别是: 1.容器适配器(stack.queue) 2.迭代器适配器(insert_iterator.reverse_iterator.iostream_iterator) ...

  5. Sybase数据库应用系统调优的五大领域

    Sybase数据库应用系统调优的五大领域 2011/3/14/13:49来源:慧聪it网 本 文以“某大型商业银行的网上银行系统”这一很具有典型意义的企业级大型Sybase数据库应用系统为例,涉及了数 ...

  6. NET框架 Castle

    Castle是针对.NET平台下的一个非常优秀的开源项目,从数据访问框架 ORM到依赖注入容器,再到WEB层的MVC框架.AOP,基本包括了整个开发过程中的所有东西,为我们快速的构建企业级的应用程序提 ...

  7. JavaScript入门:002—JS代码放置的位置

    JavaScript在页面中使用,那么这些JS代码应该放在什么位置呢?以下来看一下. 一般来说有两种方式.写在界面上和使用.js文件.1.1界面上的Head部分能够直接放在head标签内,例如以下代码 ...

  8. C语言初级链表(之有头节点的单向链表)

    #define _CRT_SECURE_NO_WARNINGS #include <stdio.h> #include <stdlib.h> typedef struct No ...

  9. Application Request Route实现IIS Server Farms集群负载详解(转)

    http://www.cnblogs.com/knowledgesea/p/5099893.html http://www.cnblogs.com/smileberry/p/4300849.html

  10. 从12306网站新验证码看Web验证码设计与破解

    2015年3月16日,铁路官方购票网站12306又出新招,在登录界面推出了全新的验证方式,用户在填写好登录名和密码之后,还要准确的选取图片验证码才能登陆成功.据悉,12306验证码改版后,目前所有抢票 ...