

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <!DOCTYPE html>
<html lang="pt-br">
   <head>
      <meta charset="utf-8">
      <title>Radio Restinga Em Foco</title>
      <meta http-equiv="cache-control" content="max-age=0" />
      <meta http-equiv="cache-control" content="no-cache" />
      <meta http-equiv="expires" content="0" />
      <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
      <meta http-equiv="pragma" content="no-cache" />
      <meta name="Description" content="Radio App">
      <meta name="apple-touch-fullscreen" content="yes">
      <meta name="apple-mobile-web-app-capable" content="yes">
      <meta name="mobile-web-app-capable" content="yes">
      <meta name="apple-mobile-web-app-title" content="Radio Restinga Em Foco">
      <meta name="msapplication-TileColor" content="#9696f9">
      <meta name="theme-color" content="#9696f9">
      <link rel="icon" type="image/png" href="logo.png?1780266765" sizes="512x512" />
      <link rel="apple-touch-icon" sizes="512x512" href="logo.png?1780266765">
      <link rel="manifest" href="manifest.webmanifest?1780266765"/>
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
      <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap" rel="stylesheet">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/10.6.1/sweetalert2.css">
      <link href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" rel="stylesheet">
      <link rel="stylesheet" media="screen" href="inc-player-home-page/assets/css/styles.css">
      <link href="inc-player-home-page/modern-ticker/css/modern-ticker.css" type="text/css" rel="stylesheet">
      <link href="inc-player-home-page/modern-ticker/themes/theme1.css" type="text/css" rel="stylesheet">
      <script src="inc-player-home-page/modern-ticker/js/jquery-3.2.1.min.js" type="text/javascript"></script>
      <script src="inc-player-home-page/modern-ticker/js/jquery.modern-ticker.min.js" type="text/javascript"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/10.6.1/sweetalert2.min.js"></script>
      <style type="text/css">html,body{width:100%;height:100%;background:radial-gradient(circle,rgba(150,150,249,1) 0%,rgba(63,63,255,1) 50%,rgba(0,0,83,1) 80%)}#tabela_historico tr > *:nth-child(1) {display: none;}#tabela_historico tr:first-child {display: none;}#playerbackgroundimage2{display: none!important;}</style>
      <div class="modern-ticker mt-round mt-font">
         <div class="mt-body">
            <div class="mt-news">
               <ul></ul>
            </div>
         </div>
      </div>
      <script type="text/javascript">
         jQuery(document).ready(function () {
         
           jQuery(".modern-ticker").modernTicker({
             effect: "scroll",
             scrollType: "continuous",
             scrollStart: "inside",
             scrollInterval: 20,
             transitionTime: 500,
             randomOrder: true,
             linksEnabled: true,
             pauseOnHover: true,
             autoplay: true,
             feedType: "rss",
             loadType: "direct",
             feedUrl: "https://g1.globo.com/dynamo/brasil/rss2.xml",
             loadType: "process",
             loadProcess: "rss2json",
             forceNoCache: false,
             feedCount: 15,
             linkTarget: "_blank",
             refresh: "5:00"
           });
         });
      </script>
   </head>
   <body oncontextmenu='return false'>
      <button type="button" class="mobile-nav-toggle d-xl-none"><i class="fa fa-bars"></i></button>
      <header id="header" class="d-flex flex-column justify-content-center">
         <nav class="nav-menu">
            <ul>
                              <li><a target="_blank" href="#"><i class="fa fa-facebook-official"></i>
                  <span>Facebook</span></a>
               </li>
                                             <li><a target="_blank" href="#"><i class="fa fa-twitter"></i>
                  <span>Twitter</span></a>
               </li>
                                             <li><a target="_blank" href="#"><i class="fa fa-youtube"></i>
                  <span>Youtube</span></a>
               </li>
                                             <li><a target="_blank" href="#"><i class="fa fa-instagram"></i>
                  <span>Instagram</span></a>
               </li>
                                             <li><a href="https://api.whatsapp.com/send/?phone=16997428022&text&app_absent=0" target="_blank"><i class="fa fa-whatsapp"></i>
                  <span>Whatsapp</span></a>
               </li>
                                                            <li><a href="#" class="card-link" data-toggle="modal" data-target="#modalPlaylist"><i class="fa fa-music"></i> <span>&Uacute;ltimas M&uacute;sicas</span></a></li>
                                                                           <li><a href="#" class="card-link btn-instalar-pwa" id="instalar"><i class="fa fa-download"></i> <span>Instalar App</span></a></li>
                           </ul>
         </nav>
      </header>
      </header>
      <section id="particles-js" class="about">
         <div class="modal fade" id="modalPlaylist" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-xl" role="document">
               <div class="modal-content">
                  <div class="modal-header">
                     <h5 class="modal-title">&Uacute;ltimas M&uacute;sicas</h5>
                  </div>
                  <div class="modal-boddy">
                     <div id="historico"></div>
                     <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">Fechar</button>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="modal fade" id="modalPedirmusica" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-xl" role="document">
               <div class="modal-content">
                  <div class="modal-header">
                     <h5 class="modal-title">Chat</h5>
                  </div>
                  <div class="modal-boddy">
                     <iframe width="100%" height="290" src=""></iframe>
                     <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">Fechar</button>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div class="modal fade" id="modalChat" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-xl" role="document">
               <div class="modal-content">
                  <div class="modal-header">
                     <h5 class="modal-title">Pedir M&uacute;sica</h5>
                  </div>
                  <div class="modal-boddy">
                     <iframe width="100%" height="290" src=""></iframe>
                     <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">Fechar</button>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         <div id="player"></div>
         <div class="background_hora">
            <div id="relogio"><i class="fa fa-clock-o"></i></div>
         </div>
      </section>
      <div id="preloader"></div>
      <script src="inc-player-home-page/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
      <script src="inc-player-home-page/assets/vendor/jquery.easing/jquery.easing.min.js"></script>
      <script src="inc-player-home-page/assets/vendor/waypoints/jquery.waypoints.min.js"></script>
      <script src="inc-player-home-page/assets/vendor/counterup/counterup.min.js"></script>
      <script src="inc-player-home-page/assets/js/particles.js"></script>
      <script src="inc-player-home-page/assets/js/main.js"></script>
      <script src="inc-player-home-page/assets/js/lunaradio-sincors.js"></script>
      <script>
         $("#player").lunaradio({
            userinterface: "big", 
            backgroundcolor: "",
            fontcolor: "#FFFFFF",
            hightlightcolor: "#FFFFFF", 
            fontname: "Unica One", 
            googlefont: "Unica+One&display=swap", 
            fontratio: "0.4", 
            radioname: "Radio Restinga Em Foco", 
            scroll: "true", 
            coverimage: "logo.png",
            onlycoverimage: "false",
            coverstyle: "animated",
            usevisualizer: "real", 
            visualizertype: "6", 
            itunestoken: "1000lIPN", 
            metadatatechnic: "corsproxy", 
            corsproxy: "index.php?acao=musica&", 
            usestreamcorsproxy: "false",
            streamurl: "https://servidor.centralstream.com.br/listen/cidadefm", 
            streamtype: "shoutcast2", 
            shoutcastpath: "/stream",
            shoutcastid: "1", 
            metadatainterval: "30000", 
            volume: "100",
            debug: "false",
            autoplay: "false",
            multicolorvisualizer: "true",
            color1: "#FFFFFF",
            color2: "#FFFFFF",
            color3: "#FFFFFF",
            color4: "#FFFFFF",
            displayliveicon: "true",
         });

         function historico() {

          $.get( "historico.php").done(function( resultado ) {
            $('#historico').hide().html(resultado).fadeIn(1500);
          });

         }
         
          function relogio() {let elementoID = document.getElementById('relogio');let horalocal = new Date().toLocaleTimeString('pt-BR');elementoID.innerHTML = horalocal;}
          setInterval(relogio, 1000);
          historico();
          setInterval(function(){ historico(); }, 60000);
      </script>
