时间戳

首页 > 解决方案 > 如何有效地为 HTML 或 CSS 中的按钮添加声音？

html - 如何有效地为 HTML 或 CSS 中的按钮添加声音？

问题描述

对于学校项目，我需要知道这一点，我需要按钮来播放声音。我尝试使用<button>and 一个<audio>标签，但它们似乎不起作用。CSS 将是一个替代方案。唯一有效的是：

<form action="https://bestringtoness.com/sounds/mp3/darth-vader-noooo.mp3">
  <input type="submit" value="Yes" />
</form>

（我正在使用的实际代码）

但这非常低效，我需要返回并一遍又一遍地按“运行”来单击不同的选项。

标签： html

解决方案

使用这样的audio标签：

<audio id="a" src="https://bestringtoness.com/sounds/mp3/darth-vader-noooo.mp3" autoplay="false" ></audio>
<input type="submit" onclick="play()" value="Yes" />
    <script>
    function play() {
          var sound = document.getElementById("a");
          sound.play();
      }
    </script>

推荐阅读