在按钮单击 HTML 上播放音频 - Javascript

在网页上添加音频可以为用户提供更好的体验。在 Javascript 中，我们可以通过使用 Audio 对象来播放音频。本文将向您介绍如何在按钮单击 HTML 上播放音频。

首先，我们需要创建一个 HTML 按钮并指定一个 ID，例如：

<button id="play-audio">播放音频</button>

然后，我们需要在 Javascript 中获取该按钮，添加一个 click 事件监听器，并在该事件触发时播放音频文件。我们可以使用 Audio 对象来加载和播放音频文件。以下是一个示例代码片段：

// 获取按钮
const playButton = document.getElementById('play-audio');

// 添加事件监听器
playButton.addEventListener('click', function() {
  // 创建 Audio 对象
  const audio = new Audio('audio-file.mp3');
  
  // 播放音频
  audio.play();
});

代码中的 audio-file.mp3 是您要播放的音频文件的路径。将其替换为您需要播放的音频文件的路径即可。

此外，您还可以为 Audio 对象指定其他参数，例如循环播放，预加载音频文件等。您可以参阅 Audio 对象文档以获取更多信息。

最后，务必注意在您的代码中添加适当的错误处理。如果用户的浏览器不支持 Audio 对象，您的代码将无法正常工作。

希望这篇文章能给您带来帮助！