

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <title>TU NUEVA ESTACION</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="TU NUEVA ESTACION">
  <meta name="msapplication-TileColor" content="#9696f9">
  <meta name="theme-color" content="#9696f9">
  <link rel="icon" type="image/png" href="logo.png?1776305207" sizes="512x512" />
  <link rel="apple-touch-icon" sizes="512x512" href="logo.png?1776305207">
  <link rel="manifest" href="manifest.webmanifest?1776305207"/>
  <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="inc-player-home-page/assets/vendor/bootstrap/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://feeds.feedburner.com/crhoy/wSjk",
        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 href="#" class="card-link" data-toggle="modal" data-target="#modalSobre">
            <i class="fa fa-info"></i>
            <span>Sobre N&oacute;s</span>
          </a>
        </li>
        
                <li>
          <a target="_blank" href="https://www.facebook.com/">
            <i class="fa fa-facebook-official"></i>
            <span>Facebook</span>
          </a>
        </li>
        
        
                <li>
          <a href="https://api.whatsapp.com/send/?phone=50671856404&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>
        
        
                        </ul>
    </nav>
  </header>

  <section id="particles-js" class="about">

        <div class="modal fade" id="modalSobre" tabindex="-1" role="dialog">
      <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title">Sobre N&oacute;s</h5>
          </div>
          <div class="modal-boddy" style="padding:10px;">
            <p><span style="color: #050505;">Escribanos al&nbsp; Correo:&nbsp;estacionlanueva76@gmail.com</span></p>          </div>
        </div>
      </div>
    </div>
    
    
    <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 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: "TU NUEVA ESTACION",
      scroll: "true",
      coverimage: "img-capa-artista-padrao.png",
      onlycoverimage: "false",
      coverstyle: "animated",
      usevisualizer: "real",
      visualizertype: "6",
      itunestoken: "1000lIPN",
      metadatatechnic: "corsproxy",
      corsproxy: "index.php?acao=musica&",
      usestreamcorsproxy: "false",
      streamurl: "https://stm1.hostingtico.com:7070",
      streamtype: "shoutcast2",
      shoutcastpath: "/stream",
      shoutcastid: "1",
      metadatainterval: "30000",
      volume: "100",
      debug: "false",
      autoplay: "true",
      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', {useCache: false, scope: '/'})
        .then(function(registration) {
          registration.addEventListener('updatefound', () => {
            newWorker = registration.installing;
                      });
        });
    }

    if (('standalone' in navigator) && (!navigator.standalone)) {
      import('https://unpkg.com/pwacompat');
    }

    $(window).on("keydown", function(e){
      return e.keyCode == 123 ? false :
             (e.ctrlKey && e.shiftKey && e.keyCode == 73) ? false :
             (e.ctrlKey && e.keyCode == 73) ? false : void 0;
    });

    $(document).on("contextmenu", function(e){
      e.preventDefault();
    });

    $(document).keydown(function(e){
      var o = String.fromCharCode(e.keyCode).toLowerCase();
      return !e.ctrlKey || (o != "c" && o != "u") ? void 0 : false;
    });
  </script>

    <script>
    window.onload = function() {
      let installPromptEvent;

      window.addEventListener('beforeinstallprompt', (event) => {
        event.preventDefault();
        installPromptEvent = event;
      });

      window.addEventListener('appinstalled', () => {
        installPromptEvent = null;
        window.location = 'https://tunuevaestacion.com/?app-home-page=1776305207';
      });

      var buttonInstall = document.getElementById("instalar");
      if (buttonInstall) {
        buttonInstall.addEventListener('click', (e) => {
          if (installPromptEvent) {
            installPromptEvent.prompt();
            installPromptEvent.userChoice.then((choice) => {});
          }
        });
      }
    }

    function instalar_app_iphone() {
      Swal.fire({
        title: '',
        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;"
      });
    }
  </script>
  </body>
</html>