From 8be08b2f3d7d89f450b4eca058961680cacff69d Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Thu, 11 Nov 2021 08:13:17 +0100 Subject: Fix markdown conversion errors (#3018) --- .../guide/audio_and_video_manipulation/index.html | 47 ++++++++++------------ 1 file changed, 21 insertions(+), 26 deletions(-) (limited to 'files/fr/web/guide/audio_and_video_manipulation/index.html') diff --git a/files/fr/web/guide/audio_and_video_manipulation/index.html b/files/fr/web/guide/audio_and_video_manipulation/index.html index eddaea4d45..1b79154eb7 100644 --- a/files/fr/web/guide/audio_and_video_manipulation/index.html +++ b/files/fr/web/guide/audio_and_video_manipulation/index.html @@ -10,9 +10,7 @@ tags: - WebGL translation_of: Web/Guide/Audio_and_video_manipulation --- -

La beauté du web est qu'on peut combiner différentes technologies pour en créer de nouvelles. Avoir de l'audio et vidéo nativement dans le navigateur nous donne la possibilité d'utiliser ces flux de données avec d'autres technologies comme {{htmlelement("canvas")}}, WebGL ou Web Audio API pour modifier le média — par exemple ajouter des effets de réverbération ou de compression à l'audio, ou encore des filtres noir & blanc/sépia aux vidéos. Cet article fournit une référence pour expliquer ce que vous pouvez faire.

-

Manipulation Vidéo

@@ -92,11 +90,11 @@ translation_of: Web/Guide/Audio_and_video_manipulation

{{EmbedLiveSample("Vidéo_et_Canvas", '100%', 550)}}

-

Note: En raison de problèmes de sécurité potentiels, si votre vidéo se trouve sur un domaine différent de votre page, vous devez activer CORS (Cross Origin Resource Sharing) sur le serveur qui héberge la vidéo et utiliser l'attribut crossorigin sur la balise vidéo.

+

Note : En raison de problèmes de sécurité potentiels, si votre vidéo se trouve sur un domaine différent de votre page, vous devez activer CORS (Cross Origin Resource Sharing) sur le serveur qui héberge la vidéo et utiliser l'attribut crossorigin sur la balise vidéo.

-

Note: L'exemple présenté est un exemple minimal de manipulation vidéo avec canvas; pour plus d'efficacité, vous pouvez envisager d'utiliser requestAnimationFrame à la place de setTimeout pour les navigateurs qui le prennent en charge.

+

Note : L'exemple présenté est un exemple minimal de manipulation vidéo avec canvas; pour plus d'efficacité, vous pouvez envisager d'utiliser requestAnimationFrame à la place de setTimeout pour les navigateurs qui le prennent en charge.

Vidéo e WebGL

@@ -108,7 +106,7 @@ translation_of: Web/Guide/Audio_and_video_manipulation

{{EmbedGHLiveSample('webgl-examples/tutorial/sample8/index.html', 670, 510) }}

-

Note: Vous pouvez trouver le code source de cette démo sur GitHub (la voir en direct aussi).

+

Note : Vous pouvez trouver le code source de cette démo sur GitHub (la voir en direct aussi).

Vitesse de lecture

@@ -124,10 +122,9 @@ translation_of: Web/Guide/Audio_and_video_manipulation 
var myVideo = document.getElementById('my-video');
 myVideo.playbackRate = 2;
- -

{{ EmbedLiveSample('Playable_code', 700, 425) }}

+

{{ EmbedLiveSample('Code jouable', 700, 425) }}

-

Note: Essayez l' exemple playbackRate en direct.

+

Note : Essayez l' exemple playbackRate en direct.

-

Note : playbackRate marche avec les éléments <audio> et <video>; cependant, dans les deux cas, la vitesse change mais pas la hauteur du son. Pour manipuler la hauteur du son, vous devez utliliser l'API Web Audio — voir la propriété {{domxref("AudioBufferSourceNode.playbackRate")}}.

+

Note : playbackRate marche avec les éléments <audio> et <video>; cependant, dans les deux cas, la vitesse change mais pas la hauteur du son. Pour manipuler la hauteur du son, vous devez utliliser l'API Web Audio — voir la propriété {{domxref("AudioBufferSourceNode.playbackRate")}}.

Manipulation Audio

@@ -209,10 +205,9 @@ filter.type = "lowshelf"; filter.frequency.value = 1000; filter.gain.value = 25; - -

{{ EmbedLiveSample('Playable_code_2', 700, 425) }}

+ +

{{ EmbedLiveSample('Code_jouable_2', 700, 425) }}

-

Note: À moins que CORS ne soit activé, vous devrez pour éviter les problèmes de sécurité placer la vidéo sur le même domaine que votre code.

+

Note : À moins que CORS ne soit activé, vous devrez pour éviter les problèmes de sécurité placer la vidéo sur le même domaine que votre code.

Les filtres pouvant être appliqués sont:

@@ -274,7 +269,7 @@ window.addEventListener('load', setFilter);
-

Note: Voir {{domxref("BiquadFilterNode")}} pour plus d'informations.

+

Note : Voir {{domxref("BiquadFilterNode")}} pour plus d'informations.

Convolutions et Impulsions

@@ -290,11 +285,11 @@ source.connect(convolver); convolver.connect(context.destination);
-

Note: Voir ce Codepen pour un exemple appliqué.

+

Note : Voir ce Codepen pour un exemple appliqué.

-

Note: Voir {{domxref("ConvolverNode")}} pour plus d'informations.

+

Note : Voir {{domxref("ConvolverNode")}} pour plus d'informations.

Audio dans l'espace

@@ -316,11 +311,11 @@ source.start(0); context.listener.setPosition(0, 0, 0);
-

Note: Vous pouvez trouver un exemple sur notre repo GitHub (le voir en direct aussi).

+

Note : Vous pouvez trouver un exemple sur notre repo GitHub (le voir en direct aussi).

-

Note: Voir {{domxref("PannerNode")}} pour plus d'informations.

+

Note : Voir {{domxref("PannerNode")}} pour plus d'informations.

Codecs JavaScript

@@ -339,7 +334,7 @@ context.listener.setPosition(0, 0, 0);
-

Note: Sur AudioCogs, vous pouvez essayer quelques démos; Audiocogs fournit également un Framework, Aurora.js, qui est destiné à vous aider à créer vos propres codecs en JavaScript.

+

Note : Sur AudioCogs, vous pouvez essayer quelques démos; Audiocogs fournit également un Framework, Aurora.js, qui est destiné à vous aider à créer vos propres codecs en JavaScript.

Tutoriels

-- cgit v1.2.3-54-g00ecf