JavaScript 按钮设置

Question

我可以尝试制作一些音乐按钮，但我添加了新的音频和新的audio.play，例如audio.play2，但如果我添加这个，它首先不起作用。

我能做什么？

<div class="song"><button onclick="play1()"><i class="fa fa-play fa-1x"> </i></button><button onclick="pause1()"><i class="fa fa-pause fa-1x"></i></button></i>song name</div>

<div class="müzik"><button onclick="play2()"><i class="fa fa-play fa-1x"></i></button><button onclick="pause2()"><i class="fa fa-pause fa-1x"></i></button></i>next song</div>  
<script type="text/javascript">
audio = new Audio();
audio.src = "file name/song name.mp3";
audio.loop = false;

function play1(){ 
  audio.play();
}
function pause1(){
  audio.pause();
}

audio= new Audio();
audio.src="file name/next song.mp3"
audio.loop=false;

function play2(){
    audio.play();
}
function pause2(){
    audio.pause2();
}
</script>

Answer 1

试试这个:

<div class="song"><button onclick="play1()"><i class="fa fa-play fa-1x"> </i></button><button onclick="pause1()"><i class="fa fa-pause fa-1x"></i></button></i>song name</div>

<div class="müzik"><button onclick="play2()"><i class="fa fa-play fa-1x"></i></button><button onclick="pause2()"><i class="fa fa-pause fa-1x"></i></button></i>next song</div>  
<script type="text/javascript">
var audio1 = new Audio();
audio1.src = "file name/song name.mp3";
audio1.loop = false;

function play1(){ 
  audio1.play();
}
function pause1(){
  audio1.pause();
}

var audio2 = new Audio();
audio2.src="file name/next song.mp3"
audio2.loop=false;

function play2(){
    audio2.play();
}
function pause2(){
    audio2.pause2();
}
</script>

问题是您重新定义了变量audio的变量和源。我建议为每个源设置一个变量(如上所示)。