Esta página cria o seu «Player exportável»: um leitor com as suas cores que pode incorporar em qualquer site, partilhar através de um link, ou que os seus ouvintes abrem no seu programa preferido. Encontra-o no menu «Difusão web» > «Player de rádio».
Bom saber:
É necessária uma rádio ativa e instalada. Caso contrário, a página apresenta «Rádio não configurada» e um botão «Configurar a minha rádio».
A pré-visualização, à direita: o player tal como os seus ouvintes o verão Clicar para ampliar
«Formato do player»: 4 disposições
O primeiro bloco propõe quatro formatos, não três:
«Horizontal» — a barra clássica, no topo ou na base da página.
«Vertical» — o widget de coluna lateral.
«Mini» — uma barra compacta, para um cabeçalho ou um botão flutuante.
«Página completa» — o formato de ecrã inteiro, onde todas as funcionalidades são apresentadas diretamente, sem painel a abrir.
Exemplo
A Rádio Horizon integra o seu leitor em três locais diferentes. O formato é escolhido pelo local de integração, nunca por preferência estética.
Barra sob o menu da página inicial → formato «Horizontal».
Coluna lateral do blogue → formato «Vertical».
Página «Ouvir em direto» → formato «Página completa».
Cabeçalho de um site parceiro → formato «Mini».
Porquê: no formato «Página completa», as dedicatórias, o histórico e a classificação são apresentados diretamente, sem painel a abrir: é o único formato que justifica uma página exclusiva. Pelo contrário, um «Mini» numa página dedicada ofereceria apenas um botão de reprodução.
Os quatro formatos: Horizontal, Vertical, Mini e Página completa Clicar para ampliar
Separador «Cores»
Parte de uma das «Paletas rápidas» (violeta por defeito, vermelho-laranja, esmeralda, rosa vivo, dourado, azul-céu, escuro minimalista, claro minimalista), e depois ajusta cada tom: «Cor primária», «Cor secundária», «Fundo» e «Texto». Cada cor é definida com o conta-gotas ou introduzindo o seu código hexadecimal. O botão «Reinicializar» repõe a paleta original.
Exemplo
A Rádio Cactus tem um logótipo vermelho e um site claro. Personaliza o seu leitor em dois passos.
Paleta «Claro minimalista»→Cor primária = vermelho do logótipo→«Guardar a configuração»
O vermelho é introduzido diretamente no campo hexadecimal; os outros três tons permanecem os da paleta.
Porquê: as paletas fornecem combinações «Fundo» / «Texto» já legíveis. Ao alterar apenas a cor primária, recupera a sua identidade visual sem arriscar texto cinzento claro sobre fundo branco.
As paletas rápidas e as quatro cores ajustáveis individualmente Clicar para ampliar
Separador «Funcionalidades»: 5 opções para ativar
«Voto na faixa em curso» — os seus ouvintes podem gostar ou não gostar da faixa em difusão.
«Dedicatórias» — podem enviar-lhe uma mensagem de dedicatória diretamente a partir do leitor.
«Histórico de difusão» — as 20 últimas faixas transmitidas na antena.
«Classificação das faixas» — o top das faixas mais tocadas nos últimos 30 dias, com os gostos.
«Próximas faixas» — as 2 faixas seguintes, a sua duração e a hora de início da faixa em curso. Reservado às rádios em programação dinâmica.
Bom saber:
Ativar uma funcionalidade aumenta a altura útil do leitor: no formato «Horizontal», a pré-visualização passa de 80 para 180 píxeis assim que uma opção é selecionada. Lembre-se de ajustar a altura do seu iframe.
Exemplo
A Ambiance FM lança o seu leitor horizontal e ativa apenas duas opções em cinco.
«Voto na faixa em curso»→«Dedicatórias»→Altura 80 → 180 px→«Guardar a configuração»
«Histórico de difusão» e «Classificação das faixas» ficam desmarcados enquanto a antena não emite há algumas semanas. «Próximas faixas» não está disponível: a estação não está em programação dinâmica.
Porquê: o voto alimenta a classificação dos últimos 30 dias e o Top 10 Semanal — sem ele, estas duas páginas ficam vazias. As dedicatórias, por sua vez, só aparecem em «Ferramentas > Dedicatórias» se a opção estiver marcada aqui.
Os cinco interruptores, cada um com o que acrescenta ao player Clicar para ampliar
Separador «Mapa dos ouvintes»
Um mapa-múndi em direto mostra a posição aproximada (por cidade) dos ouvintes atualmente a escutar, com o distintivo «EM DIRETO» e o número de ligados. O mapa atualiza-se automaticamente a cada 25 segundos, e um botão permite forçar a atualização.
Bom saber:
A mensagem «Nenhum ouvinte localizável ligado de momento» é normal quando ninguém está a ouvir — ou quando os ouvintes presentes não são localizáveis. Se a rádio estiver offline, o mapa também o indica.
O mapa em direto: número de ligados e posição aproximada Clicar para ampliar
«Pré-visualização» e guardar
A coluna da direita apresenta o leitor exatamente como os seus ouvintes o verão, e atualiza-se a cada alteração. O botão «Abrir em pop-up» lança-o numa janela dimensionada para o formato escolhido.
Sugestão:
A pré-visualização reflete as suas opções em tempo real, mas o leitor publicado segue a configuração guardada. Termine sempre por «Guardar a configuração», caso contrário os seus ouvintes não verão as suas alterações.
O botão «Guardar a configuração», sob a coluna de definições Clicar para ampliar
Separador «Código de integração» e link curto
Duas formas de difundir o seu leitor:
O «Código iframe (copie e cole no seu site)»: um clique no ícone de cópia, uma colagem na sua página, e está online.
O «Link curto (para partilhar)», com a forma /play/ASuaRadio, completado com o formato quando não é o horizontal (/play/ASuaRadio/vertical, /mini, /full). Abre o leitor com as suas cores guardadas e inicia a reprodução diretamente.
Bom saber:
O código iframe não fixa as suas funcionalidades: estas continuam a ser controladas pela configuração guardada da rádio. Pode portanto ativar as dedicatórias ou a classificação mais tarde sem ter de recopiar o código no seu site.
Exemplo
A Studio Nova difunde o seu leitor em dois locais, com duas ferramentas diferentes.
No seu site: copia o código iframe e cola-o na página inicial. Não é necessário mais nada.
Nas redes sociais: partilha o link curto /play/StudioNova/full, que abre o leitor em ecrã inteiro, com as suas cores, e inicia a reprodução.
Três semanas depois, marca «Dedicatórias» no separador «Funcionalidades» e guarda: o leitor já incorporado no seu site apresenta a novidade sem que seja necessário alterar uma linha de código.
Porquê: o código iframe aponta para a sua configuração guardada, não a copia. O link curto, por sua vez, nunca fica inválido: basta acrescentar /vertical, /mini ou /full para mudar de formato.
O código iframe para copiar e colar e o link curto para partilhar Clicar para ampliar
Separador «Fluxo áudio & programas»
Este separador é o que deve fornecer a quem quiser ouvir a sua rádio fora de um site web.
O «Link do fluxo áudio (Icecast)»: o URL direto da sua antena.
Um botão por utilização, com o formato correto já pronto: «VLC Media Player» (.m3u), «Winamp» (.pls), «foobar2000» (.pls), «iTunes / Apple Music» (.m3u), «Windows Media Player» (.asx), «Sonos · Alexa · Google Home» (URL direto), «Diretórios (TuneIn, Radio Garden…)» e «Aplicações móveis» (.pls).
O «Link JSON (faixa em curso)»: os metadados em direto — título, artista, capa, ouvintes — para alimentar um site externo ou um ecrã personalizado.
Bom saber:
Estes ficheiros de lista de reprodução são gerados dinamicamente: o fluxo é injetado no momento do download. Os links que partilha permanecem válidos mesmo que o nosso servidor de difusão mude.
Exemplo
A Rádio Horizon recebe três pedidos na mesma semana. Cada um tem o seu botão neste separador.
Um ouvinte escuta no computador com o VLC → botão «VLC Media Player», ficheiro .m3u.
Uma ouvinte quer lançar a rádio por voz no seu coluna de som → botão «Sonos · Alexa · Google Home», que fornece o URL direto.
Um site parceiro quer apresentar a faixa em curso → «Link JSON (faixa em curso)», que devolve título, artista, capa e número de ouvintes.
Porquê: cada programa espera o seu formato. Dar o URL Icecast bruto a alguém que usa o Winamp resulta em três trocas de mensagens desnecessárias.
O URL do fluxo Icecast e os atalhos para os programas de escuta Clicar para ampliar
Separador «Tamanhos recomendados»
As dimensões aconselhadas para o seu iframe, formato a formato:
«Horizontal» — largura de 400 a 800 px, altura de 80 a 200 px: barra no topo ou na base da página.
«Vertical» — largura de 280 a 360 px, altura de 400 a 550 px: barra lateral, widget lateral.
«Mini» — largura de 250 a 350 px, altura de 56 px: botão flutuante, cabeçalho.
«Página completa» — largura de 100 %, altura de 700 a 900 px: página dedicada, separador de rádio em ecrã inteiro.
Sugestão:
O código fornecido já aplica o tamanho correto. Se o alterar manualmente, deixe margem em altura: um leitor demasiado curto corta as dedicatórias e o histórico.
Exemplo
A Rádio Horizon verifica os valores efetivamente escritos no código copiado, para as suas três integrações.
Barra da página inicial, «Horizontal» sem opção: width="100%", height="96px". Com o voto e as dedicatórias ativados, a altura passa para 196px.
Coluna lateral, «Vertical»: width="360px", height="496px" — dentro da margem aconselhada de 280 a 360 px de largura.
O «Mini», por sua vez, apresenta 320px por 72px: a barra tem 56 px, mais 16 px de margem adicionados pelo código.
Porquê: estes 16 px de margem evitam uma barra de deslocamento inestética no iframe. Se forçar a altura exata do leitor, o seu site apresentará uma barra de deslocamento de três píxeis.
As dimensões aconselhadas para cada formato Clicar para ampliar
