Recurso presente no painel de controle do seu site administrável, o módulo livre é uma ferramenta flexível que permite exibir diversos tipos de conteúdo no fronte virtual da sua web rádio, aumentando a sua proximidade com seus ouvintes, que podem acompanhar em tempo real os bastidores dos criadores de conteúdo.
O módulo livre permite a exibição de conteúdo no site administrável tanto por editor de texto quanto por código HTML, e neste tutorial iremos cobrir a adição da “Câmera no Estúdio” ao site administrável, utilizando o streaming de vídeo fornecido pelo Facebook.
Similarmente ao YouTube, a ferramenta Facebook Live permite ao criador de conteúdo gerenciar sua transmissão de vídeo ao vivo integralmente pelo navegador de Internet.
Logado na sua conta Facebook, abra a página ou perfil a partir do qual deseja iniciar a sua transmissão ao vivo. Na “Página inicial” do Facebook, ou dentro da página de seu perfil, onde criaria uma nova publicação, clique sobre “Vídeo ao vivo”.

À esquerda, ajuste se você deseja publicar a sua transmissão de vídeo ao vivo na sua página pessoal do Facebook ou em uma página que gerencia. No centro, decida se você deseja começar a transmitir imediatamente ou agendar um evento. Para este tutorial, estaremos selecionando “Transmitir ao vivo”.

A janela que se abre é extremamente intuitiva e fica a seu critério como deseja realizar a transmissão. O mais importante aqui é, onde está destacado, selecionar a audiência como “Público”, do contrário não será possível exibi-la externamente ao Facebook.

Clique sobre “Configurações” no menu à esquerda para revelar “Stream”. Dentro de “Configurações do stream”, selecione a “Incorporar vídeo ao vivo” e, em seguida, “Obter código de incorporação”.

Ajuste para a resolução desejada (a configuração ideal dependerá da sua conexão à Internet) e clique em “Copiar código de incorporação”.

Este é o código iframe que utilizamos no módulo livre para exibir a transmissão de vídeo ao vivo no seu site administrável BRLOGIC.
Abrindo o painel de controle da sua rádio, acesse a seção “Site”.

Dentro da seção “Site” e abaixo de “Gerenciamento do seu site”, escolha “Módulo livre”.

Clicando em “Adicionar”, dê um título ao módulo livre e escolha “Código HTML” sob “Título do conteúdo”. Cole o código que você extraiu do Facebook dentro da caixa de texto, como a imagem a seguir. Por fim, clique em “Salvar”.


O módulo livre “Câmera no Estúdio (Facebook)” foi criado e está listado junto aos demais.

Agora, precisamos torná-lo visível no site administrável.
Logo abaixo, sob “Aparência”, selecione “Cores e disposição”.

No menu que se encontra ao lado esquerdo, sob “Módulos”, arraste “Módulo livre” para a posição em que deseja exibi-lo no seu site administrável. Você pode posicioná-lo tanto no centro quanto nas laterais, embora nas laterais o player será reduzido.

Deslize o cursor do mouse sobre “Módulo não definido” para revelar a opção “Alterar”. Selecione o módulo livre que você acabou de criar e atribua a ele um título. Clique em “Salvar”.
Observação: o nome do módulo livre é visível apenas ao administrador da rádio, dentro do painel de controle, enquanto o “Título” é a informação visível ao visitante.

Clique em “Salvar alterações” no canto superior direito.

Ao acessar o site administrável, o player do vídeo no YouTube que exibirá a sua transmissão de vídeo ao vivo está visível na posição previamente selecionada.
Por fim, é necessário voltar ao Facebook para iniciar a transmissão, clicando em “Transmitir ao vivo”.

Acessando o site administrável, será possível acompanhar a transmissão ao vivo.
Em comparação com YouTube e Twitch, Facebook é a plataforma menos “intrusiva” para exibição externa, visto que o player não carrega logos ou faz menção à plataforma. Contudo, você deve refazer todo o procedimento aqui detalhado sempre que encerrar uma transmissão ao vivo e iniciar uma nova, uma vez que o código incorporado gerado é diferente todas as vezes.
Reforçamos que YouTube, Twitch e Facebook são plataformas externas e sem relação direta com a BRLOGIC, e por isso o nosso suporte para os recursos e ferramentas fornecidos pelas plataformas é limitado. O recurso “Câmera no Estúdio” atualmente não é suportado pela nossa plataforma, mas utilizamos o termo para melhor compreensão.