<!-- Configurações carregadas: Array
(
    [tipo_stream] => shoutcast
    [host] => https://stm1.midiahosts.com
    [port] => 6696
    [mount] => 
    [radio_url] => https://stm1.midiahosts.com:6696/stream
    [player_midiahosts] => https://stm1.midiahosts.com:6696
    [player_estilo] => clean
    [cor_player] => #000000
    [player_transparencia] => 54
    [logo] => uploads/logo_1773849625_Logo Top Musical.png
    [titulo] => Rádio Top Musical
    [descricao] => A sua dose diária de música e informação!
    [cor_principal] => #000000
    [cor_secundaria] => #2a00fa
    [cor_fundo] => #ffffff
    [cor_texto] => #ffffff
    [cor_borda] => #007bff
    [cor_hover] => #ffae00
    [cards_estilo] => glass
    [fundo_tipo] => imagem
    [fundo_valor] => uploads/fundos/fundo_1773828603_giphy (1).gif
    [facebook] => https://www.facebook.com/
    [instagram] => https://www.instagram.com/
    [youtube] => https://www.youtube.com/
    [whatsapp] => https://wa.me/
    [email_contato] => contato@contato
    [tv_url] => 
    [tv_titulo] => Web TV
    [tv_descricao] => Assista AO VIVO nossa Emissão
    [quem_somos_titulo] => Quem Somos 
    [quem_somos_texto] => 

    [quem_somos_img_principal] => uploads/quem_somos_principal_1770381861.png
    [quem_somos_img_secundaria] => uploads/quem_somos_secundaria_1770381861.png
    [quem_somos_video] => https://www.youtube.com/
    [quem_somos_missao] => 
    [quem_somos_visao] => 
    [quem_somos_valores] => 
    [chat_admin] => DJ Mania
    [radio_nome] => Rádio Mania FM
    [locutor] => DJ Auto
    [mensagem] => Sintonize a melhor vibe!
    [whatsapp_api] => https://api.whatsapp.com/send?phone=+5511999999999&text=Olá, Rádio Mania!
    [rodape_col1] => Menu
Início
Quem Somos
Fotos
Anuncie Aqui
Contato

    [rodape_col2] => Contato
Telefone:
(11) 99999-9999

Email:
contato@radiomania.com

Endereço:
São Paulo - Brasil
    [rodape_col3] => Links Úteis
Política de Privacidade
Termos de Uso
Parceiros
    [rodape_copyright] => Copyright © 2025 Rádio Mania FM. Todos os direitos reservados.
    [cor_rodape_fundo] => #000000
    [cor_rodape_texto] => #ffffff
    [site_name] => Rádio Mania FM
    [slogan] => A sua rádio, do seu jeito.
    [description] => Rádio Mania FM: Música, notícias e entretenimento 24 horas por dia.
    [email] => contato@radiomania.com
    [city] => São Paulo
    [country] => Brasil
    [titulo_radio] => Rádio Mania FM
    [descricao_radio] => A melhor programação musical.
    [patrocinadores] => Array
        (
            [0] => Array
                (
                    [nome] => Tech Solutions
                    [link] => https://www.techsolutions.com
                    [imagem] => assets/demo_images/patrocinador_1.jpg
                )

            [1] => Array
                (
                    [nome] => Coffee Break
                    [link] => https://www.coffeebreak.com
                    [imagem] => assets/demo_images/patrocinador_2.jpg
                )

        )

    [noticias] => Array
        (
            [0] => Array
                (
                    [titulo] => Notícia Manual 1
                    [resumo] => Resumo da primeira notícia de demonstração.
                    [link] => #
                    [imagem] => assets/demo_images/carrossel_1.jpg
                )

        )

    [programacao] => Array
        (
        )

    [social] => Array
        (
        )

    [fotos] => Array
        (
        )

    [carrossel] => Array
        (
            [0] => Array
                (
                    [titulo] => Sintonize a Melhor Vibe!
                    [texto] => Música nova todos os dias, 24 horas no ar.
                    [imagem] => assets/demo_images/carrossel_1.jpg
                )

            [1] => Array
                (
                    [titulo] => Seu DJ Favorito Está no Ar!
                    [texto] => Participe do chat e peça sua música.
                    [imagem] => assets/demo_images/carrossel_2.jpg
                )

        )

    [nome_radio] => Rádio Top Musical
    [cor_titulo_noticias] => #ffffff
    [cor_titulo_patrocinadores] => #ffffff
    [copyright_texto] => Rádio Top Musical © 2025 - Todos os direitos reservados
    [telefone_contato] => 
    [endereco_contato] => 
)
 --><!-- 
