Javascript 在html中为按钮添加声音

Javascript 在html中为按钮添加声音,javascript,html,Javascript,Html,尝试在按钮上添加声音时,无法找出问题所在。 还有其他方法吗 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_pl

尝试在按钮上添加声音时,无法找出问题所在。 还有其他方法吗

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>

这里的工作示例

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);

您需要更改音频路径,因为它无效


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

这里是一个工作示例

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);

您需要更改音频路径,因为它无效


编辑:我为您更改了音频路径。用您的声音更新Fiddle。

您的示例的简单修复方法是将source标记更正为src=“path”


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



这是无效的
href=“url”=”http://lab.wijkmanska.se/webbteknik/te13/mattias_martinsson/V08/KnappMattias (1) .wav“
已在此处对此问题做出了回答:这是无效的
href=“url”=”http://lab.wijkmanska.se/webbteknik/te13/mattias_martinsson/V08/KnappMattias (1) .wav“
此问题的答案如下:
<source src="http://lab.wijkmanska.se/webbteknik/te13/mattias_martinsson/V08/KnappMattias (1).wav" type="audio/wav">