Tenho um problema com javascript, sim por falta de conhecimento da linguagem.
É o seguinte, o código abaixo faz que uma música da lista de um busca reproduza ao clicar em "Play".
Javascript:
<script>
function PlayerRoduzir(id) {
var id;
change("https://api.xxxxxx.com/tracks/" + id +".mp3");
var button1 = document.getElementById("play_" + id).style.display = "none";
var button2 = document.getElementById("stop_" + id).style.display = "";
}
function PlayerParar(id){
var id;
var audio = document.getElementById("player");
var source = document.getElementById("mp3_src");
var button1 = document.getElementById("play_" + id).style.display = "";
var button2 = document.getElementById("stop_" + id).style.display = "none";
audio.pause();
}
</script>
PHP/HTML:
<?php
echo "<button type='button' id='play_".$id."' onClick='PlayerRoduzir(".$id.");' class='btn btn-info'><i class=\"fa fa-play-circle-o\" aria-hidden=\"true\"></i></button> ";
echo "<button type='button' style='display: none;' id='stop_".$id."' onClick='PlayerParar(".$id.");' class='btn btn-danger'><i class=\"fa fa-stop\" aria-hidden=\"true\"></i></button> ";
?>
Quando clico em reproduzir o botão de reprodução fica vermelho com o sinal de STOP para parar, se eu clico volta o player.
O problema é quando clico nos outros "play", os demais botões deviam ficar azul, mas não fica vermelho, gostaria que ficasse azul e o vermelho somente na música que está tocando. Veja o exemplo de como está no momento na imagem abaixo:
E ai, como concertar isso?
play
é necessário parar todos os outros por javascript, chamando a função dePlayerParar
para cada um deles