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

WhatsApp deve mudar visual das chamadas de voz; veja outras novidades

Getty Images
Imagem: Getty Images

Thaime Lopes

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

22/12/2021 15h28

O WhatsApp está na onda de ano novo, vida nova: depois de anunciar que apenas os contatos poderão ver que você está online e testar a possibilidade de es apagarem mensagens dos grupos, agora a novidade é a interface das chamadas de voz.

Segundo o site WABetaInfo, que costuma antecipar os testes que o aplicativo faz no Android e iOS, um novo layout (visual) para ligações está disponível na versão beta do "Zap".

De acordo com imagens obtidas pelo site, o novo design será mais compacto e moderno, a fim principalmente de deixar a tela mais clean quando várias pessoas estiverem numa mesma ligação. Na comparação lado a lado, é possível observar que o número da pessoa que está em chamada ficará verde, e não mais branco, como acontece atualmente.

Antes e depois do novo layout de chamada do WhatsApp, segundo o site WABetaInfo - Reprodução/WABetaInfo - Reprodução/WABetaInfo
Antes e depois do novo layout de chamada do WhatsApp, segundo o site WABetaInfo
Imagem: Reprodução/WABetaInfo

Por enquanto, a ferramenta está sendo testada apenas na versão beta para iOS, mas a atualização deve chegar também para aplicativos Android. Ainda não há informações sobre a novidade ser lançada para o público geral.

Mudanças que devem chegar em breve ao WhatsApp

Desde o fim de novembro, temos ouvido falar de vários testes feito pelo WhatsApp e que devem chegar em questão de tempo para as pessoas.

Segundo o mesmo WABetaInfo, a plataforma tem testado um recurso em que o de um grupo poderá apagar todas as mensagens de um chat de uma só vez. Outra funcionalidade tem relação em aumentar o controle do status das pessoas, permitindo, por exemplo, que apenas contatos saibam se alguém está online.

Ainda falando em layout, uma nova mudança no "visual" do WhatsApp deve ocorrer na área de tirar fotos. Em vez do carrossel de imagens na parte de baixo, um ícone deve dar o às últimas imagens captadas.

Para quem gosta de enviar áudio, o WhatsApp recentemente adicionou uma função para todos conferirem o que foi dito antes de enviar. Teve também a liberação das mensagens temporárias, que se autodestroem depois de vistas.