---
title: "How to stream live video in your app | Tutorials - GoodBarber"
description: "Live video A Live Video section brings your live broadcasts into your app: a news show, an event, a match, at the hours you choose. Add a Live Video section In My App, Structure, click Add a section……"
canonical_url: "https://www.goodbarber.com/tutorials/content/how-to-stream-live-video-in-your-app/"
lang: en
---

# How to stream live video in your app | Tutorials - GoodBarber

[Back](https://www.goodbarber.com/tutorials/)

# How to stream live video in your app

## Live video

A Live Video section brings your live broadcasts into your app: a news show, an event, a match, at the hours you choose.

## Add a Live Video section

In My App, Structure, click Add a section… then search for video to find the Live Video card.

Point at it to see the screen it adds: a player for your live stream. Click Add.

Name the section… and paste the address of your stream: an HTTPS link to an HLS playlist, ending in .m3u8.

Android plays the same stream, unless you enter another address. Then click Add.

The section joins your menu, with a play button… that opens your live stream full screen.

## Design

In Edit the design, give the stream a title and choose the player's color.

Then prepare the Off Air page, with a text and an image… that your users see when you're not broadcasting. The Preview button shows it.

## On-air hours

In the section's settings, you can change the addresses, and set your on-air hours… in your audience's time zone.

Repeat them every day or on chosen days, then save. Outside these hours, your app shows the Off Air page.

## Publish

The section and its settings reach your app once you publish it, with Publish my project.

## Related videos

[ContentHow to manage your app sections](/tutorials/content/how-to-manage-your-app-sections/)

![How to manage your app sections](https://portal.ww-cdn.com/portal_static/images/videos10.ee7c86369426.jpg)

[ContentHow to manage the GoodBarber CMS](/tutorials/content/how-to-manage-the-goodbarber-cms/)

![How to manage the GoodBarber CMS](https://portal.ww-cdn.com/portal_static/images/videos11.9831ea33bee9.jpg)

[ContentHow to copy CMS content](/tutorials/content/how-to-copy-cms-content/)

![How to copy CMS content](https://portal.ww-cdn.com/portal_static/images/videos12.9b67d27c14b9.jpg)

[ContentHow to manage comments](/tutorials/content/how-to-manage-comments/)

![How to manage comments](https://portal.ww-cdn.com/portal_static/images/videos13.c9a28ae5ce12.jpg)

[ContentHow to add categories to your sections](/tutorials/content/how-to-add-categoryfilters-to-your-sections/)

![How to add categories to your sections](https://portal.ww-cdn.com/portal_static/images/videos14.fd4d0e2c775b.jpg)

[ContentHow to add links in CMS sections](/tutorials/content/how-to-add-links-in-cms-sections/)

![How to add links in CMS sections](https://portal.ww-cdn.com/portal_static/images/videos15.a47e688ba735.jpg)

[ContentHow to manage PDF files](/tutorials/content/how-to-manage-pdf-files/)

![How to manage PDF files](https://portal.ww-cdn.com/portal_static/images/videos16.ef1bd6af4ffd.jpg)

[ContentHow to customize your 404 page](/tutorials/content/how-to-customize-your-404-page/)

![How to customize your 404 page](https://portal.ww-cdn.com/portal_static/images/videos17.2b57c18e0e71.jpg)

[ContentHow to create articles](/tutorials/content/how-to-create-articles/)

![How to create articles](https://portal.ww-cdn.com/portal_static/images/videos18.be5273fa02e6.jpg)

[ContentHow to display a photo gallery](/tutorials/content/how-to-display-a-photo-gallery/)

![How to display a photo gallery](https://portal.ww-cdn.com/portal_static/images/videos19.f7a42a4e62fa.jpg)