ON AIR

〰️

ON AIR 〰️

La musica è il cuore pulsante di On Field Radio, pensata per accompagnare ogni attimo della giornata sportiva con energia e passione.

Registrati

Scopri il ritmo della vittoria:
ascolta le nostre playlist su Spotify!

Immergiti nel giusto sottofondo sportivo con le nostre playlist create per farti battere il cuore a ritmo di sport.

Energia, adrenalina e motivazione in ogni brano, perfetti per accompagnare ogni tua impresa e momento di gioco.

Qualità musicale + passione sportiva =
la colonna sonora perfetta per i tuoi allenamenti e le tue emozioni!

Metti in play e lasciati trasportare dal ritmo della vittoria!

Ulteriori informazioni sul
nostro marchio

Benvenuti nel nostro angolo musicale, dove ogni suono prende vita. La nostra passione per la musica e l'audio ci guida a offrirti esperienze sonore indimenticabili, unite da una comunità che condivide l'amore per le note e le melodie perfette.

Maggiori informazioni

<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Player Radio Fluo</title>
<style>
  body {
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    font-family: 'Arial', sans-serif;
  }
  .player {
    background: #111;
    border: 3px solid #39ff14; /* verde fluo */
    border-radius: 15px;
    width: 320px;
    padding: 20px;
    box-shadow: 0 0 15px #39ff14;
    color: #39ff14;
    text-align: center;
  }
  .player h2 {
    margin: 0 0 15px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
  }
  audio {
    width: 100%;
    outline: none;
    filter: drop-shadow(0 0 5px #39ff14);
  }
  .btn-play {
    margin-top: 15px;
    background: #39ff14;
    border: none;
    padding: 12px 25px;
    font-size: 1rem;
    font-weight: bold;
    color: #000;
    border-radius: 30px;
    cursor: pointer;
    text-transform: uppercase;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 0 10px #39ff14;
  }
  .btn-play:hover {
    background: #2edc12;
    box-shadow: 0 0 20px #2edc12, 0 0 40px #6fff3c;
  }
</style>
</head>
<body>

<div class="player" role="region" aria-label="Player On Field Radio">
  <h2>On Field Radio</h2>
  <audio id="radioPlayer" controls preload="none" tabindex="0">
    <source src="https://nr15.newradio.it/public/9130" type="audio/mpeg" />
    Il tuo browser non supporta l'elemento audio.
  </audio>
  <button class="btn-play" id="btnPlay">Play / Pause</button>
</div>

<script>
  const audio = document.getElementById('radioPlayer');
  const button = document.getElementById('btnPlay');

  button.addEventListener('click', () => {
    if (audio.paused) {
      audio.play();
      button.textContent = 'Pause';
    } else {
      audio.pause();
      button.textContent = 'Play';
    }
  });

  // Sync button text on audio events
  audio.addEventListener('play', () => {
    button.textContent = 'Pause';
  });
  audio.addEventListener('pause', () => {
    button.textContent = 'Play';
  });
</script>

</body>
</html>