diff options
author | Florian Merz <me@fiji-flo.de> | 2021-02-11 12:36:08 +0100 |
---|---|---|
committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 12:36:08 +0100 |
commit | 39f2114f9797eb51994966c6bb8ff1814c9a4da8 (patch) | |
tree | 66dbd9c921f56e440f8816ed29ac23682a1ac4ef /files/fr/web/media | |
parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
download | translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.tar.gz translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.tar.bz2 translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.zip |
unslug fr: move
Diffstat (limited to 'files/fr/web/media')
-rw-r--r-- | files/fr/web/media/dash_adaptive_streaming_for_html_5_video/index.html | 103 | ||||
-rw-r--r-- | files/fr/web/media/formats/image_types/index.html (renamed from files/fr/web/media/formats/types_des_images/index.html) | 0 | ||||
-rw-r--r-- | files/fr/web/media/formats/support_issues/index.html (renamed from files/fr/web/media/formats/questions_sur_le_soutien/index.html) | 0 |
3 files changed, 103 insertions, 0 deletions
diff --git a/files/fr/web/media/dash_adaptive_streaming_for_html_5_video/index.html b/files/fr/web/media/dash_adaptive_streaming_for_html_5_video/index.html new file mode 100644 index 0000000000..6a1b7f19f1 --- /dev/null +++ b/files/fr/web/media/dash_adaptive_streaming_for_html_5_video/index.html @@ -0,0 +1,103 @@ +--- +title: Utiliser DASH avec les vidéos en HTML +slug: Web/HTML/Utiliser_DASH_avec_les_vidéos_en_HTML +tags: + - Avancé + - DASH + - Guide + - HTML +translation_of: Web/Media/DASH_Adaptive_Streaming_for_HTML_5_Video +--- +<div>{{HTMLSidebar}}</div> + +<p><strong><em>Dynamic Adaptive Streaming over HTTP</em> (DASH)</strong> est un protocole de <em>streaming</em> adaptatif : il permet de changer le débit de la vidéo en fonction des performances réseau afin que la vidéo ne soit pas interrompue lors de la lecture.</p> + +<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> + +<p>Firefox 21 inclut une implémentation de DASH pour le format vidéo WebM mais celle-ci est désactivée par défaut et peut être activée via la préférence <code>media.dash.enabled</code> sous <code>about:config</code>.</p> + +<p>Firefox 23 a retiré la prise en charge de DASH pour le format WebM. Cette fonctionnalité sera remplacée par l'implémentation de l'<a href="http://www.w3.org/TR/media-source/">API Media Source Extensions</a> qui permettra la prise en charge de DASH via des bibliothèques JavaScript tierces (telles que dash.js). Pour plus de détails, voir le bug <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=778617">778617</a>.</p> + +<h2 id="Utiliser_DASH_côté_serveur">Utiliser DASH, côté serveur</h2> + +<p>Pour commencer, il faut convertir la vidéo WebM en manifeste DASH avec les vidéos associées aux différents débits. Pour cela, on aura besoin de :</p> + +<ul> + <li>ffpmeg - avec la prise en charge de l'audio et vidéo WebM fourni via libvpx and libvoribis en version 2.5 minimum (<a href="http://www.ffmpeg.org/">ffmpeg.org</a>).</li> +</ul> + +<h3 id="1._Utiliser_un_fichier_WebM_afin_de_créer_une_piste_audio_et_plusieurs_fichiers_vidéo">1. Utiliser un fichier WebM afin de créer une piste audio et plusieurs fichiers vidéo</h3> + +<p>Dans les lignes d'exemple qui suivent, on utilise le fichier de départ<strong><em> in.video</em></strong>. Ce fichier peut être n'importe quel conteneur avec au moins un flux audio et un flux vidéo qui peut être décodé par ffmpeg.</p> + +<p>On créera la piste audio avec :</p> + +<pre>ffmpeg -i in.video -vn -acodec libvorbis -ab 128k -dash 1 my_audio.webm +</pre> + +<p>On créera les pistes vidéos avec :</p> + +<pre>ffmpeg -i in.video -c:v libvpx-vp9 -keyint_min 150 -g 150 -tile-columns 4 -frame-parallel 1 -f webm -dash 1 \ +-an -vf scale=160:90 -b:v 250k -dash 1 video_160x90_250k.webm + +ffmpeg -i in.video -c:v libvpx-vp9 -keyint_min 150 -g 150 -tile-columns 4 -frame-parallel 1 -f webm -dash 1 \ +-an -vf scale=320:180 -b:v 500k -dash 1 video_320x180_500k.webm + +ffmpeg -i in.video -c:v libvpx-vp9 -keyint_min 150 -g 150 -tile-columns 4 -frame-parallel 1 -f webm -dash 1 \ +-an -vf scale=640:360 -b:v 750k -dash 1 video_640x360_750k.webm + +ffmpeg -i in.video -c:v libvpx-vp9 -keyint_min 150 -g 150 -tile-columns 4 -frame-parallel 1 -f webm -dash 1 \ +-an -vf scale=640:360 -b:v 1000k -dash 1 video_640x360_1000k.webm + +ffmpeg -i in.video -c:v libvpx-vp9 -keyint_min 150 -g 150 -tile-columns 4 -frame-parallel 1 -f webm -dash 1 \ +-an -vf scale=1280:720 -b:v 1500k -dash 1 video_1280x720_1500k.webm +</pre> + +<p>Autrement, on peut utiliser cette commande :</p> + +<pre>ffmpeg -i in.video -c:v libvpx-vp9 -keyint_min 150 \ +-g 150 -tile-columns 4 -frame-parallel 1 -f webm -dash 1 \ +-an -vf scale=160:90 -b:v 250k -dash 1 video_160x90_250k.webm \ +-an -vf scale=320:180 -b:v 500k -dash 1 video_320x180_500k.webm \ +-an -vf scale=640:360 -b:v 750k -dash 1 video_640x360_750k.webm \ +-an -vf scale=640:360 -b:v 1000k -dash 1 video_640x360_1000k.webm \ +-an -vf scale=1280:720 -b:v 1500k -dash 1 video_1280x720_1500k.webm</pre> + +<h3 id="2._Créer_le_manifeste">2. Créer le manifeste</h3> + +<pre>ffmpeg \ + -f webm_dash_manifest -i video_160x90_250k.webm \ + -f webm_dash_manifest -i video_320x180_500k.webm \ + -f webm_dash_manifest -i video_640x360_750k.webm \ + -f webm_dash_manifest -i video_1280x720_1500k.webm \ + -f webm_dash_manifest -i my_audio.webm \ + -c copy \ + -map 0 -map 1 -map 2 -map 3 -map 4 \ + -f webm_dash_manifest \ + -adaptation_sets "id=0,streams=0,1,2,3 id=1,streams=4" \ + my_video_manifest.mpd</pre> + +<p>Les arguments <code>-map</code> correspondent aux fichiers d'entrée dans l'ordre dans lequel ils sont fournis. Il doit y en avoir un pour chaque fichier. L'argument <code>-adaptation_sets</code> permet de les affecter à différents ensembles d'adaptation. Par exemple, cela crée un ensemble (0) qui contient les flux 0, 1, 2 et 3 (les vidéos) et un autre ensemble (1) qui contient uniquement le flux 4 (l'audio).</p> + +<p>On pourra alors placer le fichier de manifeste créé à côté des fichiers vidéo sur le serveur web ou sur le CDN. DASH fonctionne via HTTP donc il suffit simplement que votre serveur prenne en charge les requêtes d'intervalles d'octets (byte range requests) et qu'il puisse servir les fichiers <code>.mpd</code> avec <code>mimetype="application/dash+xml"</code>.</p> + +<h2 id="Utiliser_DASH_côté_client">Utiliser DASH, côté client</h2> + +<p>Il faut modifier la page web pour que celle-ci pointe d'abord vers le manifeste, avant le fichier vidéo en tant que tel :</p> + +<pre class="brush: html"><video> + <source src="movie.mpd"> + <source src="movie.webm"> + Votre navigateur ne prend pas en charge les vidéos HTML. +</video></pre> + +<p>C'est tout !<br> + Si le navigateur utilisé prend en charge DASH/MSE, la diffusion de la vidéo sera maintenant adaptative.</p> + +<h2 id="Voir_aussi">Voir aussi</h2> + +<ul> + <li><a href="http://wiki.webmproject.org/adaptive-streaming/webm-dash-specification">La spécification WebM DASH du projet WebM </a></li> + <li><a href="http://dashif.org/">Le forum DASH Industry</a></li> + <li><a href="http://wiki.webmproject.org/adaptive-streaming/instructions-to-playback-adaptive-webm-using-dash">Descriptions du projet WebM pour la création de fichiers DASH avec FFMPEG</a></li> +</ul> diff --git a/files/fr/web/media/formats/types_des_images/index.html b/files/fr/web/media/formats/image_types/index.html index 5211d74fb9..5211d74fb9 100644 --- a/files/fr/web/media/formats/types_des_images/index.html +++ b/files/fr/web/media/formats/image_types/index.html diff --git a/files/fr/web/media/formats/questions_sur_le_soutien/index.html b/files/fr/web/media/formats/support_issues/index.html index e64c50d6a0..e64c50d6a0 100644 --- a/files/fr/web/media/formats/questions_sur_le_soutien/index.html +++ b/files/fr/web/media/formats/support_issues/index.html |