aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/audiobuffersourcenode/index.md
blob: ce90a9090275fc2527f7bbd4ff870a5f9bb91324 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
---
title: AudioBufferSourceNode
slug: Web/API/AudioBufferSourceNode
tags:
  - API
  - Buffer
  - Experimental
  - Reference
  - Web Audio API
translation_of: Web/API/AudioBufferSourceNode
---
<p>{{APIRef("Web Audio API")}}</p>

<p>L'interface <strong>AudioBufferSourceNode</strong> est un {{domxref("AudioScheduledSourceNode")}} qui représente une source audio constituée de données audio en mémoire, stockées dans un {{domxref ("AudioBuffer")}}. Elle est particulièrement utile pour lire des sons qui requierrent des conditions de lecture particulières, comme la synchronisation sur un certain rythme, et peuvent être stockés en mémoire. Si ce type de son doit être lu depuis le disque ou le réseau, il conviendra d'utiliser un {{domxref("AudioWorkletNode")}}.</p>

<p>{{InheritanceDiagram}}</p>

<p>Un AudioBufferSourceNode n'a pas d'entrée et il comporte une unique sortie, dont le nombre de canaux est spécifié par la propriété {{domxref("AudioBufferSourceNode.buffer", "buffer")}}. Si aucun buffer n'est paramétré, c'est-à-dire si la valeur de l'attribut est NULL, la sortie contient un seul canal silencieux (chaque échantillon vaut 0).</p>

<p><br>
 Un {{domxref("AudioBufferSourceNode")}} ne peut être joué qu'une seule fois; autrement dit un seul appel à la fonction <code>AudioBufferSourceNode.start()</code> est autorisé. Pour rejouer le son, il faut créer un nouvel <code>AudioBufferSourceNode</code>. Heureusement ces noeuds ne demandent pas beaucoup de ressource, et les véritables <code>AudioBuffer</code>s peuvent être réutilisés. On dit que les <code>AudioBufferSourceNode</code>s doivent être utilisés en mode "one shot": une fois que la lecture est lancée, toutes les références peuvent être supprimées, et elles seront collectées par le ramasse-miette automatiquement quand la lecture des sons sera terminée.</p>

<p>Plusieurs appels à la fonction <code>AudioBufferSourceNode.stop()</code> sont autorisés. Le dernier appel remplace le précédent, à condition que le <code>AudioBufferSourceNode </code>n'ait pas déjà atteint la fin du buffer.</p>

<p><img alt="L'objet AudioBufferSourceNode prend le contenu d'un AudioBuffer et le convertit en audio" src="webaudioaudiobuffersourcenode.png"></p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><dfn>Nombre d'entrées</dfn></th>
   <td><code>0</code></td>
  </tr>
  <tr>
   <th scope="row"><dfn>Nombre de sorties</dfn></th>
   <td><code>1</code></td>
  </tr>
  <tr>
   <th scope="row"><dfn>Nombre de canaux</dfn></th>
   <td>défini par l'objet {{domxref("AudioBuffer")}} associé</td>
  </tr>
 </tbody>
</table>

<h2 id="Constructeur">Constructeur</h2>

<dl>
 <dt>{{domxref("AudioBufferSourceNode.AudioBufferSourceNode", "AudioBufferSourceNode()")}}</dt>
 <dd>Crée et retourne un nouvel objet <code>AudioBufferSourceNode</code>. Un {{domxref("AudioBufferSourceNode")}} peut être instancié à l'aide la méthode {{domxref("AudioContext.createBufferSource()")}}.</dd>
</dl>

<h2 id="Propriétés">Propriétés</h2>

<p><em>Hérite des propriétés de son parent, {{domxref("AudioNode")}}.</em></p>

