javascript - 是否可以在 onMouseover 事件上按顺序播放多个声音文件？

Question

我知道如何一次播放单个声音文件 onMouseover 事件，例如

onMouseover="Playsound(1.wav) 

但是，我想在图像或其他元素上的单个鼠标悬停上按顺序播放多个声音文件（1.wav、2.wav、3.wav 等） 。

有可能吗？

提前致谢。

Answer 1

更好的方法是使用 html5 音频元素并为剪辑的结尾注册一个处理程序：

 <audio src="1.wav" id="first"></audio>
 <audio src="2.wav" id="second"></audio>
 audio = document.getElementById('first');
 audio.addEventListener('ended', function(){
   //play next clip
 });
 audio.play();

setTimeout 不适用于需要精确计时的情况。如果第一个音频剪辑有点滞后，您的 setTimeout 将紧随其后。您还依靠上帝知道客户发生了什么。:-)

Answer 2

如果您知道声音的长度，则可以使用 setTimeout 顺序播放它们

Answer 3

您可以通过将函数附加到事件 mouseover 来做到这一点，即

element.addEventListener('mouseover',function () {
    Playsound(1.wav);
    /* do stuff ... if you can retrieve 1.wav length you could use, as semyon mentioned, a setTimeout to play other sounds sequentially i.e. .. */
    setTimeout(playanothersoundfn,GetLength(1.wav));
},false)