向html中的按钮添加声音[重复]答案

【问题标题】：Add sound to a button in html [duplicate]向html中的按钮添加声音[重复]
【发布时间】：2016-02-22 15:26:32
【问题描述】：

尝试为按钮添加声音，但不知道出了什么问题。还有其他方法吗？

HTML

<audio id="myAudio">
   <source href="url"="http://lab.wijkmanska.se/webbteknik/te13/mattias_martinsson/V08/KnappMattias (1).wav" type="audio/wav">
</audio>
<button type="button" onclick="aud_play_pause()">Play/Pause</button>

JavaScript

function aud_play_pause() {
  var myAudio = document.getElementById("myAudio");
  if (myAudio.paused) {
    myAudio.play();
  } else {
    myAudio.pause();
  }
}

【问题讨论】：

这无效href="url"="http://lab.wijkmanska.se/webbteknik/te13/mattias_martinsson/V08/KnappMattias (1).wav"
这里已经回答了这个问题：stackoverflow.com/questions/18826147/…

标签： javascript html

【解决方案1】：

这里的工作示例。

var playBtn = document.getElementById('play');
var stopBtn = document.getElementById('stop');

var playSound = function() {
audio.play();
};

playBtn.addEventListener('click', playSound, false);
stopBtn.addEventListener('click', function(){audio.pause()}, false);

http://jsfiddle.net/dsuket/jTh3v/

您需要更改您的音频路径，因为它无效。

编辑：我为您更改了音频路径。用你的声音更新小提琴。

【讨论】：

【解决方案2】：

对您的示例的简单修复是将源标记更正为 src="path"

<source src="http://lab.wijkmanska.se/webbteknik/te13/mattias_martinsson/V08/KnappMattias (1).wav" type="audio/wav">

【讨论】：