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

Tudo pode virar uma capa de álbum musical, e TikTok pode provar; veja como

Nova tendência no TikTok, #capadealbum é um desafio que até conquistou até marcas - Reprodução/Jade Picon
Nova tendência no TikTok, #capadealbum é um desafio que até conquistou até marcas Imagem: Reprodução/Jade Picon

Barbara Mannara

Colaboração para Tilt, do Rio de Janeiro

15/02/2023 12h07

Sem tempo, irmão

  • Transformar conteúdos em imitações de capas de álbuns é a nova mania do TikTok
  • Celebridades, influencers e atletas entraram na tendência
  • Efeito é possível graças a aplicativos como CapCut
  • O o a o é simples e rápido

Um novo viral nas redes sociais está provando que tudo (ou quase tudo) pode virar uma capa de álbum de música, digno dos antigos encartes de CDs. A trend usa as hashtags #capadealbum, que já soma mais de 230 milhões de visualizações, e a versão em inglês #albumcover, que aponta 7,1 bilhões de visualizações no TikTok.

Basta usar uma ferramenta de edição de imagens que tenha o às suas fotos e vídeos do celular.

A montagem pode ser feita a partir de aplicativos como o CapCut, que funciona em português e tem uso gratuito para Android e iOS (Apple).

O efeito brinca com a ideia de existirem encartes de CDs divertidos — ou até diferentes demais — ao longo da história da música. E que, se você tem o efeito retrô certo, qualquer coisa pode se transformar em um desses álbuns.

Celebridades, influencers digitais e até times de futebol — nacionais e internacionais — já entraram na tendência e publicaram suas edições exclusivas.

Por aqui, o cantor Péricles, o criador de conteúdo Felipe Neto e a modelo Jade Picon surfaram nessa onda. O perfil da atriz norte-americana Jessica Alba usou seus vídeos pessoais para montar um vídeo com a cara da trend.

@felipeneto Qual foi sua capa de álbum favorita? #AlbumCover ? Money by The Drums - ??

@jessicaalba Eh, but I kind of vibe with these ??? #CapCut #albumcover ? original sound - Yo Mama

As marcas também investiram no desafio: a Netflix Brasil ironizou a possibilidade de que tudo pode virar capas de CDs usando registros curiosos de suas séries e filmes.

@netflixbrasil Atualizando o ditado: nunca julgue um álbum pela capa! #AlbumCover #CapaDeAlbum #Netflix #NetflixBrasil ? som original - Netflix Brasil

Duolingo — plataforma de aprendizagem de idiomas — usou seu mascote para gerar os álbuns.

@duolingobrasil Prontinho pra lançar um disco indie are you mine?????? #albumcover #duolingobrasil ? Money by The Drums - ??

Como montar o seu vídeo

o a o capa de álbum TikTok 1 - Arte/Tilt - Arte/Tilt
Imagem: Arte/Tilt

Baixe o aplicativo do CapCut no celular (disponível para Android e iOS).

Na tela inicial, encontre a barra de menu e clique em "Modelo"

o a o capa de álbum TikTok 2 - Arte/Tilt - Arte/Tilt
Imagem: Arte/Tilt

Pesquise por "Capa de Álbum" e escolha um dos modelos prontos. Nesse caso, vamos utilizar o "Álbum Cover"

o a o capa de álbum TikTok 3 - Arte/Tilt - Arte/Tilt
Imagem: Arte/Tilt

O app vai exibir uma pré-visualização de como o efeito fica aplicado no vídeo. Continue em "Usar Modelo". Abra a categoria de "Vídeos" e selecione cinco mídias do seu celular;

o a o capa de álbum TikTok 4 - Arte/Tilt - Arte/Tilt
Imagem: Arte/Tilt

Para concluir, toque em "Visualizar". O aplicativo vai carregar o conteúdo e montar o vídeo personalizado do desafio;

o a o capa de álbum TikTok 5 - Arte/Tilt - Arte/Tilt
Imagem: Arte/Tilt

É possível editar o trecho de cada capa de CD.

Para isso, toque na mídia que deseja mudar, selecione "Editar" e depois "Recortar".

Arraste a barra de seleção para escolher o trecho que quer aplicar e clique em "Confirmar";

o a o capa de álbum TikTok 6 - Arte/Tilt - Arte/Tilt
Imagem: Arte/Tilt

Com o vídeo pronto, clique em "Exportar" e depois em "Salvar e compartilhar no TikTok";

O conteúdo será encaminhado diretamente para o TikTok. Clique em "Avançar".

Agora basta publicar na rede social a nova trend. Lembre de manter as hashtags #albumcover e #CapaDeAlbum para aparecer para quem buscar pelo conteúdo.