{"id":6,"date":"2026-08-20T08:28:58","date_gmt":"2026-08-20T08:28:58","guid":{"rendered":"https:\/\/pulso28.net\/?page_id=6"},"modified":"2026-08-20T03:44:16","modified_gmt":"2026-08-20T09:44:16","slug":"inicio","status":"publish","type":"page","link":"https:\/\/pulso28.net\/","title":{"rendered":"INICIO"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n
\n \t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n
\n \n<\/div>\n\n<\/div>\n
\n \t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n
\n \t\t
\n\t\t\t\t\t\n\n\n\n\nReproductor Pulso 28<\/title>\n\n<style>\n * { box-sizing: border-box; }\n\n body {\n margin: 0;\n background: transparent;\n font-family: Arial, Helvetica, sans-serif;\n }\n\n .radio-player {\n width: 100%;\n max-width: 1080px;\n aspect-ratio: 1080 \/ 520;\n margin: auto;\n padding: clamp(28px, 5vw, 60px);\n color: #fff;\n background:\n radial-gradient(circle at 80% 10%, rgba(255,255,255,.13), transparent 28%),\n linear-gradient(145deg, #e00000 0%, #b40000 48%, #750000 100%);\n border-radius: 32px;\n box-shadow: 0 22px 55px rgba(0,0,0,.35);\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n .radio-player::before,\n .radio-player::after {\n content: \"\";\n position: absolute;\n border: 3px solid rgba(255,255,255,.10);\n border-radius: 50%;\n width: 420px;\n height: 420px;\n right: -180px;\n top: -190px;\n }\n\n .radio-player::after {\n width: 520px;\n height: 520px;\n right: -225px;\n top: -235px;\n }\n\n .top {\n position: relative;\n z-index: 2;\n }\n\n .station {\n font-size: clamp(22px, 3vw, 40px);\n font-weight: 800;\n letter-spacing: 3px;\n text-transform: uppercase;\n }\n\n .live {\n margin-top: 10px;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-weight: 700;\n opacity: .95;\n }\n\n .live-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: #fff;\n box-shadow: 0 0 0 7px rgba(255,255,255,.15);\n animation: pulse 1.5s infinite;\n }\n\n @keyframes pulse {\n 0%,100% { transform: scale(1); opacity: 1; }\n 50% { transform: scale(.75); opacity: .55; }\n }\n\n .song-area {\n position: relative;\n z-index: 2;\n margin: 20px 0;\n }\n\n .small-label {\n font-size: clamp(13px, 1.6vw, 18px);\n letter-spacing: 4px;\n text-transform: uppercase;\n opacity: .78;\n margin-bottom: 10px;\n }\n\n .song-title {\n font-size: clamp(30px, 5vw, 68px);\n line-height: 1.02;\n font-weight: 900;\n margin: 0;\n text-shadow: 0 3px 16px rgba(0,0,0,.25);\n }\n\n .artist {\n margin-top: 12px;\n font-size: clamp(20px, 2.8vw, 34px);\n font-weight: 600;\n opacity: .92;\n }\n\n .controls {\n position: relative;\n z-index: 2;\n display: flex;\n align-items: center;\n gap: 22px;\n }\n\n .play-btn {\n width: clamp(70px, 9vw, 96px);\n height: clamp(70px, 9vw, 96px);\n border: 0;\n border-radius: 50%;\n background: #fff;\n color: #c00000;\n font-size: clamp(30px, 4vw, 44px);\n cursor: pointer;\n box-shadow: 0 10px 30px rgba(0,0,0,.25);\n display: grid;\n place-items: center;\n transition: transform .18s ease;\n }\n\n .play-btn:hover { transform: scale(1.05); }\n\n .volume-wrap {\n flex: 1;\n display: flex;\n align-items: center;\n gap: 14px;\n }\n\n .volume-wrap span {\n font-size: 24px;\n }\n\n input[type=\"range\"] {\n width: 100%;\n accent-color: #fff;\n }\n\n .status {\n min-width: 140px;\n text-align: right;\n font-size: 15px;\n opacity: .78;\n }\n\n @media (max-width: 650px) {\n .radio-player {\n border-radius: 20px;\n min-height: 500px;\n aspect-ratio: auto;\n }\n .controls {\n flex-wrap: wrap;\n }\n .volume-wrap {\n min-width: calc(100% - 115px);\n }\n .status {\n width: 100%;\n text-align: left;\n padding-left: 3px;\n }\n }\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"radio-player\">\n <div class=\"top\">\n <div class=\"station\">PULSO 28<\/div>\n <div class=\"live\">\n <span class=\"live-dot\"><\/span>\n EN VIVO\n <\/div>\n <\/div>\n\n <div class=\"song-area\">\n <div class=\"small-label\">Ahora suena<\/div>\n <h1 class=\"song-title\" id=\"songTitle\">Conectando...<\/h1>\n <div class=\"artist\" id=\"artistName\">Pulso 28<\/div>\n <\/div>\n\n <div class=\"controls\">\n <button class=\"play-btn\" id=\"playBtn\" aria-label=\"Reproducir\">\u25b6<\/button>\n\n <div class=\"volume-wrap\">\n <span>\ud83d\udd0a<\/span>\n <input id=\"volume\" type=\"range\" min=\"0\" max=\"1\" step=\"0.01\" value=\"0.80\">\n <\/div>\n\n <div class=\"status\" id=\"status\">Listo para escuchar<\/div>\n <\/div>\n<\/div>\n\n<audio id=\"radio\" preload=\"none\">\n <source src=\"https:\/\/panel.hdcast.net\/listen\/la_intensiva\/radio.mp3\" type=\"audio\/mpeg\">\n<\/audio>\n\n<script>\n const STREAM_URL = \"https:\/\/panel.hdcast.net\/listen\/la_intensiva\/radio.mp3\";\n\n \/\/ AzuraCast normalmente publica \"Ahora suena\" en esta ruta.\n \/\/ Si tu estaci\u00f3n cambia de nombre corto, cambia \"la_intensiva\".\n const NOW_PLAYING_API = \"https:\/\/panel.hdcast.net\/api\/nowplaying\/la_intensiva\";\n\n const audio = document.getElementById(\"radio\");\n const playBtn = document.getElementById(\"playBtn\");\n const volume = document.getElementById(\"volume\");\n const status = document.getElementById(\"status\");\n const songTitle = document.getElementById(\"songTitle\");\n const artistName = document.getElementById(\"artistName\");\n\n audio.volume = Number(volume.value);\n\n playBtn.addEventListener(\"click\", async () => {\n try {\n if (audio.paused) {\n \/\/ Refresca la URL para retomar siempre la transmisi\u00f3n en vivo.\n audio.src = STREAM_URL;\n await audio.play();\n } else {\n audio.pause();\n }\n } catch (err) {\n status.textContent = \"No se pudo iniciar\";\n console.error(err);\n }\n });\n\n audio.addEventListener(\"play\", () => {\n playBtn.textContent = \"\u275a\u275a\";\n playBtn.setAttribute(\"aria-label\", \"Pausar\");\n status.textContent = \"Reproduciendo en vivo\";\n });\n\n audio.addEventListener(\"pause\", () => {\n playBtn.textContent = \"\u25b6\";\n playBtn.setAttribute(\"aria-label\", \"Reproducir\");\n status.textContent = \"Pausado\";\n });\n\n audio.addEventListener(\"waiting\", () => {\n status.textContent = \"Conectando...\";\n });\n\n audio.addEventListener(\"playing\", () => {\n status.textContent = \"Reproduciendo en vivo\";\n });\n\n audio.addEventListener(\"error\", () => {\n status.textContent = \"Error de transmisi\u00f3n\";\n });\n\n volume.addEventListener(\"input\", () => {\n audio.volume = Number(volume.value);\n });\n\n async function updateNowPlaying() {\n try {\n const response = await fetch(NOW_PLAYING_API, { cache: \"no-store\" });\n if (!response.ok) throw new Error(\"API \" + response.status);\n\n const data = await response.json();\n\n const title =\n data?.now_playing?.song?.title ||\n data?.now_playing?.song?.text ||\n \"Pulso 28\";\n\n const artist =\n data?.now_playing?.song?.artist ||\n \"Estaci\u00f3n de Radio\";\n\n songTitle.textContent = title;\n artistName.textContent = artist;\n\n } catch (err) {\n \/\/ Si el servidor bloquea CORS o no existe la API,\n \/\/ el audio seguir\u00e1 funcionando aunque no aparezca el t\u00edtulo.\n songTitle.textContent = \"Pulso 28\";\n artistName.textContent = \"La m\u00fasica contin\u00faa\";\n console.warn(\"No fue posible leer Ahora suena:\", err);\n }\n }\n\n updateNowPlaying();\n setInterval(updateNowPlaying, 15000);\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Reproductor Pulso 28 PULSO 28 EN VIVO Ahora suena Conectando… Pulso 28 \u25b6 \ud83d\udd0a Listo para escuchar<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_kad_post_transparent":"default","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pulso28.net\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pulso28.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pulso28.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pulso28.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pulso28.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":5,"href":"https:\/\/pulso28.net\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":7,"href":"https:\/\/pulso28.net\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/7"}],"wp:attachment":[{"href":"https:\/\/pulso28.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}