---
title: "Cómo transmitir vídeo en directo en tu aplicación | Tutoriales - GoodBarber"
description: "Vídeo en directo Una sección «Live Video» lleva tus emisiones en directo a tu app: un programa de noticias, un evento, un partido, a las horas que elijas. Agregar una sección «Live Video» En «My App»…"
canonical_url: "https://es.goodbarber.com/tutorials/contenido/como-transmitir-video-en-directo-en-tu-aplicacion/"
lang: es
---

# Cómo transmitir vídeo en directo en tu aplicación | Tutoriales - GoodBarber

[Atrás](https://es.goodbarber.com/tutorials/)

# Cómo transmitir vídeo en directo en tu aplicación

## Vídeo en directo

Una sección «Live Video» lleva tus emisiones en directo a tu app: un programa de noticias, un evento, un partido, a las horas que elijas.

## Agregar una sección «Live Video»

En «My App», Structure, haz clic en «Add a section»… luego busca video para encontrar la tarjeta «Live Video».

Pasa el ratón encima y verás la pantalla que añade: un reproductor de tu stream. Haz clic en Add.

Ponle nombre a la sección… y pega la dirección de tu stream: un enlace HTTPS a una lista de reproducción HLS que termina en .m3u8.

Android reproduce el mismo stream si no introduces otra dirección. Luego haz clic en Add.

La sección aparece en tu menú, con un botón de reproducción… que abre tu stream en directo a pantalla completa.

## Diseño

En «Edit the design», dale un título al stream y elige el color del reproductor.

Luego prepara la página «Off Air», con un texto y una imagen… que ven tus usuarios cuando no estás emitiendo. El botón Preview la muestra.

## Horario de emisión

En los ajustes de la sección, puedes cambiar las direcciones y definir tu horario de emisión… en la zona horaria de tu audiencia.

Repítelo a diario o los días que elijas, luego guarda. Fuera de ese horario, tu app muestra la página «Off Air».

## Publicar

La sección y sus ajustes llegan a tu app al publicarla, con «Publish my project».

## Vídeos similares

[ContenidoCómo gestionar las secciones de tu app](/tutorials/contenido/como-administrar-las-secciones-de-tu-aplicacion/)

![Cómo gestionar las secciones de tu app](https://portal.ww-cdn.com/portal_static/images/videos10.ee7c86369426.jpg)

[ContenidoCómo gestionar el CMS de GoodBarber](/tutorials/contenido/como-administrar-goodbarber-cms/)

![Cómo gestionar el CMS de GoodBarber](https://portal.ww-cdn.com/portal_static/images/videos11.9831ea33bee9.jpg)

[ContenidoCómo duplicar contenido CMS](/tutorials/contenido/como-copiar-contenido-cms/)

![Cómo duplicar contenido CMS](https://portal.ww-cdn.com/portal_static/images/videos12.9b67d27c14b9.jpg)

[ContenidoCómo gestionar los comentarios](/tutorials/contenido/como-administrar-los-comentarios/)

![Cómo gestionar los comentarios](https://portal.ww-cdn.com/portal_static/images/videos13.c9a28ae5ce12.jpg)

[ContenidoCómo agregar categorías a tus secciones](/tutorials/contenido/como-agregar-categoriasfiltros-a-tus-secciones/)

![Cómo agregar categorías a tus secciones](https://portal.ww-cdn.com/portal_static/images/videos14.fd4d0e2c775b.jpg)

[ContenidoCómo agregar enlaces en las secciones de CMS](/tutorials/contenido/como-agregar-enlaces-en-las-secciones-de-cms/)

![Cómo agregar enlaces en las secciones de CMS](https://portal.ww-cdn.com/portal_static/images/videos15.a47e688ba735.jpg)

[ContenidoCómo administrar archivos PDF](/tutorials/contenido/como-administrar-archivos-pdf/)

![Cómo administrar archivos PDF](https://portal.ww-cdn.com/portal_static/images/videos16.ef1bd6af4ffd.jpg)

[ContenidoCómo personalizar tu página 404](/tutorials/contenido/como-personalizar-tu-pagina-404/)

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

[ContenidoCómo crear artículos](/tutorials/contenido/como-crear-articulos/)

![Cómo crear artículos](https://portal.ww-cdn.com/portal_static/images/videos18.be5273fa02e6.jpg)

[ContenidoCómo mostrar una galería de fotos](/tutorials/contenido/como-mostrar-una-galeria-de-fotos/)

![Cómo mostrar una galería de fotos](https://portal.ww-cdn.com/portal_static/images/videos19.f7a42a4e62fa.jpg)