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

JavaScript

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

最佳答案

工作示例在这里。

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/

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

编辑:我为你更改了音频路径。 fiddle 已更新为您的声音。

关于javascript - 为 html 中的按钮添加声音,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35557510/

相关文章:

javascript - 查找 google api.js 版本

javascript - 如何在 react.js 中包含 pdf 链接

javascript - 如何在一个页面上放置多个唯一的 Facebook 跟踪像素(事件)?

html - 重置 DIV 和所有嵌套元素的 CSS 样式

javascript - 当一个元素是父元素时,如何在单击相应元素时触发相应功能?

javascript - 多维数组分割成对象javascript

JavaScript 代码分析 - Plato 的可维护性评级

html - 相对于其父节点的顶部定位按钮

html - 在 xcode 中的应用程序上运行网站并收到错误 "Thread 1: signal SIGABRT"

javascript - 在 jQuery 中获取滚轮数量