AnalyserNode.getFloatTimeDomainData()

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,