html - 如何为按钮添加声音效果？

Question

我想为按钮制作声音效果，因此当用户单击它时，它会“响”。我有1.6秒的MP3文件，每次点击都想播放。

我还没有开始使用Java脚本，但是到处看，我都需要Java脚本来运行它。我认为它可以像背景音乐一样设置。

我认为添加自己的代码示例在这里无济于事。我认为这样做的一个例子，我将能够清楚地理解它。

提前致谢!

Answer 1

这不是很难。这是一个最小的示例:

(享受免费软件歌曲)

var button = document.querySelector('button'),
    audio = null;

button.addEventListener('click', handler, false);

function handler() {
  audio = new Audio('https://www.gnu.org/music/FreeSWSong.ogg');
  audio.play();
}

<button>Play</button>