javascript - 如何使用 HTML 和 JavaScript 在单击按钮时播放音频文件？

Question

此代码仅返回音量图标和链接属性，不播放音频文件:

function playSound() {
  var sound = document.getElementById("audio");
  sound.play();
}

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="name">
  My name is
  <div>
    <a><i class="fa fa-volume-up" style="font-size:24px" onclick="playSound()"></i></a>
  </div>
  Basiyath Zubair
  <audio id="audio" src="./audio/name.mp3"></audio>
</div>

Answer 1

如果您将正确的 URL 分配给 audio 的 src 属性，它会起作用，例如

function playSound() {
  var sound = document.getElementById("audio");
  sound.play();
}

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="name">
  My name is
  <div>
    <a><i class="fa fa-volume-up" style="font-size:24px" onclick="playSound()"></i></a>
  </div>
  Basiyath Zubair
  <audio id="audio" src="https://interactive-examples.mdn.mozilla.net/media/examples/t-rex-roar.mp3">
    Your browser does not support the <code>audio</code> element.
  </audio>
</div>