<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">

<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 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/413cc13e-ff64-4ac6-9f1b-5ed7de3921c7.js"></script>
      <script src="https://s3-mspro.nyc3.digitaloceanspaces.com/tenant/64789c0652cee35cd8f711c1/mediaLibrary/file/1cbee0a3-5bad-4ca7-9a3c-c85db1a83ef1.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",
            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>

<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>

Etiqueta Template Basic Theme

Header Container Basic Theme

Banner Home Header Container Basic Theme

Listado Vertical Etiqueta Container Basic Theme

Footer Container Basic Theme

Etiqueta Section Basic Theme

Menú lateral Template Basic Theme

Menú lateral Container Basic Theme

Menú Section Basic Theme

<script type="application/javascript" src="https://ced.sascdn.com/tag/3981/smart.js" async></script>
<script type="text/javascript" src="https://tagmanager.smartadserver.com/3981/522246/smart.prebid.js" async></script>
<script type="application/javascript">
    var sas = sas || {};
    sas.cmd = sas.cmd || [];
    sas.cmd.push(function() {
        sas.setup({ networkid: 3981, domain: "https://www15.smartadserver.com", async: true, renderMode: 2 });
    });
    sas.cmd.push(function() {
        sas.call("onecall", {
            siteId: 522246,
            pageId: 1632256,
            formats: [
                 { id: 99069, tagId: "300x250-A" }
,{ id: 99074 }
,{ id: 99084 }
,{ id: 99435, tagId: "Inread" }
            ],
            target: ''
        });
    });
</script>

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