Pentru acest exemplu aveti nevoie de Adobe Flash si cunostiinte de baza in Action Script 3.0 .

Pornim prin a creea un nou document flash ActionScript 3.0. Salvam acest document cu numele de Spectrum.fla, apoi selectăm primul keyframe al acestui document si apasam tasta F9 pentru a ne aduce in fata fereastra de programare.

In fereastra de programare introducem urmatoarea linie de cod:

var muzica=new Sound(new URLRequest(“song.mp3″));

Aici declaram variabila muzica fiind de tipul Sound, iar pentru a incarca melodia noastra,song.mp3,(care se afla an acelasi director cu Spectrum.fla) folosim comanda new URLRequest.

Apoi adaugam o noua variabila ce va tine toată informatia de care avem nevoie pentru a creea Spectrumul.

var ba:ByteArray= new ByteArray();

Dupa care adaugam o noua variabila de tip Sprite ce va contine toata grafica necesara si o adaugam pe scena principala.

var grafica:Sprite=new Sprite();

addChild(grafica);

Urmeaza sa construim o noua functie numita loop care ne va procesa toata informatia

function loop(e:Event):void{

}

In interiorul functiei loop adaugam urmatoarele linii de cod:

grafica.graphics.clear();
grafica.graphics.lineStyle(1,0×000000);
grafica.graphics.beginFill(0×000000);

Aceasta linie de cod ne sterge orice am “desenat” in pasii anteriori

grafica.graphics.clear();

Aceasta linie de cod defineste stilul liniei, cifra 1 reprezentand grosimea liniei, iar 0×000000 reprezinta culoarea neagra in sistem hexadecimal

grafica.graphics.lineStyle(1,0×000000);

Aceasta linie de cod ne defineste culoarea care va “umple” Spectrumul, in cazul nostru folosim tot culoarea neagra

grafica.graphics.beginFill(0×000000);

Acum vom folosi functia din flash ,SoundMixer.computeSpectrum , ce ne va oferi informatii legate de melodie

SoundMixer.computeSpectrum(ba,true);

Dupa care vom creea un ciclu for care ne va “desena” spectrumul prin functia drawRect

for(var i:uint=0; i<512;i++){

var num:Number=-ba.readFloat()*100-10;

sp.graphics.drawRect(i,200,1,num);

}

Iar acum adaugam un event listener pentru scena

addEventListener(Event.ENTER_FRAME, loop);

Si apelam functia play

muzica.play();

Apoi testam aplicatia cu tastele CTRL+Enter si obtinem urmatorul rezultat:

Acum puteti experimenta cu acest cod pentru a obtine mai multe rezultate. De exemplu daca schimam urmatoarea linie de cod

SoundMixer.computeSpectrum(ba,false);

Vom obtine

Daca schimbati in ciclul for

for(var i:uint=0; i<256;i++)

veti obtine un spectrum calculat doar pentru un canal audio.Putem seta pozitia pe orizontala a elementului grafica

grafica.x=20;

iar apoi facem urmatoarele modificari in ciclul for

for(var i:uint=0; i<256;i=i+4){

var num:Number=-ba.readFloat()*100-1;

grafica.graphics.drawRect(i,200,1,num);

}

Pentru a obtine urmatorul rezultat:

Apasa aici pentru a descarca sursele.