<script>
if ('serviceWorker' in navigator) {
    navigator.serviceWorker.register('./service-worker.js', {scope: './'})
      .then(function(registration) {

    registration.addEventListener('updatefound', () => {
      newWorker = registration.installing;
          });
  });
}
if (('standalone' in navigator) && (!navigator.standalone)) {
    try { import('https://unpkg.com/pwacompat'); } catch(e) {}
}
$(window).on("keydown",function(e){return 123==e.keyCode?!1:e.ctrlKey&&e.shiftKey&&73==e.keyCode?!1:e.ctrlKey&&73==e.keyCode?!1:void 0}),$(document).on("contextmenu",function(e){e.preventDefault()});
$(document).keydown(function(e){var o=String.fromCharCode(e.keyCode).toLowerCase();return!e.ctrlKey||"c"!=o&&"u"!=o?void 0:!1});</script>
<script>
// Instalador PWA corrigido para PC, Android e iPhone.
// O botão aparece também no computador e chama o prompt real do Chrome/Edge quando disponível.
let installPromptEvent = null;
let pwaPromptDisponivel = false;

function isIosDevice() {
  return /iphone|ipad|ipod/i.test(navigator.userAgent || '');
}

function isDesktopDevice() {
  return !/android|iphone|ipad|ipod/i.test(navigator.userAgent || '');
}

