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

Autodestrutivo: WhatsApp testa envio de foto e vídeo que se apagam sozinhos

iStock/Getty
Imagem: iStock/Getty

Bruna Souza Cruz

De Tilt, em São Paulo

26/09/2020 14h31Atualizada em 26/09/2020 15h06

O WhatsApp continua investindo em testes de um recurso de envio de fotos, vídeos e GIFs com tempo limitado de exibição, segundo o site WaBetaInfo, que costuma antecipar novidades do aplicativo.

Nesta semana, o site divulgou detalhes de uma função chamada "Expiring Media". O funcionamento é semelhante ao que ocorre no Snapchat e Telegram, onde as mensagens ficam disponíveis por alguns segundos para o destinatário.

Como funciona

A função prevê que a pessoa que receber um arquivo de mídia só terá o a ele apenas uma vez. A mensagem contendo foto, vídeo ou GIF irá se autodestruir.

Assim que o destinatário selecionar o arquivo para abrir, uma notificação surge na tela destacando que ele irá desaparecer.

WhatsApp - mensagens autodestrutivas, que se apagam sozinhas após o destinatário visualizar - Reprodução/WaBetaInfo - Reprodução/WaBetaInfo
Após visualizar o arquivo, um alerta de que o conteúdo expirou é exibido
Imagem: Reprodução/WaBetaInfo

Ainda não há prazo para ele aparecer oficialmente no WhatsApp, mas é algo que o aplicativo está trabalhando, informou o WaBetaInfo.

No ano ado, testes de uma função parecida já haviam sido descobertos. A diferença é que o recurso permitia configurar se uma mensagem ficaria disponível para o destinatário por um tempo limitado, como cinco segundos, uma hora, um dia.

Outras novidades em testes

Essa é só mais uma das funções em testes do aplicativo que surgiram neste mês. Ao menos quatro possíveis recursos foram descobertos:

  • Modo Férias: vai permitir que o usuário arquive conversas e não as visualize mais, mesmo que novas mensagens sejam trocadas entre os usuários. Isso vai valer para grupos e conversas individuais, e poderá ser configurado.
  • Reprodução/WABetaInfo (750x1)
  • Edição de imagens: vai facilitar o alinhamento de elementos como texto, figurinhas e emojis, por exemplo, a uma foto. Linhas serão exibidas para guiar até você escolher o formato que deseja.
  • WhatsApp mais colorido: o recurso é chamado de "Doodle" do WhatsApp. Ao ativá-lo, o mensageiro projetará um fundo de tela pré-definido com cores, vários rabiscos e/ou desenhos discretos.
  • Catálogo de negócios e ligação: voltada para negócios, o WhatsApp Business planeja adicionar um botão de catálogo que leve para os itens vendidos por determinada conta comercial no mensageiro. Esse ícone será colocado na barra superior do aplicativo, ao lado do botão de fazer ligações.