js 播放声音文件
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项目---------------------------
<input type="button" id="btn" value="声音" onclick="playSound()">
<input type="button" id="btn22" value="停止" onclick="playSop()">
<script language="javascript">
function playSound(){
document.getElementById("ddsound").play();
}
function playSop(){
document.getElementById("ddsound").pause();
}
</script>
//----------ajax--------
$.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 播放声音文件的更多相关文章
- JS播放声音
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JS播放声音</tit ...
- Node.js写文件的三种方法
Node.js写文件的三种方式: 1.通过管道流写文件 采用管道传输二进制流,可以实现自动管理流,可写流不必当心可读流流的过快而崩溃,适合大小文件传输(推荐) var readStream = fs. ...
- web主题公园版权信息破解:script.js加密文件
很多人会使用web主题公园网站的免费worldpress主题,但它的主题又都被加了版权信息,故意让人找不到版权信息的修改位置. 你如果去footer.php里面删除版权信息(技术支持:web主题公园) ...
- [django]Django的css、image和js静态文件生产环境配置
前言:在Django中HTML文件如果采用外联的方式引入css,js文件或者image图片,一般采用<link rel="stylesheet" href="../ ...
- node.js grunt文件压缩
对于前段来说,熟悉node的人其实还并不是太多,如果您想入门一门后端语言我建议还是从node入手最好. 我也是最近开始学习node,来谈谈近期对node的学习的心得. 提到node首先就是要安装一大堆 ...
- 详解Js中文件读取机制
前言,文件读取是提高应用体验度的必须接口,应用场景中需求很频繁. Js处理文件读取,由于处于安全方面的考虑,在2000年以前,都是以“<input type="file"&g ...
- iOS之在webView中引入本地html,image,js,css文件的方法 - sky//////////////////////////////////////ZZZZZZZZZZZZZZZ
iOS之在webView中引入本地html,image,js,css文件的方法 2014-12-08 20:00:16CSDN-sky_2016-点击数:10292 项目需求 最近开发的项 ...
- 前端使用js读取文件
最近同时问我js能不能读取本地文件: 想起以前看到js读取本地文件的文章,然后自己写了个demo. ps:这有点想Java的IO流,但是又有差别. 首先我们定义一个input标签type=" ...
- asp.net和js读取文件的MD5值的方法
前言 文件的md5值,即文件签名,为了验证文件的正确性,是否被恶意篡改等.每个文件有一个唯一的md5值. 最近公司开发的app文件包的校验就有用到文件md5值. 一.asp.net获取 ①和上传文件一 ...
随机推荐
- （转）NIO 内存映射文件
内存映射文件 I/O 是一种读和写文件数据的方法,它可以比常规的基于流或者基于通道的 I/O 快得多. 内存映射文件 I/O 是通过使文件中的数据神奇般地出现为内存数组的内容来完成的.这其初听起来似乎 ...
- XAMPP + Xdebug+Zend Studio
建立php开发环境(XAMPP + Xdebug+Zend Studio) 大家知道,运行php可以在apache上运行,但是要在apache上配置php解释器模块,懒得麻烦.就用XAMPP吧,它已经 ...
- [Webpack] Detect Unused Code with Webpack and unused-files-webpack-plugin
As you refactor and modify applications, it's difficult to manage and keep track of files as they be ...
- keepalived 配置需要注意的问题
keepalived 配置过程中遇到了一些问题,做个记录: 1.selinux的影响:keepalived配置了vrrp_script脚本总是无效 注:脚本返回值0代表成功,1或其他非0值代 ...
- XP系统如何把桌面图标变大
右击桌面,属性,外观,高级,在项目里面找到图标,大小改为你喜欢的样式. 我测试的结果是:图标大小改为42,字体大小改为8,图标垂直间距改为100,水平间距改为54效果不错.
- margin外边距问题
1 .上下边距会叠加 !DOCTYPE html> <html> <head> <m<etacharset="UTF-8"> < ...
- Workshop：用Python做科学计算
Python是程序史上最流行的开源语言之一. 仅在官方包索引PyPi上就已经发布了超过10万个开源软件包,而且还有更多的项目. 在SciPy的麾下,有一个成熟的python包生态系统,可以使用Pyth ...
- 【转】C# 视频监控系列（12）：H264播放器——播放录像文件
原文地址:http://www.cnblogs.com/over140/archive/2009/03/23/1419643.html?spm=5176.100239.blogcont51182.16 ...
- HTTP协议，详解
整合网上各种资料,原创,不懂可以加 QQ:3111901846 一般学习一样新的知识,你首先要问问自己这三个问题,如果学完以后,你能回答出来这几个问题,证明你还是不错的 1.什么是HTTP协议?2.H ...
- Android面试常问到的知识点
一.算法,数据结构 1.排序算法 2.查找算法 3.二叉树 4.广度,深度算法: 二.java基础 1.集合Collection,List,Map等常用方法,特点,关系: 2.线程的同步,中断方式有几 ...