---
title: "Comment diffuser de la vidéo en direct dans votre app ? | Tutoriels - GoodBarber"
description: "La vidéo en direct Une section « Live Video » diffuse vos émissions en direct dans votre app : un journal, un événement, un match, aux heures de votre choix. Ajouter une section « Live Video » Dans «…"
canonical_url: "https://fr.goodbarber.com/tutorials/contenu/comment-diffuser-de-la-video-en-direct-dans-votre-app/"
lang: fr
---

# Comment diffuser de la vidéo en direct dans votre app ? | Tutoriels - GoodBarber

[Retour](https://fr.goodbarber.com/tutorials/)

# Comment diffuser de la vidéo en direct dans votre app ?

## La vidéo en direct

Une section « Live Video » diffuse vos émissions en direct dans votre app : un journal, un événement, un match, aux heures de votre choix.

## Ajouter une section « Live Video »

Dans « My App », Structure, cliquez sur « Add a section »… puis recherchez video pour trouver la carte « Live Video ».

Survolez-la pour voir l'écran ajouté : un lecteur de votre flux en direct. Cliquez sur Add.

Nommez la section… et collez l'adresse de votre flux : un lien HTTPS vers une playlist HLS, qui se termine par .m3u8.

Android lit le même flux, sauf si vous saisissez une autre adresse. Cliquez ensuite sur Add.

La section rejoint votre menu, avec un bouton de lecture… qui ouvre en plein écran votre flux en direct.

## Le design

Dans « Edit the design », donnez un titre au flux et choisissez la couleur du lecteur.

Préparez ensuite, avec un texte et une image, la page « Off Air »… que vos utilisateurs voient quand vous ne diffusez pas. Le bouton Preview l'affiche.

## Les horaires de diffusion

Dans les réglages de la section, vous pouvez changer les adresses et fixer vos horaires de diffusion… dans le fuseau horaire de votre public.

Répétez-les chaque jour ou les jours de votre choix, puis enregistrez. Hors de ces horaires, votre app affiche la page « Off Air ».

## Publier

La section et ses réglages n'arrivent dans votre app qu'une fois publiés, avec « Publish my project ».

## Vidéos similaires

[ContenuComment gérer les sections de votre app ?](/tutorials/contenu/comment-gerer-les-sections-de-votre-app/)

![Comment gérer les sections de votre app ?](https://portal.ww-cdn.com/portal_static/images/videos10.ee7c86369426.jpg)

[ContenuComment utiliser le CMS GoodBarber ?](/tutorials/contenu/comment-utiliser-le-cms-goodbarber/)

![Comment utiliser le CMS GoodBarber ?](https://portal.ww-cdn.com/portal_static/images/videos11.9831ea33bee9.jpg)

[ContenuComment dupliquer du contenu CMS](/tutorials/contenu/comment-copier-du-contenu-cree-avec-le-cms/)

![Comment dupliquer du contenu CMS](https://portal.ww-cdn.com/portal_static/images/videos12.9b67d27c14b9.jpg)

[ContenuComment gérer les commentaires ?](/tutorials/contenu/comment-gerer-les-commentaires/)

![Comment gérer les commentaires ?](https://portal.ww-cdn.com/portal_static/images/videos13.c9a28ae5ce12.jpg)

[ContenuComment ajouter des catégories à vos sections ?](/tutorials/contenu/comment-ajouter-des-categoriesfiltres-a-vos-sections/)

![Comment ajouter des catégories à vos sections ?](https://portal.ww-cdn.com/portal_static/images/videos14.fd4d0e2c775b.jpg)

[ContenuComment ajouter des liens dans vos sections CMS ?](/tutorials/contenu/comment-jouter-des-liens-dans-vos-sections-cms/)

![Comment ajouter des liens dans vos sections CMS ?](https://portal.ww-cdn.com/portal_static/images/videos15.a47e688ba735.jpg)

[ContenuComment gérer les fichiers PDF ?](/tutorials/contenu/comment-gerer-les-fichiers-pdf/)

![Comment gérer les fichiers PDF ?](https://portal.ww-cdn.com/portal_static/images/videos16.ef1bd6af4ffd.jpg)

[ContenuComment personnaliser votre page 404 ?](/tutorials/contenu/comment-personnaliser-votre-page-404/)

![Comment personnaliser votre page 404 ?](https://portal.ww-cdn.com/portal_static/images/videos17.2b57c18e0e71.jpg)

[ContenuComment créer des articles ?](/tutorials/contenu/comment-creer-des-articles/)

![Comment créer des articles ?](https://portal.ww-cdn.com/portal_static/images/videos18.be5273fa02e6.jpg)

[ContenuComment afficher une galerie de photos ?](/tutorials/contenu/comment-afficher-une-galerie-de-photos/)

![Comment afficher une galerie de photos ?](https://portal.ww-cdn.com/portal_static/images/videos19.f7a42a4e62fa.jpg)