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

Posted 2023-02-24

【中文标题】向html中的按钮添加声音[重复]

【英文标题】：Add sound to a button in html [duplicate]

【发布时间】：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"

这里已经回答了这个问题：***.com/questions/18826147/…

【参考方案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">