按钮单击声音

这就是我想做的事情：

我有30个按钮。 我希望当点击每个按钮时，它会播放不同的mp3文件。 像这样http://www.soundjig.com/pages/soundfx/beeps.html

我只知道如何点击1按钮播放1个音频文件，如下所示：

 play  var audio = $("#mysoundclip")[0]; console.log(audio); $("button.play").click(function() { audio.play(); });  

我不想将所有这些代码应用到所有按钮 – 无论如何要快速执行此操作？

谢谢你的阅读！

Answer 1

您可以使用JavaScript提供的Audio类。

看看这个小提琴 。

这是片段。

 var baseUrl = "http://www.soundjay.com/button/"; var audio = ["beep-01a.mp3", "beep-02.mp3", "beep-03.mp3", "beep-04.mp3", "beep-05.mp3", "beep-06.mp3", "beep-07.mp3", "beep-08b.mp3", "beep-09.mp3"]; $('button.ci').click(function() { var i = $(this).attr('id').substring(1); //get the index of button new Audio(baseUrl + audio[i - 1]).play(); //play corresponding audio }); 

  SOUND 
 SOUND 
 SOUND 
 SOUND 
 SOUND 
 SOUND 
 SOUND 
 SOUND 
 SOUND 
 

Answer 2

通过为每个按钮添加一个id ，使您的按钮彼此不同。 这将允许您通过为标记提供相同的id来将每个按钮映射到其自己的音频文件。 例：

  play  

Answer 3

这是我的解决方案，基于Shrinivas Shukla和whiteletter（下图）的线索。 这段代码同时播放* wav和* mp3文件：

注意：将声音文件命名为我拥有的每个按钮的id，并为每个按钮添加相同的类 - 在这种情况下：“bb”