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

Chip no olho e nota social: o que era ficção em Black Mirror e agora é real

Vinicius Amado

Colaboração para Tilt, em São Paulo

15/06/2023 12h00Atualizada em 18/06/2023 16h14

A 6ª temporada de Black Mirror estreia na Netflix nesta quinta-feira (15). Se você curte imaginar cenários curiosos, inovadores e/ou bizarros, saiba que algumas situações retratadas nas temporadas anteriores já ganharam traços de realidade.

Episódio "Queda Livre"

O episódio 1 da 3ª temporada gira em torno de um sistema de classificação de pessoas que alimenta uma sociedade obcecada com a autoimagem.

Nas cenas uma mulher tenta usar a popularidade de uma amiga para melhorar de vida.

O que já existe: classificação e notas de pessoas e serviços

Quem usa Instagram e Uber já viu. Classificamos pessoas, propagamos estilos de vida tidos como perfeitos e muita gente ira quem tem vários seguidores.

E empresas de tecnologia já adotam tecnologia de reconhecimento de rostos há algum tempo. O seu celular está aí para provar.

O que não existe: implante ocular de realidade aumentada que mostra a classificação das pessoas via reconhecimento de face, em tempo real.

Embora popularidade e recomendação online às vezes ajudem os criadores de conteúdo do Instagram e YouTube em situações específicas, você ainda não é impedido de usar serviços ou adquirir produtos por causa desses critérios, como acontece em Black Mirror.

Episódio Quinze Milhões de Méritos

No segundo capítulo da 1ª temporada, pessoas vivem em cubículos forrados com telas e pedalam para produzir eletricidade e ganhar "méritos" (moedas virtuais). Uma jovem tenta a sorte como cantora num reality show para sair da semiescravidão, mas é convencida a virar estrela pornô.

O que já existe: Bitcoins, reality shows com anônimos, avatares animados em jogos e redes sociais, pornografia online, telas de TV em academias de ginástica.

Apps como DietBet dão dinheiro ou vantagens a usuários que fazem exercícios. A empresa VirZOOM já criou um óculos de realidade virtual sincronizado com bicicletas ergométricas.

O TikTok é um app popular que permite trocar e ranquear vídeos musicais com sincronia labial.

O que não existe: a força física da população sendo usada em grande escala como "motor" para gerar energia e como fonte de renda em um regime extremamente limitado, quase sem alternativas de crescimento pessoal.

Para mais vídeos de dicas e sobre curiosidades de tecnologia e ciências, siga @tilt_uol no TikTok

Errata: este conteúdo foi atualizado
O texto citava anteriormente o aplicativo Heartbit como um dos exemplos de plataformas que remuneram pessoas em troca de exercícios. Como ele não está mais disponível atualmente, a citação foi tirada do material.