将声音添加到html中的按钮

时间:2016-02-22 15:26:33

标签: 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_play_pause()">Play/Pause</button>

的JavaScript

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

2 个答案:

答案 0 :(得分: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/

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

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

答案 1 :(得分:1)

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

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