<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>GlitterBeam Radio - Fire TV</title>

    <link rel="stylesheet" href="styles.css">

    <script src="script.js" defer></script>

</head>

<body>

    <!-- Background Container -->

    <div class="background"></div>


    <!-- Audio Player -->

    <audio id="radioPlayer">

        <source src="https://ukwesta.streaming.broadcast.radio/glitterbeam" type="audio/mpeg">

        Your browser does not support the audio tag.

    </audio>


    <!-- Play/Stop Button -->

    <button id="playStopBtn" onclick="toggleRadio()">▶ Play</button>


    <!-- Volume Display (Now at the Bottom) -->

    <div id="volumeDisplay">🔊 Volume: 50%</div>


</body>

</html>