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();
   }

时间: 2025-01-19 20:09:02

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

使用LiveSound在服务器端播放声音文件的控件LiveControls for ASP.NET

LiveControls for ASP.NET控件是一套包含21个ASP.NET web服务器组件的产品,它可以为您的ASP.NET web应用程序添加AJAX回调功能.当给服务器传递数据的时候不会再出现让人头痛的画面刷新.此产品包含在产品集合 PowerWEB for ASP.NET Suite 中. 具体功能: LiveControls可以直接替换许多标准的Microsoft控件.消除服务器端的回调以及更新表单元素来防止因为页面刷新而中断了的用户体验. 想象一下可能发生的- 网上商店的网站

前端使用js读取文件

最近同时问我js能不能读取本地文件: 想起以前看到js读取本地文件的文章,然后自己写了个demo. ps:这有点想Java的IO流,但是又有差别. 首先我们定义一个input标签type="file" 1 jsReadFile:<input type="file" onchange="jsReadFiles(this.files)"/> 然后我们定义一个jsReadFiles的方法将文件作为参数:当上传文件的时候读取这个文件 1 //

两种 js下载文件的方法(转)

function DownURL(strRemoteURL, strLocalURL){ try{ var xmlHTTP = new ActiveXObject("Microsoft.XMLHTTP"); xmlHTTP.open("Get", strRemoteURL, false); xmlHTTP.send(); var adodbStream = new ActiveXObject("ADODB.Stream"); adodbStrea

使用AjaxFileUpload.js实现文件异步上传

ajax是无法提交文件的,所以在上传图片并预览的时候,我们经常使用Ifame的方法实现看似异步的效果.但是这样总不是很方便的,AjaxFilleUpload.js对上面的方法进行了一个包装,使得我们不用去管理Iframe的一系列操作,也不用影响我们的页面结构,实现异步的文件提交. html: <input type="file" name="upload" hidden="hidden" id="file_upload"

[Android学习系列2]用webview写界面,加载本地js,js,html文件

以jquery mobile为例 1.在android界面拖入一个webview,然后添加一个internet权限 <uses-sdk android:minSdkVersion="8" android:targetSdkVersion="18" /> <uses-permission android:name="android.permission.INTERNET"/> <application ........

详解Js中文件读取机制

前言,文件读取是提高应用体验度的必须接口,因为文件操作在编程应用场景中需求很频繁. Js处理文件读取,由于处于安全方面的考虑,在2000年以前,都是以“<input type="file">”字段来实现文件上传,这样有很多的局限性,比如无法在本地上传时看到自己上传的文件(如图片),也无法读取到文件内容,审查文件流大小. HTML5中,主流浏览器引擎都支持新的FILE API,为“<input type="file">”提供一个files数组,

javascript异步延时加载及判断是否已加载js/css文件

引用就是某一变量(目标)的一个别名,对引用的操作与对变量直接操作完全一样. 引用的声明方法:类型标识符 &引用名=目标变量名: 例如: int a int &b=a; //定义引用b,它是变量a的引用,即别名 #include <stdio.h> void main() { int a = 123; int &b = a; printf("a=%d b=%d\n", a, b); } 执行结果: 实例:引用和变量的关系 #include <io

nginx设置反向代理后,页面上的js css文件无法加载

问题现象: nginx配置反向代理后,网页可以正常访问,但是页面上的js css文件无法加载,页面样式乱了. (1)nginx配置如下: (2)域名访问:js css文件无法加载: (3)IP访问:js css文件可以正常加载: 解决方法: nginx配置文件中,增加如下配置: location ~ .*\.(js|css)$ { proxy_pass http://127.0.0.1:8866; } 原因分析: 反向代理的路径下找不到文件,需要单独指定js css文件的访问路径.

node.js笔记——文件之间的引入

node.js的基础语法就是JavaScript的语法,所以对于懂得javascript的同学来说要容易一些,至于环境的配置也要相对简单很多,可以访问官方文档进行安装.这里分享一下我在学习中总结的一些东西,这是第一篇先来说说文件之间如何进行引入并互相使用变量及函数. 码缘»node.js笔记——文件之间的引入 http://www.ithome.ren/2017/05/31/node-js1.html