Question

我不确定如何格式化HTML中可以通过Onclick调用的函数的格式。

我已经尝试过使用StackOverflow和W3 Schools上发布的几种方法。声音存储在本地的主文件中，但是，我也一直尝试使用网络文件。（http://www.intriguing.com/mp/_sounds/hg/dead.wav）。

<div id="play">
    <button type= button onclick = "play" >Fire!</button>
</div>  
<audio >
    <source src="Photon.mp3" type="audio/mpeg">
    <source src="Photon.mp3" type="audio/ogg">
</audio>

//Optional sound source 

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

我希望用户单击“启动”按钮时听到某种声音。谢谢

Answer 1

函数调用中存在问题

function play() {
  var audio = document.getElementById("audio");
  audio.play();
  console.log('playing')
}

<div id="play">
  <button type=button onclick="play()">Fire!</button></div>

<audio id="audio">
      <source src="Photon.mp3" type="audio/mpeg">
      <source src="Photon.mp3" type="audio/ogg">
 </audio>

Answer 2

您正在使用getElementbyId（“ audio”），但是您看到dom中没有带有该ID的标签。因此，要么将音频标签的ID设置为“音频”，要么使用

var elem = document.querySelector("audio");

如何修改功能以在HTML onclick中播放声音？

2 个答案: