La méthode getFloatTimeDomainData()
de l'interface AnalyserNode
copie les données de forme d'onde ou du domaine temporel, dans un tableau Float32Array
passé en paramètre.
Si le tableau a moins d'éléments que la propriété AnalyserNode.fftSize
, les données en excès sont supprimées. S'il a davantage d'éléments, les éléments non utilisés sont ignorés.
Syntaxe
var contexteAudio = new AudioContext(); var analyseur = contexteAudio.createAnalyser(); // La taille du tableau Float32Array doit correspondre à la valeur de la propriété fftSize var tableauDonnees = new Float32Array(analyseur.fftSize); // remplit le tableau Float32Array avec les données renvoyées par la méthode getFloatTimeDomainData() analyseur.getFloatTimeDomainData(tableauDonnees);
Renvoie
Un tableau Float32Array
.
Exemple
L'exemple suivant montre comment créer simplement un AnalyserNode
avec AudioContext
, puis utiliser requestAnimationFrame
et <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 (et en particulier app.js lignes 128–205).
var contexteAudio = new (window.AudioContext || window.webkitAudioContext)(); var analyseur = contexteAudio.createAnalyser(); ... analyseur.fftSize = 1024; var tailleMemoireTampon = analyseur.fftSize; console.log(tailleMemoireTampon); var tableauDonnees = new Float32Array(tailleMemoireTampon); contexteCanvas.clearRect(0, 0, LARGEUR, HAUTEUR); function dessiner() { dessin = requestAnimationFrame(dessiner); analyseur.getFloatTimeDomainData(tableauDonnees); contexteCanvas.fillStyle = 'rgb(200, 200, 200)'; contexteCanvas.fillRect(0, 0, LARGEUR, HAUTEUR); contexteCanvas.lineWidth = 2; contexteCanvas.strokeStyle = 'rgb(0, 0, 0)'; contexteCanvas.beginPath(); var largeurTranche = LARGEUR * 1.0 / tailleMemoireTampon; var x = 0; for(var i = 0; i < tailleMemoireTampon; i++) { var v = tableauDonnees[i] * 200.0; var y = HAUTEUR/2 + v; if(i === 0) { contexteCanvas.moveTo(x, y); } else { contexteCanvas.lineTo(x, y); } x += largeurTranche; } contexteCanvas.lineTo(canvas.width, canvas.height/2); contexteCanvas.stroke(); }; dessiner();
Paramètres
- array
- Un tableau
Float32Array
dans lequel seront copiées les données du domaine temporel.
Spécifications
Spécification | Statut | Commentaire |
---|---|---|
Web Audio API La définition de 'getFloatTimeDomainData()' dans cette spécification. |
Version de travail |
Compatibilité navigateurs
Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Support basique | 10.0webkit | 25.0 (25.0) | Pas de support | 15.0webkit 22 (unprefixed) |
6.0webkit |
Fonctionnalité | Android | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|
Support basique | ? | 26.0 | 1.2 | ? | ? | ? | 33.0 |
Voir aussi
Étiquettes et contributeurs liés au document
Contributeurs à cette page :
marie-ototoi
Dernière mise à jour par :
marie-ototoi,