Как запустить конкретный аудиопоток на кнопке с помощью js - PullRequest
Новая
       13

Как запустить конкретный аудиопоток на кнопке с помощью js

0 голосов
/ 04 мая 2019

имеет 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>

И я хочу, чтобы, когда я нажимаю КНОПКУ 1, AUDIO 1 начинает потоковую передачу, а во время воспроизведения AUDIO 1, если я нажимаю КНОПКУ 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();
}

1 Ответ

0 голосов
/ 04 мая 2019

Объявите переменные 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>
...