如何通过 HTML 按钮播放声音

Question

我目前通过我的网站播放音乐的方法是通过 HTML 音频标签。但是我希望能够通过 HTML 按钮播放它。此按钮应该能够在播放和停止之间切换音乐。我在 JSFiddle 上创建了一个示例，但不知道如何实现它。有人可以使用我的 JSFiddle 示例告诉我如何做到这一点吗？

JSFiddle： http : //jsfiddle.net/jTh3v/332/

我做的原始方式：

document.getElementById("soundTag").innerHTML = "<audio controls volume preload='none' src='http://www.sousound.com/music/healing/healing_01.mp3'></audio>";

Answer 1

您可以通过 onclick 事件播放声音...在 html.write 上插入一个按钮并在您的按钮上调用它作为 onclick 事件。

function playMusic(){
  var music = new Audio('musicfile.mp3');
  music.play();
  }

<input type="button" value="sound" onclick="playMusic()" />

确保提供有效的文件名。