点击一个按钮在Javascript上播放声音

Click a button to play sound on Javascript

本文关键字：按钮 Javascript 播放声音 一个      更新时间：2023-09-26

我想让一个按钮在点击时播放降b音阶。我做错了什么?

<!DOCTYPE html>
<html>
<head>
<script>
function PlaySound() {
    alert("hello");
  var bflat = new audio();
  bflat.src = "bflat.mp3";
  document.getElementById(bflat);
  bflat.Play();
}
</script>
</head>
<body>
<audio id="bflat"> </audio>
<button onclick="PlaySound"> B Flat </button>
</body>
</html>

如果旋律在其他位置，则使用下面的代码。在Javascript中，如下所示:

<script>
    function PlaySound(melody) {
        alert("On Press of "+melody);
        var path = "path''to''melody''"
        var snd = new Audio(path + melody + ".mp3");
        snd.play();
    }
</script>

在HTML body:中可以插入

<button onclick="PlaySound('melody1')"> button1</button>
<button onclick="PlaySound('melody2')"> button2</button>

保持简单(直到它起作用)，并尝试如下:

<audio id="bflat" src="bflat.mp3"></audio>
<button onclick="document.getElementById('bflat').play()">Play!</button>

发现于MDN

这行得通:

<!DOCTYPE html>
<html>
<head>
<script>
var bflat = new Audio();
bflat.src = "bflat.mp3";
function PlaySound() {
    bflat.play();
}
</script>
</head>
<body>
<audio id="bflat"> </audio>
<button onclick="PlaySound()"> B Flat </button>
</body>
</html>

这很简单，试着用这个HTML来调用PlaySound函数

<button onclick="PlaySound()"> B Flat </button>

保持简单!

<!DOCTYPE html>
<html>
<body>
<audio id="myAudio">
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>
<p>Click the buttons to play or pause the audio.</p>
<button onclick="playAudio()" type="button">Play Audio</button>
<button onclick="pauseAudio()" type="button">Pause Audio</button> 
<script>
var x = document.getElementById("myAudio"); 
function playAudio() { 
    x.play(); 
} 
function pauseAudio() { 
    x.pause(); 
} 
</script>
</body>
</html>
相关文章：