diffusion_video_live_-_streaming
Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente | ||
diffusion_video_live_-_streaming [2018/09/05 12:58] – Benjamin Labomedia | diffusion_video_live_-_streaming [2023/10/10 11:44] (Version actuelle) – [Le Streaming ça marche comment ?] Benjamin Labomedia | ||
---|---|---|---|
Ligne 2: | Ligne 2: | ||
===== Diffuser de la vidéo en direct sur le net : le streaming ou webcasting live ===== | ===== Diffuser de la vidéo en direct sur le net : le streaming ou webcasting live ===== | ||
- | {{: | + | {{media_02: |
==== Le Streaming ça marche comment ? ==== | ==== Le Streaming ça marche comment ? ==== | ||
+ | |||
+ | **La présente page a quelque peu pris la poussière en 2023, le streaming vidéo est désormais extrêmement simple avec des plateformes comme Peertube ou Youtube$, voir la page de [[streaming_video_en_direct_un_evenement_via_peertube|Documentation d'un dispositif de streaming live]] pour des infos plus actualisée.** | ||
+ | |||
+ | Le principe : | ||
**Caméra + micro > ordinateur > logiciel d' | **Caméra + micro > ordinateur > logiciel d' | ||
Ligne 53: | Ligne 57: | ||
* [[http:// | * [[http:// | ||
- | {{ Streaming.jpg }} | + | {{ media_12: |
=== Logiciels pour encoder la vidéo === | === Logiciels pour encoder la vidéo === | ||
Ligne 63: | Ligne 67: | ||
* [[http:// | * [[http:// | ||
- | * **** {{:Icecast_vlc.png|fig: | + | * **** {{media_07:icecast_vlc.png|fig: |
- | == Avec OBS Studio vers un serveur Icecast == | + | |
- | * Un bon tutoriel : https:// | + | |
- | **Fenêtre principale** | + | |
- | {{:: | + | === sinon en ligne de commande === |
- | **Fenêtre | + | |
- | {{:: | + | vlc -vv / |
- | == sinon en ligne de commande | + | |
- | vlc -vv / | ||
: | : | ||
- | | + | |
vlc [[file:// | vlc [[file:// | ||
Ligne 83: | Ligne 81: | ||
vlc [[file:// | vlc [[file:// | ||
- | //' | + | Entrée live audio video v4l |
vlc v4l:// | vlc v4l:// | ||
Ligne 91: | Ligne 89: | ||
option finale --loop ??? | option finale --loop ??? | ||
- | **Entrée live audio video v4l2** | + | Entrée live audio video v4l2 |
vlc v4l2:// | vlc v4l2:// | ||
Ligne 110: | Ligne 108: | ||
* Les ressources de giss.tv : http:// | * Les ressources de giss.tv : http:// | ||
- | === Intégrer son stream video dans une page web === | + | ==== Intégrer son stream video dans une page web ==== |
**Mode HTML5** | **Mode HTML5** | ||
+ | <code html> | ||
< | < | ||
<video width=" | <video width=" | ||
</ | </ | ||
</ | </ | ||
- | **Code pour compatibilité HTML4 avec applet cortado comme lecteur alternatif** | + | </ |
- | < | + | ==== Streamer avec OBS Studio vers un serveur Icecast et / ou youtube - Peertube |
- | <video width=" | + | Open Broadcast Studio est un super soft libre pour le streaming audio vidéo https://obsproject.com/fr |
- | </ | + | * Un bon tutoriel |
- | < | + | * Un paquet Obs-studio prêt à l' |
- | <HTML> | + | Pour utiliser OBS pour envoyer un stream à icecast, il faut feinter et utiliser la fonction enregistrement plutôt que streaming (du coup ça permet de streamer vers icecast et youtube en même temps !), avec les paramètres ci-dessous |
+ | {{media_10: | ||
+ | {{media_10: | ||
+ | |||
+ | **Les configurations :** | ||
+ | Type : Sortie Personnalisée (FFmpeg) | ||
+ | Chemin d' | ||
+ | <code> | ||
+ | Format du conteneur : mpegts | ||
+ | Paramètre du muxer | ||
+ | content_type=video/ | ||
+ | |||
+ | Débit vidéo : voir [[https:// | ||
+ | 4500 Kbps | ||
+ | Intervalle d' | ||
+ | 50 | ||
+ | Encodeur vidéo : libx264 | ||
+ | Débit audio | ||
+ | 160 Kbps | ||
+ | Encodeur audio : aac | ||
+ | |||
+ | Pour compléter la config et donner un genre, un titre au stream, dans les " | ||
+ | content_type=video/ | ||
+ | |||
+ | Pour compiler [[https:// | ||
+ | |||
+ | Pour envoyer un flux depuis OBS-Studio: [[https:// | ||
+ | |||
+ | ==== Transcoder un stream provenant de OBS via Icecast et l' | ||
+ | On transcode la vidéo provenant de OBS pour la transformer au format HLS, du stream transporté par HTTP | ||
+ | ffmpeg -i http:// | ||
+ | |||
+ | On intégre la vidéo transcodée à l'aide d'un player HTML5 + javascript | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | <meta charset=utf-8 /> | ||
+ | < | ||
+ | |||
+ | <link href="// | ||
+ | <script src="// | ||
+ | |||
+ | </ | ||
+ | < | ||
+ | < | ||
+ | |||
+ | <video id=flusser-video width=640 height=400 class=" | ||
+ | < | ||
+ | | ||
+ | | ||
</ | </ | ||
- | </HTML> | + | <script src=" |
- | Attention, remplacer | + | < |
+ | var player = videojs(' | ||
+ | player.play(); | ||
+ | </ | ||
+ | |||
+ | <p> la ligne de commande brute de transcodage coté serveur : ffmpeg -i http:// | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | Voir plus plus d' | ||
+ | * http://videojs.github.io/videojs-contrib-hls/ | ||
+ | * https:// | ||
+ | * https:// | ||
+ | * https:// | ||
+ | * Tuner icecast pour OBS https:// | ||
- | http://laboratoryplanet.org:8000/labo.ogg | + | ==== Streaming vidéo sur Android ==== |
+ | * Possible avec [[https://f-droid.org/en/ | ||
==== Faire du streaming vers les smartphones et tablettes via la balise video en HTML5 ==== | ==== Faire du streaming vers les smartphones et tablettes via la balise video en HTML5 ==== | ||
Ligne 136: | Ligne 200: | ||
=== Etat des lieux des possibilités === | === Etat des lieux des possibilités === | ||
- | * http:// | + | * [[http:// |
* http:// | * http:// | ||
Du stream en H264 | Du stream en H264 | ||
- | * via gstreamer http:// | + | * via gstreamer: [[http:// |
* d' | * d' | ||
* installer toutes les composantes de gstreamer sous ubuntu http:// | * installer toutes les composantes de gstreamer sous ubuntu http:// | ||
Ligne 169: | Ligne 233: | ||
* [[http:// | * [[http:// | ||
* [[http:// | * [[http:// | ||
+ | * [[https:// | ||
===== L' | ===== L' | ||
Ligne 182: | Ligne 247: | ||
- | {{tag> | + | {{tag> |
diffusion_video_live_-_streaming.1536152297.txt.gz · Dernière modification : 2018/09/05 12:58 de Benjamin Labomedia