deus

Blog

Visualizador para Spotify: como ter efeitos visuais no player web

Página do artista The Prodigy no player web do Spotify com o Deus: uma aurora animada preenche o cabeçalho atrás do nome do artista e da lista de faixas.

O Spotify mostra a capa do álbum, a letra e, em algumas faixas, um vídeo curto em loop chamado Canvas. O que ele não tem é um visualizador de música de verdade: algo que se mexa junto com o bumbo, o baixo e a voz do que está tocando. Se você lembra das barrinhas e túneis do Winamp ou do Windows Media Player, saiba que o Spotify não traz nada parecido.

Mesmo assim, dá para ter um. Este guia mostra o jeito mais rápido, no player web do Spotify no Chrome, e explica o que funciona e o que não funciona.

Por que o Spotify não tem visualizador

Os vídeos do Canvas são feitos pelos artistas com antecedência. Eles ficam em loop, não importa o que a música esteja fazendo, então não são um visualizador. Um visualizador precisa analisar o áudio enquanto ele toca: quanto estão altos os graves, os médios e os agudos naquele instante, onde caem as batidas. O app do Spotify não oferece isso e não deixa código de terceiros rodar dentro dele.

Com o player web é diferente. O open.spotify.com roda no navegador, e uma extensão pode ouvir o som da aba e desenhar na página. É assim que o Deus funciona.

Como colocar um visualizador no Spotify no Chrome

  1. Instale o Deus pela Chrome Web Store (grátis) e fixe o ícone na barra de ferramentas.
  2. Abra o open.spotify.com e dê play em uma faixa.
  3. Clique no ícone do Deus e ative. Um visual ao vivo aparece atrás da página: no cabeçalho da página do artista, atrás da lista de faixas, na tela inicial.
  4. Use ← e → na página para trocar de preset ou escolha um no pop-up.

O Spotify continua sendo o Spotify: busca, biblioteca, fila e barra do player funcionam normalmente. O Deus só lê o som da aba; ele não substitui o player nem mexe na sua conta.

Página inicial do Spotify com o tema Chameleon: a capa desfocada da faixa que está tocando preenche a janela atrás de painéis translúcidos.
O tema Chameleon pega as cores da capa da faixa que está tocando.

O que você ganha

  • Visuais que acompanham a música. Todo preset reage a graves, médios e agudos, e também separadamente a bumbo, caixa e chimbal, então um drop fica bem diferente de uma estrofe calma.
  • 134 presets em quatro grupos: cenas de shader em WebGL, geometria limpa em Canvas 2D, presets clássicos do MilkDrop e um osciloscópio XY. Eles podem alternar por tempo, inclusive em ordem aleatória.
  • 71 temas para a própria página do Spotify. Os claros e os escuros mudam as cores do fundo, dos painéis e da barra do player. O Chameleon monta todo o visual a partir da capa atual e, na página de um artista, a partir da imagem do cabeçalho.
  • Tela cheia. O botão clássico do Deus no pop-up abre o visualizador completo em uma aba ou janela própria, que você pode arrastar para um segundo monitor ou para a TV.

É grátis ou pago?

Os visuais no Spotify, todos os presets e todos os temas são grátis, sem limite de tempo e sem cadastro. O Deus Pro é uma compra única que adiciona extras, como uma janela flutuante picture-in-picture e vídeos sem marca d’água; para o Spotify, você não precisa dele.

O que não funciona

  • Os apps do Spotify para computador e celular. O Deus é uma extensão do Chrome, então funciona só com o player web. Se você costuma usar o app desktop, ouça no navegador quando quiser os visuais.
  • Gravar o Spotify. O Deus não grava nem salva áudio de streaming. Se você quer um vídeo com visualizador, ele renderiza a partir de um arquivo de áudio seu.

Outros players

Os mesmos visuais integrados funcionam no YouTube Music, no Yandex Music, no SoundCloud, no Deezer e no Apple Music. Para todo o resto, como uma rádio online ou uma live na Twitch, use o visualizador para qualquer aba.

O Deus é uma extensão independente e não tem vínculo com o Spotify.