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

Streaming

Com jeitão de Netflix, Prime Video terá novo visual em TVs e no Android

Getty Images — Imagem: Getty Images

Aurélio Araújo

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

19/07/2022 11h34

O Prime Video, serviço de streaming da Amazon, terá finalmente um visual atualizado. A plataforma vai liberar a partir desta semana uma interface de navegação que promete ser mais fluída — há anos os s pediam que alterações fossem feitas para facilitar seu uso.

As mudanças devem chegar de forma gradual e em fases aos consumidores nos aplicativos do Prime Video para Android, smart TV, Roku, Fire TV, Apple TV e consoles de videogames. O novo visual está mais próximo ao de seu principal concorrente, a Netflix.

De acordo com informações da assessoria de imprensa brasileira, não há uma previsão exata de quando isso chegará no Brasil. Já no iOS, essas transformações só devem ser vistas mais tarde, após as fases iniciais de implementação.

Experimente o Amazon Prime Video por 30 dias grátis e depois por R$ 14,90 ao mês. Você pode cancelar quando quiser.

Amazon Prime Video

Como será

Segundo imagens já divulgadas pela Amazon, o principal menu de navegação foi movido para a área esquerda da tela, numa coluna vertical.

Ali, estão presentes as opções "Pesquisar", "Início", "Loja", "TV ao vivo", "Grátis" e "Minha Área", sinalizadas por ícones que em muito lembram os que são vistos hoje na concorrência.

Na página inicial, existem as categorias: filmes, programas e séries de TV e eventos esportivos.

Além disso, também foi criado um "top 10" nessa página, para que você veja que atrações estão recebendo mais atenção do público no momento em que estiver ando o app — a plataforma Netflix tem um recurso semelhante.

Já na parte de "Loja", ficam acomodados os canais por internos ao próprio Prime Video, bem como oportunidades de compra e aluguel de filmes e séries.

Hoje, há algumas reclamações sobre as atrações que, quando você clica, exigem uma nova para serem visualizadas. Agora, isso deve ficar mais claro: filmes e séries já incluídos na do Prime Video am a ser sinalizados com um "check" azul na descrição, enquanto produtos que precisam ser comprados exibem um ícone dourado no formato de uma bolsa (o mesmo que identifica a "Loja").

O Prime Video, serviço de streaming da Amazon, ganha nova interface - Reprodução/Prime Video - Reprodução/Prime Video — O Prime Video, serviço de streaming da Amazon, ganha nova interface
Imagem: Reprodução/Prime Video

Por que o design é familiar com o da Netflix?

De acordo com informações do site The Verge, o projeto de redesenho do serviço de streaming da Amazon levou 18 meses para ser concluído. Um dos responsáveis pelo projeto foi Ben Smith, atual vice-presidente de produto para o Prime Video e o Prime Studios. Smith foi o executivo responsável pela mudança de visual do Hulu, outro serviço de streaming famoso nos Estados Unidos, mas que não opera no Brasil.

Na época, em 2017, o Hulu sofreu críticas por tentar alterar radicalmente a experiência dos consumidores de streaming com seu visual. Talvez, por isso, o novo "look" do Prime Video seja familiar e mais próximo ao da concorrência, tendo aspectos em comum também com o HBO Max e o Disney+.

Nada a esconder

A ideia da nova interface também é mostrar um pouco do potencial pouco explorado do streaming da Amazon, já o visual anterior "escondia" algumas possibilidades do serviço.

A diretora de produto da empresa, Helena Cerna, afirmou em uma entrevista coletiva recente que, durante os testes com a nova interface, ela ouviu bastante frases como "uau, eu nem sabia que o Prime Video oferecia TV ao vivo".

"Nós com certeza queríamos que os consumidores entendessem a vastidão de conteúdo disponível a eles", afirmou Cerna, que ressaltou também que era importante mostrar mais claramente quais desses conteúdos exigem um pagamento extra, como as s de canais como Paramount+ e AMC+ — eles podem ser vistos dentro do Prime.

O UOL pode receber uma parcela das vendas pelos links recomendados neste conteúdo.