javascript - 每次单击 Javascript 中的按钮时如何播放不同的声音？

Question

我想知道如何在每次按下按钮时播放不同的声音( children 可以猜出动物声音的迷你游戏)。

在 JS 中我有:

var lion = new Audio("http://www.thewavsite.com/Animals/Lion03.wav");

在我使用的 HTML 中:

onclick="lion.play()"

是否可以将此方法用于 6 声音程序？

Answer 1

您应该通过 JavaScript 添加监听器:

var sounds = [
  new Audio("/sounds/Lion03.wav"),
  new Audio("/sounds/Zebra03.wav"),
  new Audio("/sounds/SpaghettiMonster.wav")
];

var el = document.getElementById('my_id');
el.addEventListener(function() {
  // Take random sound from list of sounds:
  var sound = sounds[Math.floor(Math.random() * sounds.length];
  sound.play();
});

和 HTML:

<div id="my_id">click for sound</div>

希望它能给你一个想法。