<title>Radio FM Plus | Sin Clásicos... Imposible!        </title>
<meta name="robots" content="index,follow,max-image-preview:large">
<meta name="description" content="FM Plus es una radio parte del consorcio CNC Medios, con un estilo de música retro 80`s y 90`s y clásicos programas, te acompaña en la Región de Antofagasta.">
<link rel="alternate">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="https://twitter.com/FmPlusChile">
<meta name="twitter:creator" content="@FmPlusChile">
<meta property="fb:app_id" content="573880000977363">
<meta property="og:title" content="Radio FM Plus | Sin Clásicos... Imposible!        ">
<meta property="og:description" content="FM Plus es una radio parte del consorcio CNC Medios, con un estilo de música retro 80`s y 90`s y clásicos programas, te acompaña en la Región de Antofagasta.">
<meta property="og:url" content="https://www.fmplus.cl/">
<meta property="og:type" content="website">
<meta property="og:image" content="https://s3-mspro.nyc3.cdn.digitaloceanspaces.com/tenant/5f3c32e7bc6bd007054065ad/mediaLibrary/photo/ea5143f8-b3b3-4bf8-9513-7ffb13ef47af-extra-large-standard-q100.png">
<meta property="og:image:alt" content="Logo FM Plus">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:locale" content="es_CL">
<meta property="og:site_name" content="FM Plus | Sin Clásicos... Imposible!">
<link rel="apple-touch-icon" href="https://s3-mspro.nyc3.cdn.digitaloceanspaces.com/tenant/5f3c32e7bc6bd007054065ad/mediaLibrary/photo/ea5143f8-b3b3-4bf8-9513-7ffb13ef47af-icon-large-standard-q100.png" sizes="32x32">
<link rel="icon" href="https://s3-mspro.nyc3.cdn.digitaloceanspaces.com/tenant/5f3c32e7bc6bd007054065ad/mediaLibrary/photo/ea5143f8-b3b3-4bf8-9513-7ffb13ef47af-icon-small-standard-q100.png" sizes="16x16">