function isStandaloneMode() {
  return window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true;
}

function marcarBotaoInstalar() {
  document.querySelectorAll('#instalar, .btn-instalar-pwa').forEach(function(btn){
    btn.style.display = '';
    btn.classList.add('pwa-pronto');
    btn.removeAttribute('disabled');
    btn.setAttribute('title', pwaPromptDisponivel ? 'Instalar este app no dispositivo' : 'Instalar pelo menu do navegador');
  });
}

window.addEventListener('beforeinstallprompt', function(event) {
  event.preventDefault();
  installPromptEvent = event;
  pwaPromptDisponivel = true;
  marcarBotaoInstalar();
});

window.addEventListener('appinstalled', function() {
  installPromptEvent = null;
  pwaPromptDisponivel = false;
  Swal.fire({title: 'App instalado', icon: 'success', html: 'Instalação concluída com sucesso.'}).then(function(){
    window.location = './?app-home-page=1780266765';
  });
});

async function instalarPwaRadio(event) {
  if (event) event.preventDefault();

  if (isStandaloneMode()) {
    Swal.fire({title: 'App já instalado', icon: 'success', html: 'Este app já está aberto em modo instalado.'});
    return false;
  }

  if (isIosDevice()) {
    instalar_app_iphone();
    return false;
  }

  if (installPromptEvent) {
    installPromptEvent.prompt();
    try { await installPromptEvent.userChoice; } catch(e) {}
    installPromptEvent = null;
    pwaPromptDisponivel = false;
    return false;
  }

  var msgDesktop = 'No computador, use <b>Chrome</b> ou <b>Edge</b>. Clique no ícone de instalação na barra de endereço ou abra o menu ⋮ e escolha <b>Transmitir, salvar e compartilhar → Instalar página como app</b> ou <b>Instalar app</b>.';
  var msgMobile = 'No Android/Chrome, abra o menu ⋮ do navegador e toque em <b>Instalar app</b> ou <b>Adicionar à tela inicial</b>.';

  Swal.fire({
    title: 'Instalar Rádio no PC',
    icon: 'info',
    html: (isDesktopDevice() ? msgDesktop : msgMobile) + '<br><br>Se não aparecer, abra o site em HTTPS e acesse novamente após limpar o cache PWA.'
  });
  return false;
}

function instalar_app_iphone() {
  Swal.fire({title: 'Instalar no iPhone',icon: 'info',html: "Para instalar o App, aperte o botão <img width='23' height='32' src='/inc-player-home-page/img-icone-share-ios.png'> de compartilhar em seu iPhone e escolha a opção &quot;Adicionar a Tela de Inicio&quot;"})
}

document.addEventListener('DOMContentLoaded', function() {
  marcarBotaoInstalar();
  document.querySelectorAll('#instalar, .btn-instalar-pwa').forEach(function(btn){
    btn.addEventListener('click', instalarPwaRadio);
  });
});
</script>
   </body>
</html>