Para personalizar o player de áudio, siga estas instruções:
Edite as partes em vermelho pela sua rádio preferida.
Em "audio-player-1", só edite se for adicionar mais de uma rádio. Nesse caso, cada rádio adicional deve ter seu numeral alterado progressivamente: "audio-player-2", "audio-player-3" e assim por diante.
<style>
.nomedarádiosemespaços-container {
width: 100%;
max-width: 300px;
margin: 20px auto;
padding: 20px;
border: 2px solid #ff0000;
background-color: black;
color: #ff0000;
text-align: center;
font-family: Arial, sans-serif;
border-radius: 10px;
}
</style>
<div class="nomedarádiosemespaços-container">
<div class="radio-title">NOME DA RÁDIO</div>
<audio class="radio-player" id="audio-player-1" src="URL DE TRANSMISSÃO DA SUA RÁDIO"></audio>
<button class="control-button" onclick="document.getElementById('audio-player-1').play();">▶️ Tocar</button>
<button class="control-button" onclick="document.getElementById('audio-player-1').pause();">⏹️ Parar</button>
</div>