;(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
Danilo Lavieri

Danilo Lavieri

Danilo Lavieri

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.

Sucesso em final feminina serve de inspiração para Paulistão no YouTube

Transmissão da final feminina serve de inspiração para o Paulista masculino - Reprodução
Transmissão da final feminina serve de inspiração para o Paulista masculino Imagem: Reprodução
Danilo Lavieri

Colunista do UOL

11/12/2021 04h00

Receba os novos posts desta coluna no seu e-mail

Email inválido

O sucesso na transmissão da final do Campeonato Paulista feminino entre Corinthians e São Paulo serve de inspiração e modelo para que a Federação Paulista de Futebol faça a transmissão dos jogos do masculino em seus canais, especialmente no YouTube. Muita coisa da identidade visual será mantida.

Como mostrou Rodrigo Mattos em seu blog no UOL, o clássico na Neo Química Arena bateu recordes e se prepara para ter novas casas a partir de 2022. É o mesmo que vai acontecer com o torneio de homens que será disputado no primeiro semestre do ano que vem.

Relacionadas

Por que Pedro no Palmeiras não vai ar de uma corrente de torcedor?

Ironia de Douglas Costa desrespeita Grêmio e merece rescisão de contrato

Após Felipe Melo e Jailson, Palmeiras prepara mais saídas para renovar time

Algumas das inovações que foram testadas no jogo de quarta-feira são as grandes apostas da FPF e da LiveMode, agência que cuida da negociação dos direitos e também da produção das imagens para as transmissões.

Itens como um lance em multitelas, com vários ângulos ao mesmo tempo em momentos decisivos, imagens produzidas por drone, megalodon (câmera que tem sido usada no Brasileirão e tira o foco das imagens de fundo) e estatísticas usadas com gráficos no campo de jogo são alguns dos recursos utilizados.

No total, entre YouTube, Paulistão Play e Eleven, a final feminina foi assistida por mais de 1 milhão de pessoas, o que significou recorde entre todas as competições transmitidas pela federação, incluindo a Copinha e jogos de divisões de o.

Nas negociações com YouTube, Record e HBO Max, a Federação Paulista atrelou os direitos da competição masculina com o da feminina, a exemplo do que já acontece, por exemplo, nas negociações com a Fifa, que também coloca seus produtos em um mesmo pacote.

Siga também as opiniões de Danilo Lavieri no Twitter e no Instagram

As mais lidas agora

De volta, Raphinha tem papo individual com Ancelotti; quem sai do time?

São Paulo goleia Red Bull Bragantino e assume vice-liderança do Brasileirão feminino

Ribéry ironiza CR7 sobre Bola de Ouro: 'Precisa ganhar a Champions?'

Danilo Lavieri

Ancelotti já tem lista de problemas para resolver após estreia na seleção

Danilo Lavieri

Ancelotti assume protagonismo e faz Neymar virar ado na seleção

Danilo Lavieri

Síndrome de Estocolmo? Lavieri e Bira debatem relação entre Santos e Neymar

Botafogo vai precisar se remontar todo ano? Juca Kfouri e Lavieri debatem

São Paulo e Santos sondam Mayke, que pode sair de graça do Palmeiras

Danilo Lavieri

Lavieri: Dérbi na Copa do Brasil pode ser bom para o Palmeiras

Palmeiras: 'Presente de Deus', Universitario pode dar respiro em agosto

Como foi e o que disse Ancelotti na primeira reunião com os jogadores

Ancelotti fica 'em choque' com imprensa em seu primeiro treino na seleção

O que acontece com o Palmeiras em jogos grandes? Colunistas debatem

Palmeiras perde a liderança porque tem falha crônica em jogos grandes

Danilo Lavieri