<div class="player-main">
      <link
        rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
      />
      <link
        href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap"
        rel="stylesheet"
      />

      <script src="https://s3-mspro.nyc3.digitaloceanspaces.com/tenant/64789c0652cee35cd8f711c1/mediaLibrary/file/dbcc4ec7-e212-492e-aaff-4f2854411fe4.js"></script>
      <script src="https://s3-mspro.nyc3.digitaloceanspaces.com/tenant/64789c0652cee35cd8f711c1/mediaLibrary/file/8a45544f-bde5-4cd0-aa82-3fd4a2555fcd.js"></script>

      <link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" />
      <script src="https://cdn.plyr.io/3.7.8/plyr.js"></script>

      <style>
        body {
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          overflow-y: hidden;
          overflow-x: hidden;
          background-color: black;
        }

        #btnLyrics i {
          display: none;
        }

        #player-audio {
          display: none;
        }

        #player-container {
          display: none;
        }

        .player-lyrics {
          display: none;
          width: 100%;
          font-family: "Poppins", sans-serif;
          font-weight: 500;
          font-size: 1.5rem;
          text-align: center;
          overflow-y: scroll;
          white-space: pre-wrap;
        }

        .hidden {
          opacity: 0;
        }

        .player-main {
          height: 100%;
        }

        .player-header,
        .player-footer {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
        }

        .player-controls {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
        }

        #playPause {
          display: flex;
          align-items: center;
          justify-content: center;
        }

        #playPause i {
          font-size: 60px;
        }

        #player-visualizer {
          width: 90%;
          height: 50px;
          margin-top: 4%;
          margin-bottom: 4%;
        }

        .player-header {
          height: 80vh;
        }

        .player-footer {
          height: 20vh;
          position: fixed;
          width: 100%;
          bottom: 0;
        }

        #audio-container {
          display: none;
        }

        .player-cover {
          width: 20%;
        }

        .control-btn {
          border: none;
          width: 20vw;
          background: none;
          color: white;
          font-size: 2.5rem;
        }

        .play-pause-wrapper {
          display: flex;
          justify-content: center;
          align-items: center;
        }

        /* Estilo para el pulgar del control deslizante */
        #volume::-webkit-slider-thumb {
          height: 20px;
          width: 20px;
          border-radius: 50%;
          -webkit-appearance: none;
          margin-top: -9.5px; /* Ajusta el pulgar verticalmente */
        }

        #volume::-moz-range-thumb {
          height: 20px;
          width: 20px;
          border-radius: 50%;
          margin-top: -9.5px; /* Ajusta el pulgar verticalmente */
        }

        /* Estilo para circunferencia del control deslizante, el diseño debe ser el mismo para ambos navegadores */
        #volume {
          -webkit-appearance: none;
          width: 100%;
          height: 1px;
          outline: none;
          margin-top: 10px;
        }

        /* Estilo para la pista del control deslizante */
        #volume::-webkit-slider-runnable-track {
          height: 1px;
        }

        #volume::-moz-range-track {
          height: 1px;
        }

        .player-volume {
          width: 90%;
        }

        .player-title {
          font-family: "Poppins", sans-serif;
          font-weight: 500; /* Medio para un aspecto semi-negrita */
          font-size: 1.5rem; /* Tamaño más adecuado para dispositivos móviles */
          text-align: center;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          width: 90%;
          color: white;
        }

        @media (max-width: 768px) {
          .control-btn {
            width: 20vw;
            font-size: 1.5rem;
          }

          #playPause i {
            font-size: 60px;
          }

          .player-header .player-cover {
            width: 50%;
          }

          .player-lyrics {
            height: 50vh;
            overflow-y: scroll;
          }
        }
      </style>

      <div class="player-header">
        <img src="https://s3-mspro.nyc3.cdn.digitaloceanspaces.com/tenant/5f3c32e7bc6bd007054065ad/mediaLibrary/photo/ea5143f8-b3b3-4bf8-9513-7ffb13ef47af-extra-large-standard-q100.webp"
          alt="Song Image"
          class="player-cover"
        />

        <div class="player-lyrics"></div>
        <canvas id="player-visualizer"></canvas>
      </div>

      <div class="player-footer">
        <div id="player-container">
          <audio crossorigin="anonymous" id="player-audio" controls></audio>
        </div>
        <div id="audio-container"></div>
        <div class="player-title">FM Plus</div>
        <div class="player-volume">
          <input
            type="range"
            id="volume"
            min="0"
            max="1"
            step="0.01"
            value="1"
          />
        </div>
        <div class="player-controls">
          <button id="mute" class="control-btn">
            <i class="fas fa-volume-mute"></i>
          </button>
          <button class="control-btn lyrics-btn">
            <i class="fas hidden"></i>
          </button>
          <div class="play-pause-wrapper">
            <button id="playPause" class="play-btn control-btn">
              <i class="fas fa-play-circle"></i>
            </button>
          </div>
          <button id="btnLyrics" class="control-btn lyrics-btn">
            <i class="fas fa-music"></i>
          </button>
          <button id="volumeUp" class="control-btn">
            <i class="fas fa-volume-up"></i>
          </button>
        </div>
      </div>

      <script>
        document.addEventListener("DOMContentLoaded", function (event) {
          setTimeout(() => {
             new RadioPlayer({
            primaryColor: "#00fe00ff",
            animationType: "waveForm",
            radioName: "FM Plus",
            streamingServer: "https://streaming-secure.conectaapp.cl",
            streamingType: "icecast",
            streamingName: "www.fmplus.cl",
            streamingUrl:
              "https://streaming-secure.conectaapp.cl/fmplus.cl?token=f2dbfd16fa2ed744b3039c1f8df4986d5682498b74e00ef19d59391d41cfc5fa",
            streamingPhoto: "https://s3-mspro.nyc3.cdn.digitaloceanspaces.com/tenant/5f3c32e7bc6bd007054065ad/mediaLibrary/photo/ea5143f8-b3b3-4bf8-9513-7ffb13ef47af-extra-large-standard-q100.png",
            currentPlayingTitle: "FM Plus",
            rotateCover: true,
            coverMaxBorderRadius: 20,
            coverBorderRadius: 50,
            rotateBorderRadius: false,
            changeCoverByArtist: true,
            changeColorByArtist: true,
            changeTitleByArtist: true,
            backgroundImage: false,
            showLyrics: true,
            barMeter: {
              enableLEDs: false,
              ledColors: {
                green: "green",
                yellow: "yellow",
                red: "red",
              },
              enablePeak: true,
            },
            frequencyBands: {
              enableLEDs: true,
              borderRadius: 10,
              bandOpacity: 1,
              enableTranslateColor: false,
              intervalTranslateChangeColor: 1000,
              colorsList: ["green", "yellow", "red"],
            },
            waveForm: {
              colorsList: ["green", "yellow", "red"],
              limitWidthColor: 0,
              invertedWaveForm: true,
            },
          });
          }, 2500);
        });
      </script>
      
      <a href="https://wa.me/56978638607?text=Hola Radio FM Plus, quiero pedir una canción y enviar mis saludos. ¡Sin Clásicos... Imposible!" class="whatsapp" target="_blank"> <i class="fa fa-whatsapp whatsapp-icon" aria-hidden="true"></i></a>

      <style>
        .whatsapp {
        position:fixed;
        width:60px;
        height:60px;
        bottom:180px;
        right:20px;
        background-color:#25d366;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        font-size:30px;
        z-index:100;
      }
      
      .whatsapp-icon {
        margin-top:14px;
      }
      </style>
      
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    </div>

<a href="https://wa.me/56978638607?text=Hola Radio FM Plus, quiero pedir una canción y enviar mis saludos. ¡Sin Clásicos... Imposible!" class="whatsapp" target="_blank"> <i class="fa fa-whatsapp whatsapp-icon"></i></a>

<style>
  .whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.whatsapp-icon {
  margin-top:13px;
}
</style>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<div id="300x250-A"></div>
<script type="application/javascript">
    sas.cmd.push(function() {
        sas.render("300x250-A");  // Formato : 300x250-A 
    });
</script>

<div id="sas_99435"></div>
<script type="application/javascript">
    sas.cmd.push(function() {
        sas.render("99435");  // Formato : Sticky Footer
    });
</script>

<div id="sas_99084"></div>
<script type="application/javascript">
    sas.cmd.push(function() {
        sas.render("99084");  // Formato : ITT 1x1
    });
</script>

<div id='div-gpt-ad-1691708170601-0'>
  <script>
    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1691708170601-0'); });
  </script>
</div>

<div id="Inread"></div>
<script type="application/javascript">
    sas.cmd.push(function() {
        sas.render("Inread");  // Formato : Inread 1x1
    });
</script>