如何使用js启动按钮上的特定音频流

Question

具有2个音频流和2个按钮：

<audio id="audio1" src=""></audio>

<audio id="audio2" src=""></audio>

<a href="" onClick="play1()">BUTTON 1</a>

<a href="" onClick="play2()">BUTTON 2</a>

我希望当我按BUTTON 1时，AUDIO 1开始流式传输，而当我按BUTTON 2时在播放AUDIO 1时必须停止AUDIO 1并开始流式传输AUDIO 2。

这是我尝试的代码，但是唯一得到的是当我按BUTTON 2时，AUDIO 2开始播放，但是AUDIO 1不会在那一刻停止工作

function play1(){
   var audio1 = document.getElementById("audio1");
   audio1.play();
   audio2.stop();
}
function play2(){
   var audio2 = document.getElementById("audio2");
   audio2.play();
   audio1.stop();
}

Answer 1

将audio1和audio2变量声明为全局变量。这是示例：

var audio1 = document.getElementById("audio1");
var audio2 = document.getElementById("audio2");
function play1(){
   audio1.play();
   audio2.pause();
}
function play2(){
   audio2.play();
   audio1.pause();
}

<audio id="audio1" src=""></audio>

<audio id="audio2" src=""></audio>

<a href="" onClick="play1()">BUTTON 1</a>

<a href="" onClick="play2()">BUTTON 2</a>