javascript - 音频无法播放 - JS -

Question

为此苦苦挣扎了几个小时 - 一旦我单击 HTML 元素，似乎就无法播放音频文件。

var bb = document.querySelector(".soundfile");

function playAudio() {
  bb.play();
}


document.querySelector(".btn-hold").addEventListener("click", playAudio);

<audio class="soundfile">
  <sound src="sound.mp3" type="audio/mpeg">
</audio>

<button class="btn-new"><i class="ion-ios-plus-outline"></i>New game</button>
<button class="btn-roll"><i class="ion-ios-loop"></i>Roll dice</button>
<button class="btn-hold"><i class="ion-ios-download-outline"></i>Hold</button>

这与其他问题不同

Answer 1

应该是<source> ，不是<sound> .

<audio class="soundfile">
  <source src="sound.mp3" type="audio/mpeg">
</audio>

更改为正确的元素后，它应该可以正常工作。

如果仍然无法正常工作，则代码的其他部分可能存在问题，而我们没有足够的信息来帮助您诊断该问题。