Copie o código do player no painel xCAST e cole no WordPress, num construtor de sites ou no HTML. Veja também por que o player às vezes não toca.
O player é o botão de play que fica no site e toca a sua rádio. Você não precisa programar: o painel gera um pequeno código (chamado código de incorporação) que você cola no site. Ele já vem apontando para o endereço seguro (https) da rádio, mostra a música que está tocando e reconecta sozinho se a internet do ouvinte oscilar.
Antes de começar
- A rádio no ar (AutoDJ ligado ou alguém transmitindo).
- Acesso ao editor do site: painel do WordPress, construtor de sites ou os arquivos HTML.
- Se a rádio ainda não tem site, o painel tem um site pronto e administrável, com o player embutido. Veja na central de ajuda do painel.
Como copiar o código do player
- Abra a página de players. No BETA, menu Players → Modelos & Integração. No CLÁSSICO, cada modelo tem a sua página; abra a do player que você quer.
- Escolha o modelo no passo 1 Escolha o player, entre os Players 2.0 (novos) e os Clássicos. A pré-visualização mostra na hora como ele fica; Abrir em nova aba deixa testar o som.
- Personalize no passo 2 Personalize: cores e recursos como botão de curtir, reações, redes sociais e autoplay. Alguns modelos têm pedido de música, letra e chat.
- Copie o código no passo 3 Copie o código, botão Copiar código.
| Onde vai ficar no site | Modelo que costuma funcionar melhor |
|---|---|
| Faixa no topo ou no rodapé de todas as páginas | Barra Sticky |
| Barra lateral do blog | Card Compacto ou Vertical |
| Destaque na página inicial | Hero Imersivo ou Start Page (com histórico e ouvintes) |
| Rádio com interação | Tudo-em-um (abas de pedir música, letra e chat) |
| Espaço mínimo | Botão Ouça |
Onde colar o código em cada tipo de site
- WordPress (editor de blocos): na página, clique em +, adicione o bloco HTML personalizado e cole o código. Para a barra lateral, use o widget de HTML personalizado em Aparência → Widgets.
- Elementor: arraste o widget HTML para a página e cole o código.
- Construtores de site (Wix e similares): use o elemento de incorporar HTML (no Wix, em Incorporar código) e cole o código dentro dele.
- Site em HTML: cole o código no ponto da página em que o player deve aparecer, salve e envie o arquivo para a hospedagem.
Salve, publique e abra o site como visitante, no computador e no celular, numa janela anônima. Clique em play nos dois.
Problemas comuns
Aparece o código escrito na página, em vez do player
O código foi colado num bloco de texto comum. Apague e cole de novo num bloco de HTML.
O player aparece, mas não toca
Quase sempre é um endereço http:// num site https://: o navegador bloqueia áudio não seguro dentro de página segura. Acontece com código antigo ou player de terceiros configurado à mão. Use o código gerado pelo painel, que já sai em https. Se você precisa do endereço do stream para outro player, use o formato https://stmX.seuservidor.com.br:PORTA/stream, com o servidor e a porta de Dados Conexão.
Toca no app e no link direto, mas não no site
Alguns modelos de site prontos não apontam o player para a sua rádio, e sim para um servidor intermediário da empresa que fez o site. Se esse servidor cai, só o site fica mudo. Troque pelo código do painel. Se nada toca em lugar nenhum, siga rádio conectada mas sem som.
O autoplay não funciona
Os navegadores bloqueiam áudio que começa sozinho até o visitante interagir com a página. É regra do navegador, não defeito do player: o play precisa estar bem visível.
O construtor não aceita o código
Alguns planos gratuitos de construtores de site bloqueiam códigos de incorporação de terceiros. Confira no plano do seu construtor se é permitido incorporar HTML.
Dois players tocando ao mesmo tempo
Ao trocar de modelo, apague o código do player antigo antes de colar o novo.
