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

Tilt

Tilt

Figurinhas começam a chegar no WhatsApp; veja como usar

Conversas do WhatsApp vão ficar mais divertidas - Getty Images/iStockphoto
Conversas do WhatsApp vão ficar mais divertidas Imagem: Getty Images/iStockphoto

Rodrigo Trindade

Do UOL, em São Paulo

25/10/2018 18h48

O WhatsApp começou a implementar um jeito divertido de se comunicar com os amigos. A partir da versão 2.18.329 no Android e 2.18.100 no iOS, os usuários poderão trocar stickers e colorir suas linhas do tempo.

Testamos no app instalado no Motorola One, que já tinha a opção à disposição. Ela aparece no meio das opções do teclado, entre os emojis e os GIFs. Também tentamos usar em um Samsung Galaxy S8, mas ele ainda não tinha a versão do aplicativo com os stickers disponível para atualização.

VEJA TAMBÉM

Há um catálogo enorme de stickers que podem ser baixados para uso, uns estáticos e outros animados. Fora os dois tipos de imagens, ainda era possível criar um sticker personalizado, baseado em uma selfie tirada com o celular.

Stickers do WhatsApp - Reprodução - Reprodução
Figurinhas apareceram no teclado, entre emojis e GIFs
Imagem: Reprodução

No entanto, não conseguimos enviar as ilustrações para nenhum contato, pois é necessário que o receptor da mensagem tenha uma versão do WhatsApp com essa ferramenta habilitada.

Segundo o site “WABetaInfo”, a função será expandida aos poucos entre celulares Android e iPhones. No smartphone da Apple, a atualização necessária já está disponível, mas a função ainda não aparece a todos os usuários. $escape.getH()uolbr_geraModulos(‘embed-infografico’,‘/2018/tag-page-whatsapp-1527257908908.vm’)

As mais lidas agora

Cintra: 'Precisamos discutir como a IA vai entrar na escola'

Nerfar? Este guia vai te explicar as gírias jovens da internet

Status do WhatsApp mudou: o que dá para fazer agora após nova atualização

Tilt

Giz Brasil

Huracán x Platense: onde assistir à final do Campeonato Argentino

Giz Brasil

Santos x Botafogo: onde assistir ao jogo do Brasileirão

Tilt

Nerfar? Este guia vai te explicar as gírias jovens da internet

Tilt

Esta ferramenta diz até que idade você viverá e qual o seu lugar no mundo

Giz Brasil

Copa do Mundo de Clubes: bola terá chip tecnológico contra erros de arbitragem

Giz Brasil

Substâncias isoladas de esponjas marinhas mostram potencial para tratar malária

Agências

Google diz que vai recorrer de decisão antitruste de pesquisa on-line

MacMagazine

Como ar o Controle da Câmera com apenas um gesto no iPhone

Giz Brasil

Balde de Bromeswell: estudiosos revelam conteúdo do artefato do século 6

Giz Brasil

Potencial para bioeconomia atrai investimentos na Amazônia

MacMagazine

Quais iPhones podem tirar fotos em modo Retrato mesmo no modo Foto tradicional?

Tradicionalmente, sempre que você quer tirar uma fotografia no modo Retrato (Portrait mode) dos iPhones, é...