;(function() { window.createMeasureObserver = (measureName) => { var markPrefix = `_uol-measure-${measureName}-${new Date().getTime()}`; performance.mark(`${markPrefix}-start`); return { end: function() { performance.mark(`${markPrefix}-end`); performance.measure(`uol-measure-${measureName}`, `${markPrefix}-start`, `${markPrefix}-end`); performance.clearMarks(`${markPrefix}-start`); performance.clearMarks(`${markPrefix}-end`); } } }; /** * Gerenciador de eventos */ window.gevent = { stack: [], RUN_ONCE: true, on: function(name, callback, once) { this.stack.push([name, callback, !!once]); }, emit: function(name, args) { for (var i = this.stack.length, item; i--;) { item = this.stack[i]; if (item[0] === name) { item[1](args); if (item[2]) { this.stack.splice(i, 1); } } } } }; var runningSearch = false; var hadAnEvent = true; var elementsToWatch = window.elementsToWatch = new Map(); var innerHeight = window.innerHeight; // timestamp da última rodada do requestAnimationFrame // É usado para limitar a procura por elementos visíveis. var lastAnimationTS = 0; // verifica se elemento está no viewport do usuário var isElementInViewport = function(el) { var rect = el.getBoundingClientRect(); var clientHeight = window.innerHeight || document.documentElement.clientHeight; // renderizando antes, evitando troca de conteúdo visível no chartbeat-related-content if(el.className.includes('related-content-front')) return true; // garante que usa ao mínimo 280px de margem para fazer o lazyload var margin = clientHeight + Math.max(280, clientHeight * 0.2); // se a base do componente está acima da altura da tela do usuário, está oculto if(rect.bottom < 0 && rect.bottom > margin * -1) { return false; } // se o topo do elemento está abaixo da altura da tela do usuário, está oculto if(rect.top > margin) { return false; } // se a posição do topo é negativa, verifica se a altura dele ainda // compensa o que já foi scrollado if(rect.top < 0 && rect.height + rect.top < 0) { return false; } return true; }; var asynxNextFreeTime = () => { return new Promise((resolve) => { if(window.requestIdleCallback) { window.requestIdleCallback(resolve, { timeout: 5000, }); } else { window.requestAnimationFrame(resolve); } }); }; var asyncValidateIfElIsInViewPort = function(promise, el) { return promise.then(() => { if(el) { if(isElementInViewport(el) == true) { const cb = elementsToWatch.get(el); // remove da lista para não ser disparado novamente elementsToWatch.delete(el); cb(); } } }).then(asynxNextFreeTime); }; // inicia o fluxo de procura de elementos procurados var look = function() { if(window.requestIdleCallback) { window.requestIdleCallback(findByVisibleElements, { timeout: 5000, }); } else { window.requestAnimationFrame(findByVisibleElements); } }; var findByVisibleElements = function(ts) { var elapsedSinceLast = ts - lastAnimationTS; // se não teve nenhum evento que possa alterar a página if(hadAnEvent == false) { return look(); } if(elementsToWatch.size == 0) { return look(); } if(runningSearch == true) { return look(); } // procura por elementos visíveis apenas 5x/seg if(elapsedSinceLast < 1000/5) { return look(); } // atualiza o último ts lastAnimationTS = ts; // reseta status de scroll para não entrar novamente aqui hadAnEvent = false; // indica que está rodando a procura por elementos no viewport runningSearch = true; const done = Array.from(elementsToWatch.keys()).reduce(asyncValidateIfElIsInViewPort, Promise.resolve()); // obtém todos os elementos que podem ter view contabilizados //elementsToWatch.forEach(function(cb, el) { // if(isElementInViewport(el) == true) { // // remove da lista para não ser disparado novamente // elementsToWatch.delete(el); // cb(el); // } //}); done.then(function() { runningSearch = false; }); // reinicia o fluxo de procura look(); }; /** * Quando o elemento `el` entrar no viewport (-20%), cb será disparado. */ window.lazyload = function(el, cb) { if(el.nodeType != Node.ELEMENT_NODE) { throw new Error("element parameter should be a Element Node"); } if(typeof cb !== 'function') { throw new Error("callback parameter should be a Function"); } elementsToWatch.set(el, cb); } var setEvent = function() { hadAnEvent = true; }; window.addEventListener('scroll', setEvent, { capture: true, ive: true }); window.addEventListener('click', setEvent, { ive: true }); window.addEventListener('resize', setEvent, { ive: true }); window.addEventListener('load', setEvent, { once: true, ive: true }); window.addEventListener('DOMContentLoaded', setEvent, { once: true, ive: true }); window.gevent.on('allJSLoadedAndCreated', setEvent, window.gevent.RUN_ONCE); // inicia a validação look(); })();
  • AssineUOL
Topo
Lucas Pasin

Lucas Pasin

Lucas Pasin

REPORTAGEM

Texto que relata acontecimentos, baseado em fatos e dados observados ou verificados diretamente pelo jornalista ou obtidos pelo o a fontes jornalísticas reconhecidas e confiáveis.

Rock in Rio faz mudança inédita no Palco Sunset a pedido de Ludmilla

Lucas Pasin

Colunista do UOL

01/09/2022 21h19

Receba os novos posts desta coluna no seu e-mail

Email inválido

Desde a sua criação, em 2008, o "Sunset" nunca havia ado por uma grande alteração como esta. Quem ar pelo Rock in Rio este ano, assim como nós, vai perceber logo de cara uma grande mudança no Palco Sunset.

É que uma grande arela foi instalada por lá, uma alteração nunca antes vista desde a sua criação, em 2008, na edição portuguesa do festival, em Lisboa.

Além do Sunset, o Rock in Rio tem os palcos Mundo (o principal do festival), Supernova, New Dance Order, Espaço Favela, Rock District, Highway Stage, e Rock Street Mediterrâneo.

Relacionadas

Programação do Rock in Rio 2022: veja horários dos shows e como assistir

Do metal ao pop, Rock in Rio abraça diferentes tribos no início do festival

Palco de 10 andares, 700 mil pessoas, R$ 1,7 bi: os números do Rock in Rio

Esta coluna descobriu que a estrutura foi montada pelo festival, conforme pedido da cantora Ludmilla para a concepção de seu show, no dia 11 de setembro, que está sendo um dos mais aguardados do Rock in Rio 2022. A apresentação de Lud é a principal do Sunset no dia. No Palco Mundo, shows de Dua Lipa, Megan Three Stellion, Rita Ora e Ivete Sangalo.

Procurada, a assessoria de imprensa da cantora confirmou informação sem dar mais detalhes.

Depois de contar em uma entrevista que o investimento desse show foi R$ 2 milhões, só podemos esperar que vem muito aí, né, danada?

arela é montada no Palco Sunset, do Rock in Rio - Reprodução - Reprodução
arela é montada no Palco Sunset, do Rock in Rio
Imagem: Reprodução

As mais lidas agora

Leonardo presenteia esposa com carro de R$ 460 mil: 'Não tenho palavras'

Lázaro Ramos surpreende Taís Araujo ao 'comprar' uma estrela para ela

'Nunca nos abandonamos': Jojo fala sobre parto antecipado de Raissa Barbosa

Lucas Pasin

Fim da treta! Saiba bastidores do reencontro de Gkay e Fábio Porchat

Maratona de Sabrina: antes de desfilar em SP, ela samba em camarote no Rio

Maratona de Sabrina: antes de desfilar em SP, ela samba em camarote no Rio

Lore Improta nega convite para ser Rainha de Bateria da Viradouro

Spiller despista sobre flagra com affair português: 'Tirem suas conclusões'

'Quase morri', revela Sheron Menezzes sobre encontro com Milton Nascimento

Após foto com Jade Picon, André Lamoglia foge de perguntas sobre romance

Andre Marques confirma sondagem de Boninho para ir ao SBT: 'Sempre com ele'

Mell Muzzillo justifica fala sobre estar casada: 'Foi modo de falar'

Poeta usa costeiro de 10 kg: 'Não nasci sabendo sambar, mas me dediquei'

Mordida no pescoço, rapper gringo e Neymar: o que rolou nos camarotes do RJ