---
title: "Como transmitir vídeo ao vivo no seu aplicativo | Tutoriais - GoodBarber"
description: "Vídeo ao vivo Com uma seção"
canonical_url: "https://pt.goodbarber.com/tutorials/conteudo/como-transmitir-video-ao-vivo-no-seu-aplicativo/"
lang: pt
---

# Como transmitir vídeo ao vivo no seu aplicativo | Tutoriais - GoodBarber

[Voltar](https://pt.goodbarber.com/tutorials/)

# Como transmitir vídeo ao vivo no seu aplicativo

## Vídeo ao vivo

Com uma seção "Live Video", suas transmissões ao vivo chegam ao seu app: um telejornal, um evento, uma partida, nos horários que você escolher.

## Adicionar uma seção "Live Video"

Em "My App", Structure, clique em "Add a section"… e pesquise "video" para encontrar o card "Live Video".

Passe o mouse sobre ele e veja a tela que adiciona: um player para o seu stream. Clique em Add.

Nomeie a seção… e cole o endereço do seu stream: um link HTTPS para uma playlist HLS, que termina em .m3u8.

O Android reproduz o mesmo stream, a menos que você insira outro endereço. Em seguida, clique em Add.

A seção entra no seu menu, com um botão de reprodução… que abre sua transmissão em tela cheia.

## Design

Em "Edit the design", dê um título à transmissão e escolha a cor do player.

Depois, prepare a página "Off Air", com um texto e uma imagem… que seus usuários veem quando você não está no ar. O botão Preview mostra essa página.

## Horários de transmissão

Nas configurações da seção, você pode mudar os endereços e definir seus horários de transmissão… no fuso horário do seu público.

Repita-os todos os dias ou em dias escolhidos e salve. Seu app mostra a página "Off Air" fora desses horários.

## Publicar

A seção e as configurações dela só chegam ao seu app quando você publicar, com "Publish my project".

## Vídeos semelhantes

[ConteúdoComo gerenciar as seções do seu app](/tutorials/conteudo/como-gerenciar-as-secoes-do-seu-aplicativo/)

![Como gerenciar as seções do seu app](https://portal.ww-cdn.com/portal_static/images/videos10.ee7c86369426.jpg)

[ConteúdoComo gerenciar o CMS da GoodBarber](/tutorials/conteudo/como-gerenciar-o-cms-da-goodbarber/)

![Como gerenciar o CMS da GoodBarber](https://portal.ww-cdn.com/portal_static/images/videos11.9831ea33bee9.jpg)

[ConteúdoComo copiar o conteúdo CMS](/tutorials/conteudo/como-copiar-o-conteudo-cms/)

![Como copiar o conteúdo CMS](https://portal.ww-cdn.com/portal_static/images/videos12.9b67d27c14b9.jpg)

[ConteúdoComo gerenciar comentários](/tutorials/conteudo/como-gerenciar-comentarios/)

![Como gerenciar comentários](https://portal.ww-cdn.com/portal_static/images/videos13.c9a28ae5ce12.jpg)

[ConteúdoComo adicionar categorias às suas seções](/tutorials/conteudo/como-adicionar-categoriasfiltros-as-suas-secoes/)

![Como adicionar categorias às suas seções](https://portal.ww-cdn.com/portal_static/images/videos14.fd4d0e2c775b.jpg)

[ConteúdoComo adicionar links nas seções CMS](/tutorials/conteudo/como-adicionar-links-nas-secoes-cms/)

![Como adicionar links nas seções CMS](https://portal.ww-cdn.com/portal_static/images/videos15.a47e688ba735.jpg)

[ConteúdoComo gerenciar arquivos PDF em seu aplicativo móvel](/tutorials/conteudo/como-gerenciar-arquivos-em-pdf/)

![Como gerenciar arquivos PDF em seu aplicativo móvel](https://portal.ww-cdn.com/portal_static/images/videos16.ef1bd6af4ffd.jpg)

[ConteúdoComo personalizar sua página 404](/tutorials/conteudo/como-personalizar-sua-pagina-404/)

![Como personalizar sua página 404](https://portal.ww-cdn.com/portal_static/images/videos17.2b57c18e0e71.jpg)

[ConteúdoComo criar artigos](/tutorials/conteudo/como-criar-artigos/)

![Como criar artigos](https://portal.ww-cdn.com/portal_static/images/videos18.be5273fa02e6.jpg)

[ConteúdoComo exibir uma galeria de fotos em seu aplicativo movel](/tutorials/conteudo/como-exibir-uma-galeria-de-fotos/)

![Como exibir uma galeria de fotos em seu aplicativo movel](https://portal.ww-cdn.com/portal_static/images/videos19.f7a42a4e62fa.jpg)