音频无法播放-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>

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

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

Answer 2

用<sound>替换<source>标记