

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <!DOCTYPE html>
<html lang="pt-br">
   <head>
      <meta charset="utf-8">
      <title>Atual Barroso Web Radio</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="Atual Barroso Web Radio">
      <meta name="msapplication-TileColor" content="">
      <meta name="theme-color" content="#9696f9">
      <link rel="icon" type="image/png" href="https://vox.svrdedicado.org/img/uploads/7418-JPOCKGVXGD6T.png" sizes="512x512" />
      <link rel="apple-touch-icon" sizes="512x512" href="https://vox.svrdedicado.org/img/uploads/7418-JPOCKGVXGD6T.png">
      <link rel="manifest" href="/player-home-page/7418/manifest.webmanifest?1784198212"/>
      <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/6.4.2/css/all.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: "outside",
             scrollInterval: 20,
             transitionTime: 500,
             randomOrder: true,
             linksEnabled: true,
             pauseOnHover: true,
             autoplay: true,
             feedType: "rss",
             loadType: "direct",
             feedUrl: "https://pox.globo.com/rss/g1/mg/zona-da-mata/",
             loadType: "process",
             loadProcess: "rss2json",
             forceNoCache: false,
             feedCount: 15,
             linkTarget: "_blank",
             refresh: "5:00"
           });
         });
      </script>
      <style>
         .modern-ticker {
            display: block !important;
            width: 100% !important;
            overflow: hidden !important;
            background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), rgba(0,0,83,1) !important;
            background-blend-mode: multiply !important;
            border: none;
         }

         .modern-ticker ul {
            display: inline-block !important;
            margin: 0 !important;
            padding-left: 100% !important;
            left: auto !important;
            animation: ticker-infinito-perfeito 25s linear infinite !important;
            background: transparent;
         }

         .modern-ticker li {
            display: inline-block !important;
            float: none !important;
            padding-right: 60px !important;
            white-space: nowrap !important;
            background: transparent;
         }

         .modern-ticker ul:hover {
            animation-play-state: paused !important;
         }

         .modern-ticker .mt-news ul li,
         .modern-ticker .mt-news ul li a {
            background: transparent !important;
            background-color: transparent !important;
         }

         @keyframes ticker-infinito-perfeito {
            0% { transform: translate3d(0, 0, 0); }
            100% { transform: translate3d(-100%, 0, 0); }
         }

         /* Container geral do menu */
         .nav-menu {
            max-width: 280px;
            display: flex;
            flex-direction: column;
            gap: 5px;
         }

         /* Grid para as redes sociais ficarem lado a lado (5 colunas) */
         .social-icons-container {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 5px;
         }

         /* Cada ícone individual ocupa 1 espaço no grid */
         .nav-item-icon {
            grid-column: span 1;
         }

         /* Container para os botões de texto/largura total */
         .buttons-container {
            display: flex;
            flex-direction: column;
            gap: 5px;
         }

         /* Cada botão grande ocupa a largura total (os antigos 'span 5') */
         .nav-item-full {
            width: 100%;
         }

         .nav-menu .icons {
            height: 43px;
            width: 43px;
            justify-content: center;
            border: 1px solid rgba(255, 255, 255, 0.15);
            background: rgba(255, 255, 255, 0.03);
            color: white;
         }

         .nav-menu .icons i {
            font-size: 20px;
         }

         .nav-menu .icons:hover, .nav-menu li:hover>.icons {
            box-shadow: 1px 1px 9px 2px #000000;
            border-color: rgba(255, 255, 255, 0.4);
            color: rgba(0,0,83,1);
            background: rgba(255, 255, 255, 0.1);
         }

         .nav-menu a:hover span, .nav-menu li:hover>a span {
            color: rgba(0,0,83,1) !important;
            font-weight: bold;
         }

         .nav-menu a {
            border: solid 1px transparent !important;
            outline: none !important;
            transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
         }

         .nav-menu .active>a, .nav-menu a:hover, .nav-menu li:hover>a {
            background: #fff !important;
            border: solid 1px #fff !important;
            outline: none !important;
         }

         .nav-menu .card-link {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 0;
            background: rgba(15, 22, 36, 0.4) !important;
            border: 1px solid rgba(255, 255, 255, 0.08) !important;
            border-radius: 24px;
            text-decoration: none;
            outline: none !important;
         }

         .nav-menu .card-link span {
            color: #ffffff !important;
            font-weight: 600;
            font-size: 15px;
            letter-spacing: 0.3px;
         }

         .nav-menu .icon-circle {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 43px;
            height: 43px;
            background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), rgba(0,0,83,1) !important;
            border-radius: 50%;
            transition: transform 0.2s ease;
         }

         .nav-menu .icon-circle i {
            color: #ffffff !important;
         }
         
         .modal-title{
            color: rgba(0,0,83,1) !important;
         }

         @media (max-width: 1200px) {
            
            .nav-menu .icons i {
               color: rgba(0,0,83,1);
            }

            .nav-menu .card-link,
            .nav-menu .icons{
               border: 1px solid rgba(0,0,83,1) !important;
            }

            
            .nav-menu .card-link span,
            .nav-menu .icons{
               color: rgba(0,0,83,1) !important;
            }
            

            .nav-menu .card-link,
            .nav-menu .icons{
               background: rgb(207 207 207 / 40%) !important;
            }
         }

         .background_hora{
            background: rgba(15, 22, 36, 0.4) !important;
            border: 1px solid rgba(255, 255, 255, 0.08) !important;
         }

         #relogio{
            color: white;
         }
         
      </style>
   </head>
   <body oncontextmenu='return false'>
      <button type="button" class="mobile-nav-toggle d-xl-none"><i class="fa-solid fa-bars"></i></button>
      <header id="header" class="d-flex flex-column justify-content-center">
         <nav class="nav-menu">
            <div class="social-icons-container">
                              <div class="nav-item-icon">
                     <a class="card-link icons" target="_blank" href="https://www.facebook.com/atualbarroso.minharadio.fm"><i class="fa-brands fa-facebook"></i></a>
               </div>
                              
                              
                              <div class="nav-item-icon">
                     <a class="card-link icons" target="_blank" href="https://www.instagram.com/atualbarroso"><i class="fa-brands fa-instagram"></i></a>
               </div>
                              
                              <div class="nav-item-icon">
                     <a href="https://api.whatsapp.com/send/?phone=  +55 32 99856-9694&text&app_absent=0" class="card-link icons" target="_blank"><i class="fa-brands fa-whatsapp"></i></a>
               </div>
                           </div>

            <div class="buttons-container">
                              <div class="nav-item-full">
                     <a href="#" class="card-link" data-toggle="modal" data-target="#modalPedirmusica">
                        <div class="icon-circle"><i class="fa-solid fa-bullhorn"></i></div>
                        <span>Request Song</span>
                     </a>
               </div>
                              
                              <div class="nav-item-full">
                     <a href="#" class="card-link" data-toggle="modal" data-target="#modalPlaylist">
                        <div class="icon-circle"><i class="fa-solid fa-music"></i></div>
                        <span>Ultimas Canciones</span>
                     </a>
               </div>
                              
                              <div class="nav-item-full">
                     <a href="#" class="card-link" data-toggle="modal" data-target="#modalChat">
                        <div class="icon-circle"><i class="fa-solid fa-comments"></i></div>
                        <span>Chat</span>
                     </a>
               </div>
                              
                           </div>
         </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">Ultimas Canciones</h5>
                  </div>
                  <div class="modal-boddy">
                     <div id="historico"></div>
                     <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</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">Request Song</h5>
                  </div>
                  <div class="modal-boddy">
                     <iframe width="100%" height="480" src="/pedido/7418"></iframe>
                     <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</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">Chat</h5>
                  </div>
                  <div class="modal-boddy">
                     <iframe width="100%" height="480" src="/chat/7418"></iframe>
                     <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
                     </div>
                  </div>
               </div>
            </div>
         </div>

         <div id="player"></div>
         <div class="background_hora">
            <div id="relogio"><i class="fa-solid fa-clock"></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: "Atual Barroso Web Radio", 
            scroll: "true", 
            coverimage: "https://vox.svrdedicado.org/img/uploads/7418-JPOCKGVXGD6T.png",
            onlycoverimage: "true",
            coverstyle: "animated",
            usevisualizer: "real", 
            visualizertype: "6", 
            itunestoken: "1000lIPN", 
            metadatatechnic: "corsproxy", 
            corsproxy: "/player-home-page/7418/musica/", 
            usestreamcorsproxy: "false",
            streamurl: "https://s03.svrdedicado.org:7418", 
            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(server) {

          $.get( "/inc-player-home-page/historico.php?porta=7418&servidor=51.79.99.98").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: '/player-home-page/7418'})
               .then(function(registration) {

            registration.addEventListener('updatefound', () => {
               newWorker = registration.installing;
                              newWorker.addEventListener('statechange', () => {
               switch (newWorker.state) {
                  case 'installed':
                     if (navigator.serviceWorker.controller) {
                     Swal.fire({title: '',icon: 'warning',html: "A new version of the App is available, click to update."}).then((result) => { if (result.isConfirmed) { newWorker.postMessage({ action: 'skipWaiting' }); window.location.reload(); }})
                     }
                     break;
               }
               });
                           });
         });
         }
         if (('standalone' in navigator) && (!navigator.standalone)) {
            import('https://unpkg.com/pwacompat');
         }
         $(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>
            </body>
</html>