A primeira parte deste procedimento é a mesma para todos os provedores de streaming. Após esta primeira configuração, há uma parte específica dedicada à exibição dos títulos das músicas, que é diferente dependendo do seu serviço de streaming.
MUITO INFORMAÇÕES IMPORTANTES
É impossível reproduzir um fluxo "HTTP" por meio de um estilo "HTTPS" site. Se seu site usa HTTPS, seu URL de streaming também precisa estar em HTTPS. Esta não é uma limitação do tema, é uma nova medida de segurança agora adotada por qualquer navegador e dispositivo moderno.
Como criar um canal de rádio
Etapa 1: descubra o URL de transmissão de sua rádio. Se você ainda não conhece, verifique a página dedicada ao seu tipo de streaming específico para obter mais informações
Etapa 2: em seu administrador do WordPress, vá para Canais de rádio > Adicionar novo canal
Passo 3: digite o nome do canal de rádio e, opcionalmente, os gêneros musicais (são como tags)
Opcionalmente, adicione uma descrição de conteúdo para o canal de rádio, que ficará visível ao abrir a página única do canal de rádio.
Se você deseja editar esta página usando o Elementor, é necessário ativar o tipo de postagem "Canais de rádio" nas configurações do Elementor
Etapa 4: adicione opcionalmente o atributo Pedido. Este parâmetro modificará a ordem na lista de reprodução nos canais de rádio da sua lista de reprodução.
Detalhes do canal de rádio
Etapa 1: defina seu tipo de servidor. Esta é uma informação que você já deve saber. Caso contrário, pergunte ao seu provedor de streaming.
Se o seu provedor permitir que você escolha entre os formatos Icecast e Shoutcast, sugerimos o uso do Icecast devido à sua compatibilidade nativa com HTTPS.
Etapa 2: URL do stream MP3/OGG/AAC: o URL do seu stream (consulte as seções dedicadas para cada provedor de mais informações).
Observe que, se você site está em HTTPS, seu URL de streaming também precisa estar em HTTPS.
Etapa 3: MP3/OGG/AAC Stream URL mobile. Esse URL será usado automaticamente se o player detectar um dispositivo móvel. Alguns provedores de streaming permitem definir 2 mitrates diferentes, que podem ser acessados a partir de 2 URLs separados.
Para celular, você pode usar 64 ou 96 kbps, enquanto para desktop também 128 - 320 kbps é bom.
Etapa 3: legenda de rádio. Será usado em vez do nome do artista, se estiver ausente.
Etapa 4: Logotipo do rádio. Você deve fazer upload de um logotipo em PNG com fundo transparente que será usado como título de página para a página de rádio única. Ele também será usado nos Cartões de Rádio: um widget Elementor para imprimir um pequeno cartão jogável contendo o logotipo do rádio e o botão Reproduzir, em um plano de fundo personalizado.
Etapa 5: ícone do player - uma imagem quadrada, tamanho sugerido de 600x600px, que será usada no player durante a reprodução deste canal.
Visualização móvel:
Visualização da área de trabalho:
Eetapa 6: Excluir da lista de reprodução - esta opção permite ocultar um canal de rádio do player sem excluí-lo. Se você marcar essa caixa de seleção, o canal ainda estará disponível por meio de código de acesso ou página única, mas não será pré-carregado na lista de reprodução da barra do player.
Usar Proxy: estaopção envolve apenas o acesso aos títulos das músicas, e altera a chamada Ajax para uma conexão do lado do servidor para ler os títulos das músicas do seu provedor de streaming. É necessário quando seu provedor de streaming tem configurações POOR CORS (compartilhamento de recursos de origem cruzada), o que significa que seu provedor de streaming está impedindo você de ler os títulos.
Quando usar o proxy:
Se você tiver certeza de que configurou corretamente as configurações de streaming e mesmo assim os títulos não estão aparecendo (veja os próximos capítulos para a configuração dos títulos) você deve verificar o Console do navegador
Para abrir o console do desenvolvedor no Google Chrome, abra o Chrome Menu no canto superior direito da janela navegador e selecione Mais ferramentas > Ferramentas de desenvolvimento. Você também pode usar o atalho Option + ⌘ + J (no macOS) ou Shift + CTRL + J (no Windows/Linux).
Se você vir um erro dizendo
"XMLHttpRequest não pode carregar http://.........../. Origem [URL DO SEU SITE] não é permitida por Access-Control-Allow-Origin."
Isso significa que seu provedor de rádio está impedindo que sites externos leiam os títulos. Este não é um bug do tema, é um problema do seu provedor de rádio, que tem configurações erradas do servidor.
Nosso proxy interno tenta contornar o problema, embora não seja muito recomendado e ainda pode estar bloqueado pelas configurações do seu próprio servidor.
O proxy converte a conexão feita via javascript em uma conexão feita via PHP ao seu provedor de streaming.
Então, se seu provedor de streaming tiver um URL como
http://someurl.com:9374
IMPORTANTE: se o seu stream de rádio estiver em portas alternativas, como 8000, ou qualquer outra porta como 1234 (você verá sua URL contendo por exemplo “:5274”) o proxy só funcionará se seu servidor NÃO estiver bloqueando o conexões.
Para usar o proxy, você precisa pedir ao seu provedor de hospedagem do site para habilitar a conexão com a URL http://someurl.com e a porta 9374 (ou qualquer porta que você usar). >
Este NÃO é um proxy de áudio, funciona apenas na chamada de títulos de músicas json.
Se o proxy não funcionar para você ou você vir um erro de console “caractere inesperado na linha…<” significa que seu servidor está bloqueando as chamadas de proxy.
São apenas 2 soluções:
- Peça ao seu provedor de streaming para ative o CORS < /a> (e desative o proxy) OU
- Peça ao seu provedor de hospedagem de site para permitir a conexão no seu número de porta de streaming específico.
Usar o proxy nem sempre é uma boa ideia: é uma solução alternativa para contornar um problema causado pelo seu provedor de streaming e movê-lo para o seu provedor de hospedagem. O proxy pode aumentar muito a largura de banda consumida e o uso do servidor de CPU.
É um pouco como se a porta de sua casa estivesse emperrada e você tentasse entrar pela chaminé. É um backdoor, não uma solução.
Além disso, se um provedor tiver as permissões CORS desabilitadas, em geral não for um provedor profissional, e talvez você queira encontrar um melhor.
Instruções específicas do servidor
Nos próximos capítulos, você encontrará as instruções exatas para exibir o título da música e o nome do artista no player e em outras partes do site, para qualquer tipo de provedor de streaming compatível.