diff options
Diffstat (limited to 'files/fr/web/api/analysernode/getbytefrequencydata')
| -rw-r--r-- | files/fr/web/api/analysernode/getbytefrequencydata/index.md | 71 |
1 files changed, 28 insertions, 43 deletions
diff --git a/files/fr/web/api/analysernode/getbytefrequencydata/index.md b/files/fr/web/api/analysernode/getbytefrequencydata/index.md index dde3750690..13b054ee57 100644 --- a/files/fr/web/api/analysernode/getbytefrequencydata/index.md +++ b/files/fr/web/api/analysernode/getbytefrequencydata/index.md @@ -3,17 +3,16 @@ title: AnalyserNode.getByteFrequencyData() slug: Web/API/AnalyserNode/getByteFrequencyData translation_of: Web/API/AnalyserNode/getByteFrequencyData --- -<p>{{ APIRef("Web Audio API") }}<br> - <br> - La méthode <strong><code>getByteFrequencyData()</code></strong> de l'objet <a href="/fr/docs/Web/API/AnalyserNode"><code>AnalyserNode</code></a> copie les données de fréquence dans le {{domxref("Uint8Array")}} passé en argument.</p> +{{ APIRef("Web Audio API") }} -<div> -<p>Si le tableau a moins d'éléments que {{domxref("AnalyserNode.frequencyBinCount")}}, les excédants sont supprimés; s'il en a davantage, les excédants sont ignorés.</p> -</div> +La méthode **`getByteFrequencyData()`** de l'objet [`AnalyserNode`](/fr/docs/Web/API/AnalyserNode) copie les données de fréquence dans le {{domxref("Uint8Array")}} passé en argument. -<h2 id="Syntaxe">Syntaxe</h2> +Si le tableau a moins d'éléments que {{domxref("AnalyserNode.frequencyBinCount")}}, les excédants sont supprimés; s'il en a davantage, les excédants sont ignorés. -<pre class="brush: js">var contexteAudio = new AudioContext(); +## Syntaxe + +```js +var contexteAudio = new AudioContext(); var analyseur = contexteAudio.createAnalyser(); // Uint8Array devrait avoir la même taille que frequencyBinCount @@ -21,17 +20,18 @@ var tableauDonnees = new Uint8Array(analyseur.frequencyBinCount); // remplit le Uint8Array avec les données retournées par la méthode getByteFrequencyData() analyseur.getByteFrequencyData(tableauDonnees); -</pre> +``` -<h3 id="Retourne">Retourne</h3> +### Retourne -<p>Un {{domxref("Uint8Array")}}.</p> +Un {{domxref("Uint8Array")}}. -<h2 id="Exemple">Exemple</h2> +## Exemple -<p>L'exemple suivant montre comment créer simplement un <code>AnalyserNode</code> avec <a href="/fr/docs/Web/API/AudioContext"><code>AudioContext</code></a>, puis utiliser <a href="/fr/docs/Web/API/Window/requestAnimationFrame"><code>requestAnimationFrame</code></a> et <a href="/fr/docs/Web/HTML/Element/canvas"><code><canvas></code></a> pour collecter les données temporelles et dessiner un oscilloscope en sortie. Pour des exemples plus complets, voir notre démo <a href="http://mdn.github.io/voice-change-o-matic/">Voice-change-O-matic</a> (et en particulier <a href="https://github.com/mdn/voice-change-o-matic/blob/gh-pages/scripts/app.js#L128-L205">app.js lines 128–205</a>).</p> +L'exemple suivant montre comment créer simplement un `AnalyserNode` avec [`AudioContext`](/fr/docs/Web/API/AudioContext), puis utiliser [`requestAnimationFrame`](/fr/docs/Web/API/Window/requestAnimationFrame) et [`<canvas>`](/fr/docs/Web/HTML/Element/canvas) pour collecter les données temporelles et dessiner un oscilloscope en sortie. Pour des exemples plus complets, voir notre démo [Voice-change-O-matic](http://mdn.github.io/voice-change-o-matic/) (et en particulier [app.js lines 128–205](https://github.com/mdn/voice-change-o-matic/blob/gh-pages/scripts/app.js#L128-L205)). -<pre class="brush: js">var contexteAudio = new (window.AudioContext || window.webkitAudioContext)(); +```js +var contexteAudio = new (window.AudioContext || window.webkitAudioContext)(); var analyseur = contexteAudio.createAnalyser(); ... @@ -55,7 +55,7 @@ function dessiner() { var hauteurBarre; var x = 0; - for(var i = 0; i < tailleMemoireTampon; i++) { + for(var i = 0; i < tailleMemoireTampon; i++) { hauteurBarre = tableauDonnees[i]; contexteCanvas.fillStyle = 'rgb(' + (hauteurBarre+100) + ',50,50)'; @@ -65,39 +65,24 @@ function dessiner() { } }; -dessiner();</pre> - -<h2 id="Paramètres">Paramètres</h2> +dessiner(); +``` -<dl> - <dt>array</dt> - <dd>Le {{domxref("Uint8Array")}} dans lequel seront copiées les données relatives à la fréquence.</dd> -</dl> +## Paramètres -<h2 id="Spécifications">Spécifications</h2> +- array + - : Le {{domxref("Uint8Array")}} dans lequel seront copiées les données relatives à la fréquence. -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">Statut</th> - <th scope="col">Commentaire</th> - </tr> - <tr> - <td>{{SpecName('Web Audio API', '#widl-AnalyserNode-getByteFrequencyData-void-Uint8Array-array', 'getByteFrequencyData()')}}</td> - <td>{{Spec2('Web Audio API')}}</td> - <td> </td> - </tr> - </tbody> -</table> +## Spécifications -<h2 id="Compatibilité_navigateurs">Compatibilité navigateurs</h2> +| Spécification | Statut | Commentaire | +| ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------ | ----------- | +| {{SpecName('Web Audio API', '#widl-AnalyserNode-getByteFrequencyData-void-Uint8Array-array', 'getByteFrequencyData()')}} | {{Spec2('Web Audio API')}} | | -<p>{{Compat("api.AnalyserNode.getByteFrequencyData")}}</p> +## Compatibilité navigateurs -<h2 id="Voir_aussi">Voir aussi</h2> +{{Compat("api.AnalyserNode.getByteFrequencyData")}} -<p><a href="/fr/docs/Web_Audio_API/Using_Web_Audio_API">Utiliser la Web Audio API</a></p> +## Voir aussi -<ul> -</ul> +[Utiliser la Web Audio API](/fr/docs/Web_Audio_API/Using_Web_Audio_API) |