{"id":520,"date":"2023-12-18T03:30:47","date_gmt":"2023-12-18T03:30:47","guid":{"rendered":"https:\/\/odecohn.com\/?page_id=520"},"modified":"2026-06-29T21:02:57","modified_gmt":"2026-06-29T21:02:57","slug":"97-1fm-radio-odeco","status":"publish","type":"page","link":"https:\/\/odecohn.com\/index.php\/97-1fm-radio-odeco\/","title":{"rendered":"ODECO TV \/ 97.1FM"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"101\" src=\"https:\/\/odecohn.com\/wp-content\/uploads\/2023\/12\/marca-radio-01.png\" alt=\"\" class=\"wp-image-524\"\/><\/figure><\/div>\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<center>\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/hls.js@latest\"><\/script>\n\n<video id=\"video\" controls=\"\" autoplay=\"\" style=\"width:100%; max-width:900px; border-radius:10px; background:#000;\"><\/video>\n\n<script>\n  const video = document.getElementById('video');\n  const videoSrc = \"https:\/\/cdn4.streamgato.us:3568\/live\/pruebalive.m3u8\";\n\n  if (Hls.isSupported()) {\n    const hls = new Hls();\n    hls.loadSource(videoSrc);\n    hls.attachMedia(video);\n\n    hls.on(Hls.Events.MANIFEST_PARSED, function () {\n      video.play();\n    });\n\n  } else if (video.canPlayType('application\/vnd.apple.mpegurl')) {\n    video.src = videoSrc;\n    video.addEventListener('loadedmetadata', function () {\n      video.play();\n    });\n  }\n<\/script>\n<\/center>                                                                                                                                                                                                                                                                                                                                 \n<\/div>\n<\/div>\n\n\n\n<center>\n\n<style>\n*{\nmargin:0;\npadding:0;\nbox-sizing:border-box;\n}\n\n.radio-player{\nwidth:100%;\nmax-width:480px;\nmargin:40px auto;\nbackground:#101010;\nborder-radius:20px;\npadding:30px;\ncolor:#fff;\nfont-family:Arial,Helvetica,sans-serif;\nbox-shadow:0 20px 50px rgba(0,0,0,.45);\n}\n\n.title{\nfont-size:28px;\nfont-weight:bold;\ntext-align:center;\nletter-spacing:1px;\n}\n\n.live{\nmargin-top:8px;\ntext-align:center;\nfont-size:14px;\nfont-weight:bold;\ncolor:#ff3b3b;\nanimation:blink 1s infinite;\n}\n\n@keyframes blink{\n50%{opacity:.2;}\n}\n\n.equalizer{\nheight:90px;\ndisplay:flex;\njustify-content:center;\nalign-items:flex-end;\ngap:4px;\nmargin:35px 0;\n}\n\n.equalizer span{\nwidth:6px;\nbackground:linear-gradient(#00ff95,#00bcd4);\nborder-radius:10px;\nheight:20px;\nanimation:equalize 1s infinite ease-in-out;\nanimation-play-state:paused;\n}\n\n.equalizer.playing span{\nanimation-play-state:running;\n}\n\n.equalizer span:nth-child(1){animation-delay:.1s;}\n.equalizer span:nth-child(2){animation-delay:.3s;}\n.equalizer span:nth-child(3){animation-delay:.2s;}\n.equalizer span:nth-child(4){animation-delay:.5s;}\n.equalizer span:nth-child(5){animation-delay:.7s;}\n.equalizer span:nth-child(6){animation-delay:.4s;}\n.equalizer span:nth-child(7){animation-delay:.6s;}\n.equalizer span:nth-child(8){animation-delay:.2s;}\n.equalizer span:nth-child(9){animation-delay:.8s;}\n.equalizer span:nth-child(10){animation-delay:.3s;}\n.equalizer span:nth-child(11){animation-delay:.5s;}\n.equalizer span:nth-child(12){animation-delay:.6s;}\n.equalizer span:nth-child(13){animation-delay:.1s;}\n.equalizer span:nth-child(14){animation-delay:.7s;}\n.equalizer span:nth-child(15){animation-delay:.4s;}\n.equalizer span:nth-child(16){animation-delay:.5s;}\n.equalizer span:nth-child(17){animation-delay:.3s;}\n.equalizer span:nth-child(18){animation-delay:.6s;}\n.equalizer span:nth-child(19){animation-delay:.8s;}\n.equalizer span:nth-child(20){animation-delay:.2s;}\n\n@keyframes equalize{\n0%{height:15px;}\n20%{height:70px;}\n40%{height:30px;}\n60%{height:85px;}\n80%{height:45px;}\n100%{height:18px;}\n}\n\n.controls{\ndisplay:flex;\njustify-content:center;\nmargin:20px 0;\n}\n\nbutton{\nwidth:75px;\nheight:75px;\nborder:none;\nborder-radius:50%;\nbackground:#00d26a;\ncursor:pointer;\nfont-size:28px;\ncolor:#fff;\ntransition:.3s;\n}\n\nbutton:hover{\ntransform:scale(1.08);\nbox-shadow:0 0 20px #00d26a;\n}\n\n.status{\ntext-align:center;\nmargin-top:20px;\nfont-size:15px;\ncolor:#9b9b9b;\n}\n\n.volume{\nmargin-top:30px;\n}\n\ninput[type=range]{\nwidth:100%;\naccent-color:#00d26a;\n}\n\n.footer{\ntext-align:center;\nmargin-top:25px;\nfont-size:13px;\ncolor:#777;\n}\n\n@media(max-width:500px){\n\n.radio-player{\npadding:20px;\nmargin:20px;\n}\n\n.title{\nfont-size:22px;\n}\n\nbutton{\nwidth:65px;\nheight:65px;\nfont-size:24px;\n}\n\n.equalizer{\nheight:70px;\n}\n\n}\n<\/style>\n\n<div class=\"radio-player\">\n\n<div class=\"title\">\n97.1 RADIO ODECO\n<\/div>\n\n<div class=\"live\">\n\ud83d\udd34 EN VIVO\n<\/div>\n\n<div class=\"equalizer\" id=\"eq\">\n<span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n<span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n<span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n<span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n<\/div>\n\n<div class=\"controls\">\n<button id=\"play\">\u25b6<\/button>\n<\/div>\n\n<div class=\"status\" id=\"status\">\nPresiona Play para escuchar\n<\/div>\n\n<div class=\"volume\">\n<input id=\"volume\" type=\"range\" min=\"0\" max=\"1\" step=\"0.01\" value=\"1\">\n<\/div>\n\n<div class=\"footer\">\nEscucha nuestra programaci\u00f3n las 24 horas\n<\/div>\n\n<audio id=\"audio\">\n<source src=\"https:\/\/stream-176.zeno.fm\/ux973qtqb2zuv?zt\">\n<\/audio>\n\n<\/div>\n\n<script>\n\nconst audio=document.getElementById(\"audio\");\nconst play=document.getElementById(\"play\");\nconst eq=document.getElementById(\"eq\");\nconst status=document.getElementById(\"status\");\nconst volume=document.getElementById(\"volume\");\n\nplay.onclick=()=>{\n\nif(audio.paused){\n\naudio.play();\n\nplay.innerHTML=\"\u275a\u275a\";\n\nstatus.innerHTML=\"Transmitiendo en vivo...\";\n\neq.classList.add(\"playing\");\n\n}else{\n\naudio.pause();\n\nplay.innerHTML=\"\u25b6\";\n\nstatus.innerHTML=\"Pausado\";\n\neq.classList.remove(\"playing\");\n\n}\n\n}\n\nvolume.oninput=()=>{\n\naudio.volume=volume.value;\n\n}\n\naudio.onended=()=>{\n\nplay.innerHTML=\"\u25b6\";\n\neq.classList.remove(\"playing\");\n\n}\n\n<\/script>\n\n<\/center>\n","protected":false},"excerpt":{"rendered":"<p>97.1 RADIO ODECO \ud83d\udd34 EN VIVO \u25b6 Presiona Play para escuchar Escucha nuestra programaci\u00f3n las 24 horas<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/odecohn.com\/index.php\/wp-json\/wp\/v2\/pages\/520"}],"collection":[{"href":"https:\/\/odecohn.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/odecohn.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/odecohn.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/odecohn.com\/index.php\/wp-json\/wp\/v2\/comments?post=520"}],"version-history":[{"count":9,"href":"https:\/\/odecohn.com\/index.php\/wp-json\/wp\/v2\/pages\/520\/revisions"}],"predecessor-version":[{"id":611,"href":"https:\/\/odecohn.com\/index.php\/wp-json\/wp\/v2\/pages\/520\/revisions\/611"}],"wp:attachment":[{"href":"https:\/\/odecohn.com\/index.php\/wp-json\/wp\/v2\/media?parent=520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}