CINXE.COM
eastvillageradio.com - EVR IS BACK - eastvillageradio.com - EVR IS BACK
<!doctype html> <html lang="en"> <head> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-D0Q7EDNEYX"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-D0Q7EDNEYX'); </script> <link rel="stylesheet" href="css/player.css"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <title>eastvillageradio.com - EVR IS BACK - eastvillageradio.com - EVR IS BACK</title> <!-- Bootstrap --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script> <![endif]--> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet"> <!-- Mi Estilo --> <link href="https://eastvillageradio.com/wp-content/themes/goldway-eastvillage/style.css" rel="stylesheet"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <!-- This site is optimized with the Yoast SEO plugin v24.0 - https://yoast.com/wordpress/plugins/seo/ --> <meta name="description" content="EVR IS BACK" /> <link rel="canonical" href="https://eastvillageradio.com/" /> <link rel="next" href="https://eastvillageradio.com/page/2/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="eastvillageradio.com" /> <meta property="og:description" content="EVR IS BACK" /> <meta property="og:url" content="https://eastvillageradio.com/" /> <meta property="og:site_name" content="eastvillageradio.com" /> <meta property="og:image" content="https://eastvillageradio.com/wp-content/uploads/2024/07/EVR_Thumb.jpg" /> <meta property="og:image:width" content="90" /> <meta property="og:image:height" content="90" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://eastvillageradio.com/","url":"https://eastvillageradio.com/","name":"eastvillageradio.com - EVR IS BACK","isPartOf":{"@id":"https://eastvillageradio.com/#website"},"about":{"@id":"https://eastvillageradio.com/#organization"},"description":"EVR IS BACK","breadcrumb":{"@id":"https://eastvillageradio.com/#breadcrumb"},"inLanguage":"en-US"},{"@type":"BreadcrumbList","@id":"https://eastvillageradio.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://eastvillageradio.com/#website","url":"https://eastvillageradio.com/","name":"East Village Radio","description":"EVR IS BACK","publisher":{"@id":"https://eastvillageradio.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://eastvillageradio.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://eastvillageradio.com/#organization","name":"East Village","url":"https://eastvillageradio.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://eastvillageradio.com/#/schema/logo/image/","url":"https://eastvillageradio.com/wp-content/uploads/2024/07/EVR_Thumb.jpg","contentUrl":"https://eastvillageradio.com/wp-content/uploads/2024/07/EVR_Thumb.jpg","width":90,"height":90,"caption":"East Village"},"image":{"@id":"https://eastvillageradio.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/EVRadio/","https://www.instagram.com/eastvillageradio/","https://www.tiktok.com/place/East-Village-Radio-20442395497173558"]}]}</script> <!-- / Yoast SEO plugin. --> <link rel='stylesheet' id='wp-block-library-css' href='https://eastvillageradio.com/wp-includes/css/dist/block-library/style.min.css' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel="https://api.w.org/" href="https://eastvillageradio.com/wp-json/" /><meta name="cdp-version" content="1.4.9" /> <style> /* Estilos adicionales seg煤n necesidades */ body, html { height: 100%; /* Asegura que el body y html ocupen toda la altura del viewport */ margin: 0; padding: 0; } .imagen-contenedor { background-size: cover; background-position: center center; min-height: 213px; position: relative; } .imagen-contenedor.listen { background-image: url('img/listen.jpg'); } .listen { min-height: 243px; } .pointer { cursor: pointer; } #iframeContainer { height: 100%; /* Ocupa toda la altura disponible */ overflow: hidden; /* Para evitar barras de desplazamiento en el div */ position: relative; /* Posici贸n relativa para posicionamiento absoluto de iframe */ } #iframe2 { width: 100%; /* Ocupa todo el ancho disponible */ border: none; /* Quita el borde del iframe */ overflow: hidden; /* Evita barras de desplazamiento en el iframe */ position: absolute; /* Posici贸n absoluta dentro del contenedor */ top: 0; bottom: 0; } #video-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .marquee-container { width: 100%; /* Ancho del div contenedor */ white-space: nowrap; /* Evita que el texto se divida en m煤ltiples l铆neas */ overflow: hidden; /* Oculta el texto que sobresale del div */ border: 0px solid #ccc; /* Borde para visualizar el 谩rea del div */ } .marquee { display: inline-block; /* Hace que el texto fluya horizontalmente */ animation: marquee 10s linear infinite; /* Animaci贸n del texto marquee */ } @keyframes marquee { 0% { transform: translateX(100%); } /* Inicio del movimiento fuera de la vista en la derecha */ 100% { transform: translateX(-100%); } /* Fin del movimiento fuera de la vista en la izquierda */ } .sticky-top { position: relative; /* Posici贸n inicial relativa */ z-index: 1000; /* Asegura que est茅 por encima de otros elementos */ width: 100%; /* Ancho completo */ transition: top 0.3s ease; /* Transici贸n suave */ } #mainContent { padding-top: 0px; /* Espacio superior inicial */ transition: padding-top 0.3s ease; /* Transici贸n suave para el ajuste de padding-top */ } .custom-size { font-size: 1.5em; /* Ajusta el tama帽o seg煤n sea necesario */ } .overlay { /* Height & width depends on how you want to reveal the overlay (see JS below) */ height: 100%; width: 0; position: fixed; /* Stay in place */ z-index: 9999; /* Sit on top */ left: 0; top: 0; /*background-color: rgb(0,0,0); /* Black fallback color */ /*background-color: rgba(0,0,0, 0.9); /* Black w/opacity */ background-color:#bbb538; overflow-x: hidden; /* Disable horizontal scroll */ transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */ } /* Position the content inside the overlay */ .overlay-content { position: relative; top: 50px; /* 25% from the top */ width: 100%; /* 100% width */ text-align: center; /* Centered text/links */ margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */ font-size:16px; font-weight:700; color:#FFF; } .overlay-content hr { padding:0px; margin:20px; height:1px; background-color:#FFF; border:0; box-shadow:none; } /* The navigation links inside the overlay */ .overlay a { padding:0px; text-decoration: none; color: #FFF; display: block; /* Display block instead of inline */ transition: 0.3s; /* Transition effects on hover (color) */ font-size:20px; } /* When you mouse over the navigation links, change their color */ .overlay a:hover, .overlay a:focus { color: #000; } /* Position the close button (top right corner) */ .overlay .closebtn { position: absolute; top: 0px; right: 20px; } /* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */ @media screen and (max-height: 450px) { /*.overlay a {font-size: 20px} .overlay .closebtn { font-size: 40px; top: 15px; right: 15px; }*/ } </style> </head> <body> <div class="container-fluid"> <div class="row visible-xs visible-sm visible-md"> <img onclick="cargarPagina('indexevr');" src="https://eastvillageradio.com/wp-content/themes/goldway-eastvillage/images/logo-movil.jpg" class="imgres"> </div> </div> <div class="visible-xs visible-sm visible-md sticky-top" id="fixedDivMovil" style="background-color:#525659;"> <div class="container-fluid"> <div class="row" style="background-color:#bbb538;"> <div class="col-xs-2 text-center"> <div id="myNav" class="overlay"> <a href="javascript:void(0)" class="closebtn" onclick="closeNavMenu()">×</a> <div class="overlay-content"> <a href="#" onclick="cargarPagina('indexevr');">HOME</a> <hr> <a href="#" onclick="cargarPagina('on-now');">ON NOW</a> <hr> <a href="#" onclick="cargarPagina('the-booth');">IN THE BOOTH</a> <hr> <a href="#" onclick="cargarPagina('category/schedule/');">SCHEDULE</a> <hr> <a href="#" onclick="cargarPagina('category/news/');">NEWS</a> <hr> <a href="#" onclick="cargarPagina('about');">ABOUT</a> </div> </div> <span onclick="openNav()"><i class="fas fa-bars fa-2x" style="cursor:pointer; margin-top:3px;"></i></span> <script> function openNav() { document.getElementById("myNav").style.width = "100%"; } function closeNavMenu() { document.getElementById("myNav").style.width = "0%"; } </script> </div> <div class="col-xs-8"> <div class="container-fluid"> <div class="row titulo-contenedor" id="listen-title-movil"> <i class="fa-solid fa-play play-icon custom-size hidden-xl hidden-xxl hidden-lg"></i> <i class="fas fa-pause pause-icon custom-size hidden-xl hidden-xxl hidden-lg" style="display: none;"></i> <span class="titulo"> LISTEN</span> </div> </div> </div> <div class="col-xs-2 text-right"> </div> </div> </div> <div style="background-color:#525659;"> <div id="on-now-container-movil"> <div class="imagen-contenedor pointer hidden-xs hidden-sm hidden-md" style="background-image:url('https://eastvillageradio.com/wp-content/uploads/2024/06/Doute_Show_Image_865_220-1.jpg');width:100%;height:auto;" onclick="cargarPagina('on-now');"></div> <div class="visible-xs visible-sm visible-md" onclick="cargarPagina('on-now');"> <img src="https://eastvillageradio.com/wp-content/uploads/2024/06/Doute_Show_Image_865_220-1.jpg" class="imgres"> </div> </div> <div class="track"> <div class="row track-row"> <div class="col-xs-8 track-info text-left"> <div class="marquee-container"> <div class="marquee hidden-lg" id="player-text-container-movil"> <div class="visible-xs"><b>CURRENT TRACK</b> <b>The Equals</b> - Diversion </div> <div class="hidden-xs"> <b>The Equals</b> - Diversion </div> </div> </div> </div> <div class="col-xs-4 track-info text-right hidden-xs visible-sm visible-md visible-lg visible-xl visible-xxl" onclick="cargarPagina('on-now');"> PLAYLIST - CHAT </div> <div class="col-xs-4 track-info text-right visible-xs hidden-sm hidden-md hidden-lg hidden-xl hidden-xxl" onclick="cargarPagina('on-now');"> PLAYLIST - CHAT </div> </div> </div> </div> </div> <div class="container-fluid"> <div class="row"> <div class="container-fluid"> <div class="row hidden-xs hidden-sm hidden-md"> <img onclick="cargarPagina('indexevr');" src="https://eastvillageradio.com/wp-content/themes/goldway-eastvillage/images/logo.jpg" class="imgres"> </div> </div> <div class="container-fluid sticky-top" id="fixedDiv"> <div class="row"> <div class="col-xs-12 col-sm-2 col-md-2 col-lg-2 col-xl-2 col-xxl-2 columna arriba izquierda pointer hidden-xs hidden-sm hidden-md" id="player-section" style="margin-bottom:7px;"> <div class="titulo-contenedor" id="listen-title"> <span class="titulo">LISTEN</span> </div> <div class="imagen-contenedor listen hidden-xs" style="background-image: url('https://eastvillageradio.com/wp-content/uploads/2024/07/listen.jpg');"> <div id="player-container"> <audio id="audio-player" preload="none" src="https://east-village-radio.radiocult.fm/stream"></audio> <button id="play-pause-btn"></button> <input type="range" id="volume-control" min="0" max="1" step="0.1" value="0.5"> </div> </div> </div> <a href="#" style="color: white; text-transform:uppercase;"> <div class="col-xs-12 col-sm-7 col-md-7 col-lg-7 col-xl-7 col-xxl-7 columnaalcorte arriba hidden-xs hidden-sm hidden-md" onclick="cargarPagina('on-now');" style="margin-bottom:7px;background-color:#525659;"> <div class="titulo-contenedor hidden-xs"> <span class="titulo">ON NOW</span> </div> <div id="on-now-container"> <div class="imagen-contenedor pointer hidden-xs hidden-sm hidden-md" style="background-image:url('https://eastvillageradio.com/wp-content/uploads/2024/06/Doute_Show_Image_865_220-1.jpg');width:100%;height:auto;" onclick="cargarPagina('on-now');"></div> <div class="visible-xs visible-sm visible-md" onclick="cargarPagina('on-now');"> <img src="https://eastvillageradio.com/wp-content/uploads/2024/06/Doute_Show_Image_865_220-1.jpg" class="imgres"> </div> </div> <div class="track"> <div class="row track-row"> <div class="col-xs-8 track-info text-left"> <div class="marquee-container"> <div class="marquee" id="player-text-container"> <div class="visible-xs"><b>CURRENT TRACK</b> <b>The Equals</b> - Diversion </div> <div class="hidden-xs"> <b>The Equals</b> - Diversion </div> </div> </div> </div> <div class="col-xs-4 track-info text-right visible-lg" onclick="cargarPagina('on-now');"> PLAYLIST - CHAT </div> <div class="col-xs-4 track-info text-right hidden-lg" onclick="cargarPagina('on-now');"> PLAYLIST - CHAT </div> </div> </div> </div> </a> <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 col-xl-3 col-xxl-3 columna arriba derecha pointer hidden-xs hidden-sm hidden-md" style="margin-bottom:7px;"> <div class="titulo-contenedor hidden-lg"> <span class="titulo">THE BOOTH</span> </div> <div class="titulo-contenedor visible-lg"> <span class="titulo">IN THE BOOTH</span> </div> <div class="imagen-contenedor hidden-xs"> <div id="video-container"></div> </div> <div class="track hidden-xs"> <div class="row track-row"> <div class="col-sm-12 track-info text-right"> <a href="#" id="cam1">CAM1</a> </div> </div> </div> </div> <div id="FinishHeather" class="row hidden-xs hidden-sm hidden-md" style="background-color:#525659;"> </div> </div> </div> <div class="container-fluid" id="mainContent"> <div class="row"> <div id="iframeContainer"> <iframe id="iframe2" src="indexevr" frameborder="0" scrolling="no" allow="fullscreen" style="height: 650vh;"></iframe> </div> </div> </div> </div> </div> <!-- Carga de jQuery solo si no est谩 ya en tu p谩gina --> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script> <!-- Script para el reproductor de audio --> <script> $(document).ready(function() { const audioPlayer = document.getElementById('audio-player'); const playPauseBtn = document.getElementById('play-pause-btn'); const volumeControl = document.getElementById('volume-control'); const playerContainer = document.getElementById('player-container'); const listenTitle = document.getElementById('listen-title'); const playIcon = document.querySelector('.play-icon'); const pauseIcon = document.querySelector('.pause-icon'); const listenTitleMovil = document.getElementById('listen-title-movil'); let isUserPaused = false; // Flag to track if user paused the audio // Funci贸n para alternar entre reproducir y pausar el audio function togglePlayPause() { if (audioPlayer.paused) { audioPlayer.play(); playPauseBtn.classList.add('pause'); playIcon.style.display = 'none'; pauseIcon.style.display = 'inline'; isUserPaused = false; // User manually plays the audio console.log('isUserPaused False'); } else { audioPlayer.pause(); playPauseBtn.classList.remove('pause'); playIcon.style.display = 'inline'; pauseIcon.style.display = 'none'; isUserPaused = true; // User manually pauses the audio console.log('isUserPaused true'); } } // Evento clic en el t铆tulo "LISTEN" listenTitle.addEventListener('click', function() { togglePlayPause(); }); // Evento clic en el t铆tulo "LISTEN Movil" listenTitleMovil.addEventListener('click', function() { togglePlayPause(); }); // Evento clic en el bot贸n de reproducir/pausar playPauseBtn.addEventListener('click', function() { togglePlayPause(); }); // Evento para actualizar el estado del bot贸n seg煤n el estado del audio audioPlayer.addEventListener('play', function() { playPauseBtn.classList.add('pause'); playIcon.style.display = 'none'; pauseIcon.style.display = 'inline'; }); audioPlayer.addEventListener('pause', function() { playPauseBtn.classList.remove('pause'); playIcon.style.display = 'inline'; pauseIcon.style.display = 'none'; if (!isUserPaused) { //audioPlayer.play(); } }); // Evento para controlar el volumen del audio volumeControl.addEventListener('input', function() { audioPlayer.volume = volumeControl.value; }); // Comprobar y asegurar que el audio de la radio est茅 reproduci茅ndose si no es pausado por el usuario //setInterval(() => { // if (window.location.pathname === '/the-booth/' && !isUserPaused) { // audioPlayer.play(); // } //}, 2000); // Verificar cada segundo }); </script> <!-- Script para ajustar la altura del contenedor del iframe --> <script> function adjustContainerHeight() { var iframe = document.getElementById('iframe2'); var container = document.getElementById('iframeContainer'); if (iframe && container) { iframe.onload = function() { var iframeBodyHeight = iframe.contentWindow.document.body.scrollHeight; var newHeight = iframeBodyHeight + 0; container.style.height = newHeight + 'px'; }; } } document.addEventListener('DOMContentLoaded', adjustContainerHeight); window.addEventListener('resize', adjustContainerHeight); </script> <!-- Script para manejar la carga de la p谩gina en el iframe --> <script> function cargarPagina(newUrl) { if (!newUrl.startsWith('/category/schedule/')) { newUrl = '/' + newUrl; } $('#iframe2').attr('src', newUrl); $('#iframe2').on('load', function() { this.contentWindow.scrollTo(0, 0); }); closeNavMenu(); } function closeNav() { console.log('Navegaci贸n cerrada'); } window.addEventListener('message', function(event) { if (event.origin !== window.location.origin) { return; // Ignorar mensajes de or铆genes no confiables } var newUrl = event.data; // Validar que event.data sea un string y un URL v谩lido if (typeof newUrl === 'string' && newUrl.startsWith('/')) { history.pushState(null, '', newUrl); } else { console.error('El mensaje recibido no es un URL v谩lido:', newUrl); } }, false); </script> <!-- Script para fijar el div al desplazarse --> <script> var fixedDiv = document.getElementById('fixedDiv'); var fixedDivMovil = document.getElementById('fixedDivMovil'); var stickyOffsetTop = fixedDiv.offsetHeight; var stickyOffsetTopMovil = fixedDivMovil.offsetHeight; var extraMarginTop; var extraMarginTopnew; function checkScreenSize() { if (window.matchMedia('(max-width: 576px)').matches) { extraMarginTopnew = 100; extraMarginTop = 120; } else if (window.matchMedia('(min-width: 577px) and (max-width: 991px)').matches) { extraMarginTopnew = 100; extraMarginTop = 300; } else { extraMarginTopnew = -50; extraMarginTop = 300; } } checkScreenSize(); window.addEventListener('resize', checkScreenSize); var isFixed = false; var isFixedMovil = false; window.addEventListener('scroll', function() { if (window.pageYOffset > stickyOffsetTop && !isFixed) { fixedDiv.style.position = 'fixed'; fixedDivMovil.style.position = 'fixed'; fixedDiv.style.top = '0'; fixedDivMovil.style.top = '0'; mainContent.style.marginTop = extraMarginTop + 'px'; isFixed = true; isFixedMovil = true; } else if (window.pageYOffset <= stickyOffsetTop && isFixed) { fixedDiv.style.position = 'relative'; fixedDivMovil.style.position = 'relative'; mainContent.style.marginTop = (parseInt(fixedDiv.offsetWidth / 10) + extraMarginTopnew) + 'px'; mainContent.style.marginTop = '0px'; isFixed = false; isFixedMovil = false; } }); </script> <!-- Script para recargar el contenido del contenedor "on-now" cada X segundos --> <script> $(document).ready(function() { let reloadAttemptsononnow = 0; // Contador de intentos de recarga const maxAttemptsononnow = 2; // N煤mero m谩ximo de intentos function reloadContentononnow() { $('#on-now-container, #on-now-container-movil').each(function() { $(this).load('/on-now-photo/', function(response, status, xhr) { if (status == "error") { reloadAttemptsononnow++; // Incrementa el contador de intentos si hay un error if (reloadAttemptsononnow >= maxAttemptsononnow) { clearInterval(reloadInterval); // Det茅n las recargas si se exceden los intentos console.log("Demasiados intentos fallidos. Recarga detenida on photo Now."); } } }); }); } const reloadInterval = setInterval(reloadContentononnow, 300000); // Intervalo de recarga }); </script> <!-- Script para recargar el contenido de los contenedores de player-text --> <script> $(document).ready(function() { let reloadAttemptsplayertext = 0; // Contador de intentos de recarga const maxAttemptsplayertext = 2; // N煤mero m谩ximo de intentos const reloadIntervalTimePlayer = 10000; // Intervalo optimizado a 10 segundos let reloadIntervalPlayer = null; // Verificar si la p谩gina est谩 activa (en el foreground) function isPageVisible() { return !document.hidden; } // Recargar solo si la p谩gina est谩 visible function reloadContent() { if (isPageVisible()) { $('#player-text-container, #player-text-container-movil').each(function() { $(this).load('/player-text-gw/', function(response, status, xhr) { if (status == "error") { reloadAttemptsplayertext++; // Incrementa el contador de intentos si hay un error if (reloadAttemptsplayertext >= maxAttemptsplayertext) { clearInterval(reloadIntervalPlayer); // Det茅n las recargas si se exceden los intentos console.log("Demasiados intentos fallidos. Recarga detenida player text."); } } }); }); } } // Funci贸n para reiniciar el contador de intentos function resetAttempts() { reloadAttemptsplayertext = 0; } // Pausar y reanudar las recargas cuando la p谩gina no est谩 visible document.addEventListener('visibilitychange', function() { if (isPageVisible() && !reloadIntervalPlayer) { reloadIntervalPlayer = setInterval(reloadContent, reloadIntervalTimePlayer); } else { clearInterval(reloadIntervalPlayer); reloadIntervalPlayer = null; } }); // Iniciar la recarga reloadIntervalPlayer = setInterval(reloadContent, reloadIntervalTimePlayer); // Reiniciar el contador cada 10 minutos setInterval(resetAttempts, 600000); // 10 minutos }); </script> <!-- Script para reiniciar los contadores de intentos cada 10 minutos --> <script> $(document).ready(function() { function reloadreset() { let reloadAttemptsononnow = 0; // Reiniciar el contador de intentos de recarga let reloadAttemptsplayertext = 0; // Reiniciar el contador de intentos de recarga } setInterval(reloadreset, 600000); // Reiniciar contadores cada 10 minutos }); </script> <!-- Script para cargar videos --> <script> $(document).ready(function() { function loadVideo(provider, url) { if (provider === 'dacast') { $('#video-container').html('<iframe src="https://iframe.dacast.com/live/' + url + '" width="100%" height="100%" frameborder="0" scrolling="no" allow="fullscreen; autoplay; encrypted-media" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen style="position:absolute;top:0;left:0;"></iframe>'); } else if (provider === 'onestream') { $('#video-container').html('<iframe src="https://player.onestream.live/embed?token=' + url + '&type=up" width="100%" height="100%" frameborder="0" scrolling="no" allow="fullscreen; autoplay; encrypted-media" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen style="position:absolute;top:0;left:0;"></iframe>'); } } $('#cam1').click(function(e) { e.preventDefault(); loadVideo('onestream','MzA0MTAxNA=='); }); $('#cam2').click(function(e) { e.preventDefault(); loadVideo('dacast','c42f273f-6697-b3f8-a003-a404273da816/a5caa1e3-f17d-07e4-bda9-e0a6fc16b6e8'); }); if (window.matchMedia('(max-width: 991px)').matches) { // Si es m贸vil xs o tablet, no cargar video autom谩ticamente para ahorrar recursos console.log("Dispositivo m贸vil detectado, no se carga el video autom谩ticamente."); } else { // Si es desktop, cargar el video autom谩ticamente loadVideo('onestream','MzA0MTAxNA=='); } }); </script> </body> </html>