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項目---------------------------

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

 

 
 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM