Soundmanager 2:播放另一个时停止播放声音

时间:2012-09-26 17:08:30

标签: javascript html audio

  

`

soundManager.onload = function() {
 // soundManager.createSound() etc. may now be called
 soundManager.createSound({
 id:'myMp3', url:'audiofiles/my.mp3', onfinish:function()  
 {
 //window.location.href='index.html'
 }
 });
soundManager.createSound({
 id:'yMp3', url:'audiofiles/y.mp3', onfinish:function()  
 {
 //window.location.href='index.html'
 }
 });  
 }; 

`

您好我在这里创建了两个声音,这些声音将与两个不同链接的onClick事件一起播放。当一个声音播放,我点击另一个链接,两个声音同时播放,我想知道如何在触发新声音时停止播放上一个声音! 感谢

2 个答案:

答案 0 :(得分:2)

$(".close-reveal-modal").click( function() {
    soundManager.stopAll();
});

答案 1 :(得分:0)

一旦制作好声音,您就会想要保留对声音的引用。例如:

sounds = [
 new Audio("audiofiles/my.mp3"),
 new Audio("audiofiles/y.mp3")
];

sounds[0].play();

您可以通过声音[0] .addEventListener添加花哨的事件侦听器。暂停播放时,请使用:

sounds[0].addEventListener("play", function() {
  sounds[1].pause();
});

可替换地:

document.getElementById("presstoplaysound").onclick = function() {
  sounds[1].pause();
  sounds[0].play();
};