Sakana labs

[AS3] Soundmixer.computeSpectrum ou visualisation sonore

Avec l'arrivée de l'actionscript 3, la représentation graphique d'une onde sonore est possible. Jusqu'à présent on se contentait de tricher graphiquement ou d'utiliser un fichier externe contenant les valeurs du spectre sonore. La nouvelle classe SoundMixer dispose d'une propriété computeSpectrum qui remplit un ByteArray (propre à l'as 3 aussi) avec ce qu'on pourrait appeler une prise de vue du spectre sonore, autrement dit à chaque fois que vous appelez computeSpectrum il retourne l'onde à ce moment précis. Si vous tracez le ByteArray vous verrez qu'il contient des données en binaire, donc inutilisable directement. La classe ByteArray contient une série de méthode pour convertir les données en format utilisable (integer, float, multibyte, boolean, cfr. documentation). A partir de cette conversion on peut expérimenter différentes manières de représenter graphiquement le spectre sonore.

Une version toute simple en actionscript donnerait ceci :

var music:Sound = new Sound(new URLRequest("filename.mp3"));
music.play();
var ba:ByteArray = new ByteArray();
addEventListener(Event.ENTER_FRAME, handlerEnterFrame);
function handlerEnterFrame(e:Event):void {
 SoundMixer.computeSpectrum(ba,true);
 this.graphics.clear();
 this.graphics.lineStyle(1,0x33FFFF);
 for(var i:uint = 0; i < 512; i++){
 	var spectrum:Number =  ba.readFloat()*200;
 	this.graphics.drawRect(i,0,1,spectrum);
 }
}

Si vous recopiez ce script en spécifiant le nom d'un fichier mp3 vous devriez voir un spectre sonore. On peut d'ailleurs distinguer le canal gauche du canal droit, en effet computeSpectrum renvoit un ByteArray de 512 valeurs entre -1 et 1, 256 pour le canal gauche et 256 pour le canal droit.

Ci-dessous un exemple où vous pouvez modifier quelques paramètres :

Le paramètre FFT fait partie de la propriété computeSpectrum. Si il est à TRUE, il va effectuer une transformation de Fourier qui va renvoyer un vrai spectre sonore visuel (on distingue d'ailleurs bien le gauche et le droit), à FALSE il va renvoyer l'onde sonore à l'état brute.

A partir de ça on peut expérimenter différentes façons de visualiser l'onde sonore, j'essayerai d'en poster quelques-unes.