Configurações de streaming:
URL: https://stm1.midiahosts.com:6696/stream
Host: https://stm1.midiahosts.com
Port: 6696
Mount: 
--><!-- URL final do streaming: https://stm1.midiahosts.com:6696/stream --><!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Player de Rádio</title>
    <style>
    /* Reset completo */
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
    body {
        overflow: hidden;
        margin: 0;
        padding: 0;
        background: transparent;
        font-family: Arial, sans-serif;
    }
    
    #audioPlayer {
        display: flex;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.54);
        padding: 10px 15px;
        border-radius: 8px;
        width: 100%;
        height: 80px;
    }
    
    #playBtnTop {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: none;
        background-color: #000000;
        color: white;
        font-size: 18px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
        flex-shrink: 0;
        transition: transform 0.2s ease;
    }
    
    #playBtnTop:hover {
        transform: scale(1.1);
    }
    
    .player-info {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-width: 0; /* Para permitir truncamento de texto */
        margin-right: 15px;
    }
    
    #songTitleTop {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: bold;
        font-size: 15px;
        color: white;
        margin-bottom: 5px;
        min-height: 20px;
    }
    
    #radioName {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.8);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    /* Controle de Volume */
    .volume-control {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-right: 15px;
        flex-shrink: 0;
    }
    
    .volume-icon {
        color: white;
        font-size: 18px;
        cursor: pointer;
        user-select: none;
        transition: transform 0.2s ease;
    }
    
    .volume-icon:hover {
        transform: scale(1.15);
    }
    
    #volumeSlider {
        width: 80px;
        height: 4px;
        border-radius: 2px;
        background: rgba(255, 255, 255, 0.3);
        outline: none;
        -webkit-appearance: none;
        appearance: none;
        cursor: pointer;
    }
    
    #volumeSlider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: white;
        cursor: pointer;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    }
    
    #volumeSlider::-moz-range-thumb {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: white;
        cursor: pointer;
        border: none;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    }
    
    #volumeValue {
        color: white;
        font-size: 12px;
        min-width: 25px;
        text-align: right;
    }
    
    /* VU Meter Avançado */
    #vuMeter {
        display: flex;
        align-items: flex-end;
        height: 50px;
        width: 200px; /* Muito mais largo */
        justify-content: center;
        flex-shrink: 0;
        padding: 0 5px;
    }
    
    .vu-bar {
        width: 4px; /* Barras um pouco mais grossas */
        margin: 0 1px;
        height: 5px;
        transition: height 0.1s ease;
        border-radius: 2px 2px 0 0;
    }
    
    /* Cores RGB diferentes para as barras */
    .vu-bar:nth-child(7n+1) { background-color: #ff0000; } /* Vermelho */
    .vu-bar:nth-child(7n+2) { background-color: #ff7700; } /* Laranja */
    .vu-bar:nth-child(7n+3) { background-color: #ffff00; } /* Amarelo */
    .vu-bar:nth-child(7n+4) { background-color: #00ff00; } /* Verde */
    .vu-bar:nth-child(7n+5) { background-color: #0077ff; } /* Azul */
    .vu-bar:nth-child(7n+6) { background-color: #7700ff; } /* Roxo */
    .vu-bar:nth-child(7n+7) { background-color: #ff00ff; } /* Rosa */
    
    /* Animações mais variadas */
    @keyframes vu1 { 0%, 100% { height: 5px; } 50% { height: 15px; } }
    @keyframes vu2 { 0%, 100% { height: 5px; } 50% { height: 20px; } }
    @keyframes vu3 { 0%, 100% { height: 5px; } 50% { height: 25px; } }
    @keyframes vu4 { 0%, 100% { height: 5px; } 50% { height: 30px; } }
    @keyframes vu5 { 0%, 100% { height: 5px; } 50% { height: 35px; } }
    @keyframes vu6 { 0%, 100% { height: 5px; } 50% { height: 40px; } }
    @keyframes vu7 { 0%, 100% { height: 5px; } 50% { height: 45px; } }
    
    /* Aplicação das animações */
    .playing .vu-bar:nth-child(21n+1) { animation: vu1 0.7s infinite; }
    .playing .vu-bar:nth-child(21n+2) { animation: vu2 0.6s infinite; }
    .playing .vu-bar:nth-child(21n+3) { animation: vu3 0.5s infinite; }
    .playing .vu-bar:nth-child(21n+4) { animation: vu4 0.8s infinite; }
    .playing .vu-bar:nth-child(21n+5) { animation: vu5 0.6s infinite; }
    .playing .vu-bar:nth-child(21n+6) { animation: vu6 0.7s infinite; }
    .playing .vu-bar:nth-child(21n+7) { animation: vu7 0.5s infinite; }
    .playing .vu-bar:nth-child(21n+8) { animation: vu6 0.6s infinite; }
    .playing .vu-bar:nth-child(21n+9) { animation: vu5 0.7s infinite; }
    .playing .vu-bar:nth-child(21n+10) { animation: vu4 0.8s infinite; }
    .playing .vu-bar:nth-child(21n+11) { animation: vu3 0.7s infinite; }
    .playing .vu-bar:nth-child(21n+12) { animation: vu2 0.6s infinite; }
    .playing .vu-bar:nth-child(21n+13) { animation: vu1 0.5s infinite; }
    .playing .vu-bar:nth-child(21n+14) { animation: vu2 0.7s infinite; }
    .playing .vu-bar:nth-child(21n+15) { animation: vu3 0.6s infinite; }
    .playing .vu-bar:nth-child(21n+16) { animation: vu4 0.5s infinite; }
    .playing .vu-bar:nth-child(21n+17) { animation: vu5 0.8s infinite; }
    .playing .vu-bar:nth-child(21n+18) { animation: vu6 0.7s infinite; }
    .playing .vu-bar:nth-child(21n+19) { animation: vu7 0.6s infinite; }
    .playing .vu-bar:nth-child(21n+20) { animation: vu6 0.5s infinite; }
    .playing .vu-bar:nth-child(21n+21) { animation: vu5 0.7s infinite; }
    
    /* Responsividade para o VU meter */
    @media (max-width: 768px) {
        #vuMeter {
            width: 150px;
        }
        
        #volumeSlider {
            width: 60px;
        }
    }
    
    @media (max-width: 576px) {
        #vuMeter {
            width: 100px;
        }
        
        #volumeSlider {
            width: 50px;
        }
        
        #volumeValue {
            display: none;
        }
    }
    
    /* Para telas muito pequenas, podemos esconder algumas barras */
    @media (max-width: 480px) {
        #vuMeter .vu-bar:nth-child(odd) {
            display: none;
        }
    }
    </style>
</head>
<body>
    <div id="audioPlayer">
        <!-- Botão Play à esquerda -->
        <button id="playBtnTop">▶️</button>
        
        <!-- Informações no meio -->
        <div class="player-info">
            <div id="songTitleTop">🎵 Clique para ouvir</div>
            <div id="radioName">Rádio Top Musical</div>
        </div>
        
        <!-- Controle de Volume -->
        <div class="volume-control">
            <span class="volume-icon" id="volumeIcon">🔊</span>
            <input type="range" id="volumeSlider" min="0" max="100" value="70">
            <span id="volumeValue">70%</span>
        </div>
        
        <!-- VU Meter avançado à direita -->
        <div id="vuMeter">
            <div class="vu-bar"></div><div class="vu-bar"></div><div class="vu-bar"></div><div class="vu-bar"></div><div class="vu-bar"></div><div class="vu-bar"></div><div class="vu-bar"></div><div class="vu-bar"></div><div class="vu-bar"></div><div class="vu-bar"></div><div class="vu-bar"></div><div class="vu-bar"></div><div class="vu-bar"></div><div class="vu-bar"></div><div class="vu-bar"></div><div class="vu-bar"></div><div class="vu-bar"></div><div class="vu-bar"></div><div class="vu-bar"></div><div class="vu-bar"></div><div class="vu-bar"></div>        </div>
        
        <!-- Elementos de áudio -->
        <audio id="audioTop" preload="none" crossorigin="anonymous"></audio>
        <audio id="audioFallback" preload="none" crossorigin="anonymous"></audio>
    </div>
    
    <script>
    // Sistema de persistência de estado do player
    class PlayerState {
        constructor() {
            this.storageKey = 'radioPlayerState';
            this.updateInterval = null;
        }
        
        // Salvar estado do player
        save(state) {
            try {
                localStorage.setItem(this.storageKey, JSON.stringify(state));
                console.log("✓ Estado do player salvo:", state);
            } catch (e) {
                console.error("Erro ao salvar estado:", e);
            }
        }
        
        // Carregar estado do player
        load() {
            try {
                const state = localStorage.getItem(this.storageKey);
                if (state) {
                    const parsed = JSON.parse(state);
                    console.log("✓ Estado do player carregado:", parsed);
                    return parsed;
                }
            } catch (e) {
                console.error("Erro ao carregar estado:", e);
            }
            return null;
        }
        
        // Limpar estado
        clear() {
            try {
                localStorage.removeItem(this.storageKey);
                console.log("✓ Estado do player limpo");
            } catch (e) {
                console.error("Erro ao limpar estado:", e);
            }
        }
    }
    
    // Script do player
    document.addEventListener('DOMContentLoaded', function() {
        const audioTop = document.getElementById('audioTop');
        const audioFallback = document.getElementById('audioFallback');
        const playBtn = document.getElementById('playBtnTop');
        const songTitle = document.getElementById('songTitleTop');
        const radioName = document.getElementById('radioName');
        const vuMeter = document.getElementById('vuMeter');
        const volumeSlider = document.getElementById('volumeSlider');
        const volumeIcon = document.getElementById('volumeIcon');
        const volumeValue = document.getElementById('volumeValue');
        
        // Sistema de persistência
        const playerState = new PlayerState();
        
        let tocando = false;
        let audioAtual = audioTop;
        let ultimoTitulo = '';
        
        // URLs para o streaming - da configuração
        const streamUrl = "https://stm1.midiahosts.com:6696/stream";
        const fallbackUrl = "http://stm1.midiahosts.com:7000/;";
        const mensagemInicial = "🎵 Clique para ouvir";
        
        // Carregar volume salvo do localStorage
        const volumeSalvo = localStorage.getItem('playerVolume');
        if (volumeSalvo) {
            volumeSlider.value = volumeSalvo;
            audioTop.volume = volumeSalvo / 100;
            audioFallback.volume = volumeSalvo / 100;
            volumeValue.textContent = volumeSalvo + '%';
        } else {
            audioTop.volume = 0.7;
            audioFallback.volume = 0.7;
        }
        
        // Controle de Volume
        volumeSlider.addEventListener('input', function() {
            const volume = this.value;
            audioTop.volume = volume / 100;
            audioFallback.volume = volume / 100;
            volumeValue.textContent = volume + '%';
            
            // Atualizar ícone baseado no volume
            if (volume == 0) {
                volumeIcon.textContent = '🔇';
            } else if (volume < 33) {
                volumeIcon.textContent = '🔈';
            } else if (volume < 66) {
                volumeIcon.textContent = '🔉';
            } else {
                volumeIcon.textContent = '🔊';
            }
            
            // Salvar no localStorage
            localStorage.setItem('playerVolume', volume);
        });
        
        // Clique no ícone de volume para mutar/desmutar
        volumeIcon.addEventListener('click', function() {
            if (audioTop.volume > 0) {
                // Mutar
                audioTop.volume = 0;
                audioFallback.volume = 0;
                volumeSlider.value = 0;
                volumeValue.textContent = '0%';
                volumeIcon.textContent = '🔇';
                localStorage.setItem('playerVolume', 0);
            } else {
                // Desmutar para 70%
                audioTop.volume = 0.7;
                audioFallback.volume = 0.7;
                volumeSlider.value = 70;
                volumeValue.textContent = '70%';
                volumeIcon.textContent = '🔊';
                localStorage.setItem('playerVolume', 70);
            }
        });
        
        // Configurar os elementos de áudio
        if (streamUrl) {
            audioTop.src = streamUrl;
            console.log("URL do streaming configurada:", streamUrl);
        } else {
            console.log("ATENÇÃO: Nenhuma URL de streaming configurada!");
        }
        
        // Configurar fallback apenas se houver URL principal
        if (streamUrl) {
            audioFallback.src = fallbackUrl;
        }
        
        // Imprimir no console para diagnóstico
        console.log("Player inicializado:", {
            streamUrl: streamUrl,
            fallbackUrl: fallbackUrl,
            radioNome: "Rádio Top Musical"
        });
        
        // Botão play/pause
        playBtn.addEventListener('click', function() {
            console.log("Botão play/pause clicado");
            
            // Se não houver URL configurada, alertar o usuário
            if (!streamUrl) {
                alert("Nenhuma URL de streaming configurada. Por favor, configure a Web Rádio no painel administrativo.");
                return;
            }
            
            if (!tocando) {
                // Primeiro tenta com a URL principal
                reproduzirAudio();
            } else {
                pararAudio();
            }
        });
        
        // Função para reproduzir áudio com fallback
        function reproduzirAudio() {
            // Verificar se há URL configurada
            if (!audioTop.src) {
                alert("Nenhuma URL de streaming configurada. Por favor, configure a Web Rádio no painel administrativo.");
                return;
            }
            
            playBtn.disabled = true; // Prevenir múltiplos cliques
            songTitle.textContent = "Carregando...";
            
            console.log("Tentando reproduzir com URL principal:", audioTop.src);
            
            audioTop.play().then(function() {
                console.log("Reprodução iniciada com sucesso (URL principal)");
                ativarPlayer(audioTop);
            }).catch(function(err) {
                console.error("Erro ao reproduzir com URL principal:", err);
                
                // Só tentar fallback se houver URL principal configurada
                if (streamUrl) {
                    console.log("Tentando URL de fallback:", audioFallback.src);
                    
                    // Tenta com URL de fallback
                    audioFallback.play().then(function() {
                        console.log("Reprodução iniciada com sucesso (URL fallback)");
                        ativarPlayer(audioFallback);
                    }).catch(function(fallbackErr) {
                        console.error("Erro com URL de fallback:", fallbackErr);
                        
                        // Mensagem de erro mais informativa
                        alert("Não foi possível reproduzir o áudio. Verifique as configurações da Web Rádio no painel administrativo.");
                        songTitle.textContent = "Erro ao carregar áudio";
                        playBtn.disabled = false;
                    });
                } else {
                    alert("Nenhuma URL de streaming configurada. Por favor, configure a Web Rádio no painel administrativo.");
                    songTitle.textContent = "Sem configuração";
                    playBtn.disabled = false;
                }
            });
        }
        
        // Função para ativar o player após uma reprodução bem-sucedida
        function ativarPlayer(audioElement) {
            tocando = true;
            audioAtual = audioElement;
            playBtn.textContent = "⏸️";
            vuMeter.classList.add("playing");
            
            // Salvar estado de reprodução
            playerState.save({
                isPlaying: true,
                timestamp: Date.now(),
                volume: volumeSlider.value
            });
            
            atualizarMusica();
            playBtn.disabled = false;
        }
        
        // Função para parar o áudio
        function pararAudio() {
            audioTop.pause();
            audioFallback.pause();
            tocando = false;
            playBtn.textContent = "▶️";
            vuMeter.classList.remove("playing");
            songTitle.textContent = mensagemInicial;
            
            // Salvar estado de pausa
            playerState.save({
                isPlaying: false,
                timestamp: Date.now(),
                volume: volumeSlider.value
            });
        }
        
        // Nome da música (via proxy)
        async function atualizarMusica() {
            if (!tocando) return;
            
            try {
                // Usar o URL do áudio atual
                let currentUrl = audioAtual.src;
                if (!currentUrl) {
                    songTitle.textContent = "Sem URL de streaming";
                    return;
                }
                
                console.log("Buscando informações com base na URL:", currentUrl);
                
                // Extrair a URL base para os metadados
                let baseUrl = currentUrl;
                
                // Remover parâmetros de URL se existirem
                if (baseUrl.includes("?")) {
                    baseUrl = baseUrl.split("?")[0];
                }
                
                // Remover / no final se existir
                if (baseUrl.endsWith("/")) {
                    baseUrl = baseUrl.slice(0, -1);
                }
                
                // Remover /; no final se existir
                if (baseUrl.endsWith("/;")) {
                    baseUrl = baseUrl.slice(0, -2);
                }
                
                // Remover /stream no final se existir (para Shoutcast)
                if (baseUrl.endsWith("/stream")) {
                    baseUrl = baseUrl.slice(0, -7);
                }
                
                // Formar URL para metadados - usar /stats para Shoutcast
                const statsUrl = baseUrl + "/stats";
                console.log("URL para metadados:", statsUrl);
                
                // Tentar com proxy CORS
                const proxyUrl = "https://cors-anywhere.herokuapp.com/" + statsUrl;
                
                try {
                    const r = await fetch(proxyUrl);
                    const xmlText = await r.text();
                    
                    console.log("Resposta recebida (primeiros 200 chars):", xmlText.substring(0, 200));
                    
                    // Parsear XML
                    const parser = new DOMParser();
                    const xmlDoc = parser.parseFromString(xmlText, "text/xml");
                    
                    // Verificar se há erro de parsing
                    if (xmlDoc.getElementsByTagName("parsererror").length > 0) {
                        console.log("Erro ao parsear XML, tentando alternativa...");
                        throw new Error("XML parsing error");
                    }
                    
                    // Extrair SONGTITLE do XML
                    const songElements = xmlDoc.getElementsByTagName("SONGTITLE");
                    if (songElements.length > 0) {
                        const titulo = songElements[0].textContent.trim();
                        if (titulo && titulo !== "" && titulo !== ultimoTitulo) {
                            songTitle.textContent = titulo;
                            ultimoTitulo = titulo;
                            console.log("✓ Título atualizado:", titulo);
                            return;
                        }
                    }
                } catch (proxyErr) {
                    console.log("Proxy 1 falhou, tentando alternativa...");
                }
                
                // Tentar com outro proxy
                const proxyUrl2 = "https://api.codetabs.com/v1/proxy?quest=" + encodeURIComponent(statsUrl);
                
                try {
                    const r2 = await fetch(proxyUrl2);
                    const xmlText2 = await r2.text();
                    
                    // Parsear XML
                    const parser = new DOMParser();
                    const xmlDoc = parser.parseFromString(xmlText2, "text/xml");
                    
                    // Verificar se há erro de parsing
                    if (xmlDoc.getElementsByTagName("parsererror").length > 0) {
                        throw new Error("XML parsing error");
                    }
                    
                    // Extrair SONGTITLE do XML
                    const songElements = xmlDoc.getElementsByTagName("SONGTITLE");
                    if (songElements.length > 0) {
                        const titulo = songElements[0].textContent.trim();
                        if (titulo && titulo !== "" && titulo !== ultimoTitulo) {
                            songTitle.textContent = titulo;
                            ultimoTitulo = titulo;
                            console.log("✓ Título atualizado (proxy 2):", titulo);
                            return;
                        }
                    }
                } catch (proxyErr2) {
                    console.log("Proxy 2 falhou também");
                }
                
                // Se chegamos aqui, não conseguimos extrair o título
                if (ultimoTitulo === '') {
                    songTitle.textContent = "Sintonize a melhor vibe!";
                }
                
            } catch (e) {
                console.error("Erro ao buscar informações:", e);
                if (ultimoTitulo === '') {
                    songTitle.textContent = "Tocando ao vivo...";
                }
            }
        }
        
        // Atualizar periodicamente
        setInterval(function() {
            if (tocando) atualizarMusica();
        }, 8000); // Atualizar a cada 8 segundos
        
        // Eventos de áudio para melhor feedback
        audioTop.addEventListener("playing", function() {
            console.log("Evento playing disparado (URL principal)");
        });
        
        audioFallback.addEventListener("playing", function() {
            console.log("Evento playing disparado (URL fallback)");
        });
        
        audioTop.addEventListener("error", function(e) {
            console.error("Erro no áudio principal:", e);
            if (tocando) {
                songTitle.textContent = "Erro no streaming";
            }
        });
        
        audioFallback.addEventListener("error", function(e) {
            console.error("Erro no áudio fallback:", e);
        });
        
        // ========================================
        // RESTAURAR ESTADO AO CARREGAR A PÁGINA
        // ========================================
        const savedState = playerState.load();
        if (savedState && savedState.isPlaying) {
            console.log("🔄 Restaurando estado de reprodução...");
            
            // Pequeno delay para garantir que o DOM está pronto
            setTimeout(function() {
                // Restaurar volume
                if (savedState.volume) {
                    volumeSlider.value = savedState.volume;
                    audioTop.volume = savedState.volume / 100;
                    audioFallback.volume = savedState.volume / 100;
                    volumeValue.textContent = savedState.volume + '%';
                }
                
                // Iniciar reprodução automaticamente
                console.log("▶️ Iniciando reprodução automática...");
                reproduzirAudio();
            }, 500);
        }
        
        // Salvar estado periodicamente enquanto está tocando
        setInterval(function() {
            if (tocando) {
                playerState.save({
                    isPlaying: true,
                    timestamp: Date.now(),
                    volume: volumeSlider.value
                });
            }
        }, 5000); // Atualizar a cada 5 segundos
    });
    </script>
</body>
</html>