Como colocar o player da live no seu site (link M3U8 e JavaScript)
A tela Início oferece dois links prontos: o M3U8 (HLS), para qualquer player de vídeo ou app, e o JavaScript Player, um código que você cola no site e mostra o player da Ciclano com a sua live. Veja como usar cada um.
Além das redes sociais, a sua live tem um player próprio, sem anúncios nem algoritmo, que você coloca no seu site, no app ou numa TV. A tela Início dá os dois formatos.
Onde fica: Aplicações › sua aplicação de vídeo › Início, abaixo do player.
Os números entre parênteses no texto são os da imagem.
JavaScript Player (o mais simples)
Copie o código de JavaScript Player (6) — uma linha <script src="…/player/ID.js"> — e cole no HTML da página, onde o player deve aparecer. Ele carrega o player da Ciclano com a sua live, se ajusta à largura do espaço e mostra a mensagem de "fora do ar" quando não há transmissão. Funciona em WordPress (bloco HTML personalizado), Wix (embed de código), Webflow e em qualquer site que aceite HTML.
M3U8 Link (para players e apps)
O M3U8 Link (6) é o endereço HLS da live, no formato https://cdn-NOME.ciclano.io:1443/NOME/NOME/playlist.m3u8. Use quando você tem o seu próprio player: VLC, um app de TV ou celular, um player de vídeo do site (Video.js, JW Player, Plyr), uma Smart TV ou um site que pergunte "URL do stream". É o mesmo vídeo, com o mesmo atraso de alguns segundos.
Dicas
- Os links são fixos: a mesma URL serve para todas as suas lives, não precisa trocar no site a cada transmissão.
- Quando não há transmissão, o M3U8 responde vazio ou com erro — é esperado; o JavaScript Player trata isso sozinho.
- A audiência do player entra na contagem de Espectadores da tela Início e no histórico em Estatísticas, como origem "Ciclano Player".
- Com o RTMP personalizado você pode enviar a mesma live para outro servidor, se precisar de um player em outra estrutura.