使用Javascript创建多个按钮，单击时播放声音_Javascript_Html

使用Javascript创建多个按钮，单击时播放声音

javascript html

使用Javascript创建多个按钮，单击时播放声音,javascript,html,Javascript,Html,好的，我理解基本的javascript，我正在尝试制作一个音板类型的应用程序。我有在页面上的按钮，但第二个按钮是拉第一个按钮的音频文件。我试着将按钮放在不同的段落、div和其他一些东西中，但当不同的音频文件链接时，两个按钮播放的声音完全相同。请帮忙 <!DOCTYPE HTML> <html> <head> <title>Audio</title> </head> <body> <script>

好的，我理解基本的javascript，我正在尝试制作一个音板类型的应用程序。我有在页面上的按钮，但第二个按钮是拉第一个按钮的音频文件。我试着将按钮放在不同的段落、div和其他一些东西中，但当不同的音频文件链接时，两个按钮播放的声音完全相同。请帮忙

<!DOCTYPE HTML>
<html>
<head>
<title>Audio</title>
</head>
<body>

<script>
    function play() {
       var audio = document.getElementById("audio");
       audio.play();
    }
</script>

<input type="button" value="PLAY"  onclick="play()">
<audio id="audio" src="audio/semipro.MP3" ></audio>

<input type="button" value="PLAY 2"  onclick="play()">
<audio id="audio" src="audio/hit.MP3" ></audio>


</body>
</html>


音频
函数播放（）{
var audio=document.getElementById（“音频”）；
音频播放（）；
}

您不应该有两个id相同的元素，它们应该始终是唯一的

建议: 您的

play

方法可以采用

id

参数，该参数应与按钮应播放的

audio

标记中的

id

相同

可能的解决办法：

<!DOCTYPE HTML>
<html>
<head>
<title>Audio</title>
</head>
<body>

<script>
function play(element){
   var audio = document.getElementById(element);
   audio.play();
             }
</script>

<input type="button" value="PLAY"  onclick="play('audio1')">
<audio id="audio1" src="audio/semipro.MP3" ></audio>

<input type="button" value="PLAY 2"  onclick="play('audio2')">
<audio id="audio2" src="audio/hit.MP3" ></audio>



</body>
</html>


音频
功能播放（元素）{
var audio=document.getElementById（元素）；
音频播放（）；
}

您不应该有两个id相同的元素，它们应该始终是唯一的

建议: 您的

play

方法可以采用

id

参数，该参数应与按钮应播放的

audio

标记中的

id

相同

可能的解决办法：

<!DOCTYPE HTML>
<html>
<head>
<title>Audio</title>
</head>
<body>

<script>
function play(element){
   var audio = document.getElementById(element);
   audio.play();
             }
</script>

<input type="button" value="PLAY"  onclick="play('audio1')">
<audio id="audio1" src="audio/semipro.MP3" ></audio>

<input type="button" value="PLAY 2"  onclick="play('audio2')">
<audio id="audio2" src="audio/hit.MP3" ></audio>



</body>
</html>


音频
功能播放（元素）{
var audio=document.getElementById（元素）；
音频播放（）；
}

您不应该有两个id相同的元素，它们应该始终是唯一的

建议: 您的

play

方法可以采用

id

参数，该参数应与按钮应播放的

audio

标记中的

id

相同

可能的解决办法：

<!DOCTYPE HTML>
<html>
<head>
<title>Audio</title>
</head>
<body>

<script>
function play(element){
   var audio = document.getElementById(element);
   audio.play();
             }
</script>

<input type="button" value="PLAY"  onclick="play('audio1')">
<audio id="audio1" src="audio/semipro.MP3" ></audio>

<input type="button" value="PLAY 2"  onclick="play('audio2')">
<audio id="audio2" src="audio/hit.MP3" ></audio>



</body>
</html>


音频
功能播放（元素）{
var audio=document.getElementById（元素）；
音频播放（）；
}

您不应该有两个id相同的元素，它们应该始终是唯一的

建议: 您的

play

方法可以采用

id

参数，该参数应与按钮应播放的

audio

标记中的

id

相同

可能的解决办法：

<!DOCTYPE HTML>
<html>
<head>
<title>Audio</title>
</head>
<body>

<script>
function play(element){
   var audio = document.getElementById(element);
   audio.play();
             }
</script>

<input type="button" value="PLAY"  onclick="play('audio1')">
<audio id="audio1" src="audio/semipro.MP3" ></audio>

<input type="button" value="PLAY 2"  onclick="play('audio2')">
<audio id="audio2" src="audio/hit.MP3" ></audio>



</body>
</html>


音频
功能播放（元素）{
var audio=document.getElementById（元素）；
音频播放（）；
}

不要使用重复的ID。您只需要一个音频元素，就可以在单击函数中更改src属性。此外，输入元素应仅位于表单中，请改用按钮元素：

<!--HTML-->
<audio id="audio"></audio>
<button onclick="play('file1.mp3')">Play Sound 1</button>

<button onclick="play('file2.mp3')">Play Sound 2</button>

工作示例：

不要使用重复的ID。您只需要一个音频元素，就可以在单击函数中更改src属性。此外，输入元素应仅位于表单中，请改用按钮元素：

<!--HTML-->
<audio id="audio"></audio>
<button onclick="play('file1.mp3')">Play Sound 1</button>

<button onclick="play('file2.mp3')">Play Sound 2</button>

工作示例：

不要使用重复的ID。您只需要一个音频元素，就可以在单击函数中更改src属性。此外，输入元素应仅位于表单中，请改用按钮元素：

<!--HTML-->
<audio id="audio"></audio>
<button onclick="play('file1.mp3')">Play Sound 1</button>

<button onclick="play('file2.mp3')">Play Sound 2</button>

工作示例：

不要使用重复的ID。您只需要一个音频元素，就可以在单击函数中更改src属性。此外，输入元素应仅位于表单中，请改用按钮元素：

<!--HTML-->
<audio id="audio"></audio>
<button onclick="play('file1.mp3')">Play Sound 1</button>

<button onclick="play('file2.mp3')">Play Sound 2</button>

工作示例：