同时播放背景音乐和音效

我有一款游戏需要播放背景音乐，当我点击一个按钮时它应该播放声音。它播放声音但停止播放音乐。同时播放背景音乐和音效

重新打开音乐的唯一方法是进行其他事件，如点击按钮。在背景音乐继续播放时，有什么方法可以播放声音吗？

这是我的代码到目前为止。

var a = new Audio("Latin Groove Hype App.mp3"); 

function init() 
{ 
    playBackGroundLoop(); 

}// in html(<body onload = "init()">) 


function playSoundEffect() 
{ 
    var playSoundCorrect = new Audio("Correct synth.mp3"); 
    playSoundCorrect.play(); 
} 


function playBackGroundLoop() 
{ 
    a.addEventListener('ended', function() 
        { 
         this.currentTime = 0; 
         this.play();//plays music on loop 
        }, true); 
    a.play(); 
} 

$(function() 
    { 
    $("#playButton").on("click",function() 
       { 
       playSoundEffect(); 
       } 
    });

谢谢

来源

2012-08-09 John Whyte

花一分钟，并通过我的剧本，以适应项目：

HTML：

<ul id=nav> 
    <li><a href="javascript:;">Item 1</a></li> 
    <li><a href="javascript:;">Item 2</a></li> 
</ul> 

<audio id="audio-nav"> 
    <source src="click.mp3"></source> 
    <source src="click.ogg"></source> 
    Your browser isn't invited for super fun audio time. 
</audio> 
<audio id="audio-bg"> 
    <source src="bg.mp3"></source> 
    <source src="bg.ogg"></source> 
    Your browser isn't invited for super fun audio time. 
</audio> 

<a id="toggle" href="javascript:;">PLAY/PAUSE</a>

JS：

var bgMusic = $('#audio-bg')[0], 
    navMusic = $('#audio-nav')[0], 
    playing = true; 

bgMusic.addEventListener('ended', function() { 
    this.currentTime = 0; 
    if (playing) { 
     this.play(); 
    } 
}, false); 

bgMusic.play(); 

$('#toggle').click(function() { 
    if (!bgMusic.paused) { 
     bgMusic.pause(); 
     playing = false; 
    } else { 
     bgMusic.play(); 
     playing = true; 
    } 
}); 

$('#nav a').click(function() { 
    navMusic.play(); 
});

...在这里，完全functional demo

来源

2012-08-13 16:32:55 yckart

同时播放背景音乐和音效

回答

相关问题