如何使用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 开始流式传输，而当 AUDIO 1 正在播放时，如果我按下 BUTTON 2 则 AUDIO 1 必须停止并且 AUDIO 2 开始流式传输..

这是我试过的代码，但我唯一得到的是当我按下按钮 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>

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

How to start specific audio stream on button with js

html

javascript

html5-audio