aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/audiobuffer/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/web/api/audiobuffer/index.html')
-rw-r--r--files/fr/web/api/audiobuffer/index.html64
1 files changed, 32 insertions, 32 deletions
diff --git a/files/fr/web/api/audiobuffer/index.html b/files/fr/web/api/audiobuffer/index.html
index effd8fd44c..faa4f0f309 100644
--- a/files/fr/web/api/audiobuffer/index.html
+++ b/files/fr/web/api/audiobuffer/index.html
@@ -40,51 +40,51 @@ translation_of: Web/API/AudioBuffer
<dt>{{domxref("AudioBuffer.getChannelData()")}}</dt>
<dd>Retourne un {{domxref ("Float32Array")}} contenant les données PCM associés au canal, défini par l'index du canal (0 représentant le premier canal).</dd>
<dt>{{domxref("AudioBuffer.copyFromChannel()")}}</dt>
- <dd>Copie les échantillons du canal associé à <span class="idlType"><code>AudioBuffer</code></span> dans un tableau de destination.</dd>
+ <dd>Copie les échantillons du canal associé à <code>AudioBuffer</code> dans un tableau de destination.</dd>
<dt>{{domxref("AudioBuffer.copyToChannel()")}}</dt>
- <dd>Copie les échantillons dans le canal associé à <span class="idlType"><code>AudioBuffer</code></span>, depuis le tableau <code>source</code>.</dd>
+ <dd>Copie les échantillons dans le canal associé à <code>AudioBuffer</code>, depuis le tableau <code>source</code>.</dd>
</dl>
<h2 id="Exemple">Exemple</h2>
<p>L'exemple suivant montre comment créer un  <code>AudioBuffer</code> et le remplir avec du bruit blanc. Le code source est disponible sur notre repo <a href="https://github.com/mdn/audio-buffer">audio-buffer demo</a>; une <a href="http://mdn.github.io/audio-buffer/">version live</a> est également consultable.</p>
-<pre class="brush: js;highlight:[7,14,27] line-numbers language-js"><code class="language-js"><span class="comment token">// Stéréo</span>
-<span class="keyword token">var</span> nombreCanaux <span class="operator token">=</span> <span class="number token">2</span><span class="punctuation token">;</span>
+<pre class="brush: js">// Stéréo
+var nombreCanaux = 2;
-<span class="comment token">// Crée une mémoire tampon vide de 2 secondes</span>
-<span class="comment token">// à la fréquence d'échantillonage du contexte AudioContext</span>
-<span class="keyword token">var</span> nombreFrames <span class="operator token">=</span> contexteAudio<span class="punctuation token">.</span>sampleRate <span class="operator token">*</span> <span class="number token">2.0</span><span class="punctuation token">;</span>
-<span class="keyword token">var</span> tableauDonnees <span class="operator token">=</span> audioCtx<span class="punctuation token">.</span><span class="function token">createBuffer</span><span class="punctuation token">(</span>nombreCanaux<span class="punctuation token">,</span> nombreFrames<span class="punctuation token">,</span> contexteAudio<span class="punctuation token">.</span>sampleRate<span class="punctuation token">)</span><span class="punctuation token">;</span>
+// Crée une mémoire tampon vide de 2 secondes
+// à la fréquence d'échantillonage du contexte AudioContext
+var nombreFrames = contexteAudio.sampleRate * 2.0;
+var tableauDonnees = audioCtx.createBuffer(nombreCanaux, nombreFrames, contexteAudio.sampleRate);
-bouton<span class="punctuation token">.</span>onclick <span class="operator token">=</span> <span class="keyword token">function</span><span class="punctuation token">(</span><span class="punctuation token">)</span> <span class="punctuation token">{</span>
- <span class="comment token">// remplit la mémoire tampon avec du bruit blanc</span>
- <span class="comment token">// valeurs aléatoires entre -1.0 et 1.0</span>
- <span class="keyword token">for</span> <span class="punctuation token">(</span><span class="keyword token">var</span> canal <span class="operator token">=</span> <span class="number token">0</span><span class="punctuation token">;</span> canal <span class="operator token">&lt;</span> nombreCanaux<span class="punctuation token">;</span> canal<span class="operator token">++</span><span class="punctuation token">)</span> <span class="punctuation token">{</span>
- <span class="comment token">// génère le tableau contenant les données</span>
- <span class="keyword token">var</span> tampon <span class="operator token">=</span> tableauDonnees<span class="punctuation token">.</span><span class="function token">getChannelData</span><span class="punctuation token">(canal</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
- <span class="keyword token">for</span> <span class="punctuation token">(</span><span class="keyword token">var</span> i <span class="operator token">=</span> <span class="number token">0</span><span class="punctuation token">;</span> i <span class="operator token">&lt;</span> nombreFrames<span class="punctuation token">;</span> i<span class="operator token">++</span><span class="punctuation token">)</span> <span class="punctuation token">{</span>
- <span class="comment token">// Math.random() donne une valeur comprise entre [0; 1.0]</span>
- <span class="comment token">// l'audio doit être compris entre [-1.0; 1.0]</span>
- tampon<span class="punctuation token">[</span>i<span class="punctuation token">]</span> <span class="operator token">=</span> Math<span class="punctuation token">.</span><span class="function token">random</span><span class="punctuation token">(</span><span class="punctuation token">)</span> <span class="operator token">*</span> <span class="number token">2</span> <span class="operator token">-</span> <span class="number token">1</span><span class="punctuation token">;</span>
- <span class="punctuation token">}</span>
- <span class="punctuation token">}</span>
+bouton.onclick = function() {
+ // remplit la mémoire tampon avec du bruit blanc
+ // valeurs aléatoires entre -1.0 et 1.0
+ for (var canal = 0; canal &lt; nombreCanaux; canal++) {
+ // génère le tableau contenant les données
+ var tampon = tableauDonnees.getChannelData(canal);
+ for (var i = 0; i &lt; nombreFrames; i++) {
+ // Math.random() donne une valeur comprise entre [0; 1.0]
+ // l'audio doit être compris entre [-1.0; 1.0]
+ tampon[i] = Math.random() * 2 - 1;
+ }
+ }
- <span class="comment token">// Récupère un AudioBufferSourceNode.</span>
- <span class="comment token">// C'est un AudioNode à utiliser quand on veut jouer AudioBuffer</span>
- <span class="keyword token">var</span> source <span class="operator token">=</span> contexteAudio<span class="punctuation token">.</span><span class="function token">createBufferSource</span><span class="punctuation token">(</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
+ // Récupère un AudioBufferSourceNode.
+ // C'est un AudioNode à utiliser quand on veut jouer AudioBuffer
+ var source = contexteAudio.createBufferSource();
- <span class="comment token">// assigne le buffer au AudioBufferSourceNode</span>
- source<span class="punctuation token">.</span>buffer <span class="operator token">=</span> tableauDonnees<span class="punctuation token">;</span>
+ // assigne le buffer au AudioBufferSourceNode
+ source.buffer = tableauDonnees;
- <span class="comment token">// connecte le AudioBufferSourceNode avec</span>
- <span class="comment token">// la destination pour qu'on puisse entendre le son</span>
- source<span class="punctuation token">.</span><span class="function token">connect</span><span class="punctuation token">(</span>contexteAudio<span class="punctuation token">.</span>destination<span class="punctuation token">)</span><span class="punctuation token">;</span>
+ // connecte le AudioBufferSourceNode avec
+ // la destination pour qu'on puisse entendre le son
+ source.connect(contexteAudio.destination);
- <span class="comment token">// lance la lecture du so</span>
- source<span class="punctuation token">.</span><span class="function token">start</span><span class="punctuation token">(</span><span class="punctuation token">)</span><span class="punctuation token">;</span>
+ // lance la lecture du so
+ source.start();
-<span class="punctuation token">}</span></code></pre>
+}</pre>
<h2 id="Spécifications">Spécifications</h2>
@@ -110,5 +110,5 @@ bouton<span class="punctuation token">.</span>onclick <span class="operator toke
<h2 id="Voir_aussi">Voir aussi</h2>
<ul>
- <li><a href="https://developer.mozilla.org/fr/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Utiliser la Web Audio API</a></li>
+ <li><a href="/fr/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Utiliser la Web Audio API</a></li>
</ul>