<dl>
 <dt>{{domxref("AudioBufferSourceNode.buffer")}}</dt>
 <dd>{{domxref ("AudioBuffer")}} qui définit la ressource à jouer; lorsqu'il a la valeur NULL, définit un canal unique silencieux (dans lequel chaque échantillon vaut 0.0).</dd>
 <dt>{{domxref("AudioBufferSourceNode.detune")}}</dt>
 <dd>{{domxref("AudioParam")}} de type <a href="/fr/docs/DOM/AudioParam#k-rate">k-rate</a> représentant le désaccordage de la fréquence exprimé en <a href="http://en.wikipedia.org/wiki/Cent_%28music%29">cents</a>. Cette valeur est composée à partir du <code>playbackRate</code> pour déterminer la vitesse à laquelle le son sera jouée. Sa valeur par défaut est <code>0</code> (qui correspond à aucun désaccordage), et son rang nominal va de -∞ à ∞.</dd>
 <dt>{{domxref("AudioBufferSourceNode.loop")}}</dt>
 <dd>Attribut booléen indiquant si la ressource doit être lue de nouveau lorsque la fin de l'{{domxref ("AudioBuffer")}} est atteinte. Sa valeur par défaut est <code>false</code>.</dd>
 <dt>{{domxref("AudioBufferSourceNode.loopStart")}} {{optional_inline}}</dt>
 <dd>Nombre flottant à double précision indiquant, en secondes, à quel moment de l'{{domxref ("AudioBuffer")}} la lecture doit reprendre. Sa valeur par défaut est 0.</dd>
 <dt>{{domxref("AudioBufferSourceNode.loopEnd")}} {{optional_inline}}</dt>
 <dd>Nombre flottant à double précision indiquant, en secondes, à quel moment de l'{{domxref ("AudioBuffer")}} la relecture doit s'arrêter (et éventuellement boucler à nouveau). Sa valeur par défaut est 0.</dd>
 <dt>{{domxref("AudioBufferSourceNode.playbackRate")}}</dt>
 <dd>{{domxref ("AudioParam")}} de type <a href="/fr/docs/Web/API/AudioParam#a-rate">a-rate</a> qui définit le facteur de vitesse à laquelle la ressource audio sera jouée. Comme aucune correction de pitch n'est appliquée sur la sortie, il peut être utilisé pour modifier le pitch de l'échantillon.</dd>
</dl>

<h3 id="Gestionnaires_d'évènement">Gestionnaires d'évènement</h3>

<p><em>Hérite des gestionnaires d'évènement de son parent, {{domxref("AudioScheduledSourceNode")}}</em>.</p>

<h2 id="Méthodes">Méthodes</h2>

<p><em>Hérite des méthodes de son parent, {{domxref("AudioNode")}}.</em></p>

<h2 id="Exemple">Exemple</h2>

<p>Cet exemple crée un tampon de deux secondes, le remplit avec du bruit blanc et le joue par l'intermédiaire d'un <code>AudioBufferSourceNode</code>.</p>

<div class="note">
<p><strong>Note :</strong> Vous pouvez aussi <a href="http://mdn.github.io/audio-buffer/">exécuter the code</a>, ou <a href="https://github.com/mdn/audio-buffer">regarder le code source</a>.</p>
</div>

<pre class="brush: js">var contexteAudio = new (window.AudioContext || window.webkitAudioContext)();
var bouton = document.querySelector('button');
var pre = document.querySelector('pre');
var monScript = document.querySelector('script');

pre.innerHTML = monScript.innerHTML;

// Stéréo
var canaux = 2;

// Crée un tampon vide de deux secondes
// au taux d'échantillonnage du AudioContext
var compteurTrames = contexteAudio.sampleRate * 2.0;

var myArrayBuffer = contexteAudio.createBuffer(2, compteurTrames, contexteAudio.sampleRate);

bouton.onclick = function() {
  // remplit le tampon avec du bruit blanc;
  // valeurs aléatoires entre -1.0 et 1.0
  for (var canal = 0; canal &lt; canaux; canal++) {
   // crée le ArrayBuffer qui contient les données
   var nowBuffering = myArrayBuffer.getChannelData(canal);
   for (var i = 0; i &lt; compteurTrames; i++) {
     // Math.random() est compris entre [0; 1.0]
     // audio doit être compris entre [-1.0; 1.0]
     nowBuffering[i] = Math.random() * 2 - 1;
   }
  }

  // crée AudioBufferSourceNode.
  // c'est AudioNode utilisé pour lire un AudioBuffer
  var source = contexteAudio.createBufferSource();
  // initialise le tampon du AudioBufferSourceNode
  source.buffer = myArrayBuffer;
  // connecte l'AudioBufferSourceNode avec la destination
  // de façon à ce qu'on puisse entendre le son
  source.connect(contexteAudio.destination);
  // lance la lecture de la source
  source.start();
}</pre>

<div class="note">
<p><strong>Note :</strong> Pour un exemple de <code>decodeAudioData</code>(), voir la page {{domxref("AudioContext.decodeAudioData")}}.</p>
</div>

<h2 id="Spécifications">Spécifications</h2>

<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', '#AudioBufferSourceNode-section', 'AudioBufferSourceNode')}}</td>
   <td>{{Spec2('Web Audio API')}}</td>
   <td></td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilité_navigateurs">Compatibilité navigateurs</h2>

<div>{{Compat("api.AudioBufferSourceNode")}}</div>

<h2 id="Voir_aussi">Voir aussi</h2>

<ul>
 <li><a href="/fr/docs/Web/API/Web_Audio_API/Using_Web_Audio_API">Utiliser la Web Audio API</a></li>
</ul>