如何修改函数以在 HTML onclick 中播放声音？

Posted 2023-02-24

【中文标题】如何修改函数以在 HTML onclick 中播放声音？

【英文标题】：How do I modify a function to play a sound in HTML onclick?

【发布时间】：2019-02-16 05:48:56

【问题描述】：

我不确定如何格式化可以在 html 中使用 Onclick 调用的函数。

我尝试过使用 *** 和 W3 Schools 上发布的几种方法。声音本地存储在主文件中，但是，我也一直在尝试使用 Web 文件。 (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();
   

我希望用户在单击“开火”按钮时听到某种类型的声音。 谢谢你

【问题讨论】：

***.com/questions/18826147/…的可能重复

通过将() 放在对它的引用之后调用函数。 onclick = "play()"。详细了解函数：developer.mozilla.org/en-US/docs/Web/javascript/Guide/…

【参考方案1】：

您正在使用 getElementbyId("audio") 但您看到 dom 中没有具有该 id 的标签。因此，要么将音频标签的 id 设为“音频”，要么使用

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

【参考方案2】：

问题出在函数调用中

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>

【讨论】：

非常感谢。这是我第一次尝试使用音频，这不是错过令人尴尬的细节的借口。感谢您的帮助。