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 [2020/05/07 22:08] – 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 et / ou youtube === | + | |
- | Open Broadcast Studio est un super soft libre pour le streaming audio vidéo https:// | + | |
- | * Un bon tutoriel : https:// | + | |
- | * Un paquet Obs-studio prêt à l' | + | |
- | 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 | ||
- | {{:: | ||
- | {{:: | ||
- | |||
- | **Les configurations :** | ||
- | * Type : Sortie Personnalisée (FFmpeg) | ||
- | * Chemin d' | ||
- | < | ||
- | * Format du conteneur : mpegts | ||
- | * Paramètre du muxer | ||
- | < | ||
- | * 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:// | ||
- | | ||
=== sinon en ligne de commande === | === sinon en ligne de commande === | ||
Ligne 133: | 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** | ||
Ligne 143: | Ligne 118: | ||
</ | </ | ||
- | **Code pour compatibilité HTML4 avec applet cortado comme lecteur alternatif** | + | ==== Streamer avec OBS Studio vers un serveur Icecast et / ou youtube - Peertube ==== |
- | < | + | Open Broadcast Studio est un super soft libre pour le streaming audio vidéo https:// |
- | <HTML> | + | |
- | <video width=" | + | |
- | </ | + | |
- | < | + | 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 |
- | <HTML> | + | {{media_10: |
+ | {{media_10: | ||
+ | |||
+ | **Les configurations :** | ||
+ | Type : Sortie Personnalisée (FFmpeg) | ||
+ | Chemin d' | ||
+ | < | ||
+ | Format du conteneur : mpegts | ||
+ | Paramètre du muxer | ||
+ | content_type=video/m2ts ice_genre=' | ||
+ | |||
+ | 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 "Paramètres du muxer", on peut mettre : | ||
+ | content_type=video/m2ts ice_genre=' | ||
+ | |||
+ | Pour compiler [[https://github.com/obsproject/ | ||
+ | |||
+ | 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://stream.p-node.org/flusser.ts -s 640x400 -c:v libx264 -f ssegment -hls_flags delete_segments -segment_list playlist.m3u8 -segment_list_type hls -segment_list_size 10 -segment_list_flags +live -segment_time 10 out_%6d.ts | ||
+ | |||
+ | On intégre la vidéo transcodée à l'aide d'un player HTML5 + javascript | ||
+ | <code> | ||
+ | <!DOCTYPE html> | ||
+ | <html> | ||
+ | <head> | ||
+ | <meta charset=utf-8 /> | ||
+ | <title>videojs-contrib-hls embed</title> | ||
+ | |||
+ | <link href="// | ||
+ | <script src="// | ||
+ | |||
+ | </head> | ||
+ | < | ||
+ | < | ||
+ | |||
+ | <video id=flusser-video width=640 height=400 class=" | ||
+ | <source | ||
+ | | ||
+ | | ||
</ | </ | ||
- | </HTML> | + | <script src=" |
+ | < | ||
+ | var player = videojs(' | ||
+ | player.play(); | ||
+ | </ | ||
+ | |||
+ | <p> la ligne de commande brute de transcodage coté serveur : ffmpeg -i http:// | ||
+ | </ | ||
+ | </html> | ||
</ | </ | ||
+ | Voir plus plus d' | ||
+ | * http:// | ||
+ | * https:// | ||
+ | * https:// | ||
+ | * https:// | ||
+ | * Tuner icecast pour OBS https:// | ||
- | Attention, remplacer dans le code précédent | ||
- | * < | ||
- | par | ||
- | * "a href" | ||
- | 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 198: | Ligne 233: | ||
* [[http:// | * [[http:// | ||
* [[http:// | * [[http:// | ||
+ | * [[https:// | ||
===== L' | ===== L' |
diffusion_video_live_-_streaming.1588889325.txt.gz · Dernière modification : 2020/05/07 22:08 de Benjamin Labomedia