A decent computer and lots of volume is recommended.

Well, due to the fear of slipping behind, I felt I better start learning the new Flash language, Actionscript 3, and at first glance, one of the coolest features is definitely the SoundMixer.computeSpectrum function.

This is a quick experiment which uses the spectrum data of a streaming mp3 to trigger animation. Although it dynamically reacts to the beat, there are elements of randomness in this example so the animation / visualisation is different every time.

I’ve seen a few Actionscript 3 visualisations before, though they tend to follow the graphic equaliser tradition, whereas I wanted something a little more creative.

I will release some source code as soon as I have built this into a robust class. I intend to build an easily customisable music visualisation program which can build visualisations from your own graphics with various configurable parameters.

Download: AS3 Audio Visualiser

Have fun, but epileptics beware!

The track is Öngyilkos Vasárnap by Venetian Snares

Posted on 14 May 2007
93 Comments
7 Trackbacks

Meta

AS3 Music Visualisation was posted on May 14th 2007 in the category Lab / Actionscript 3.0, Flash, Generative, Open Source and tagged; , , , , , , .

You can Leave a comment.

Twitter <follow>

February 7th 2012 - 9:13pm

@yizzreel Ha, yeah Twitter isn't the medium for this kind of conversation ;) Thanks for the Watts link, about to press play now...

Discussion

99 Responses to AS3 Music Visualisation

1 ... 3 4 5 6 7 ... 9

Leave a Reply

Pingbacks / Trackbacks

  1. 3 years ago Adobe - Make some noise « I Love Flash

    [...] sound, including pitch control, tempo control, EQs, etc. A few days ago I was researching a few audio visualizers and made several [...]

  2. 3 years ago AS3 Flash Music Visualisations on Bandcamp by Soulwire

    [...] AS3 music visualisation 15% similar Actionscript 3 computeSpectrum [...]

  3. 2 years ago computeSpectrum() Roundup! | DestroyYourComputer.com | Blog - Interactive Design Agency

    [...] AS3 Music Visualization (Source in comments) [...]

  4. 2 years ago Current Music Visualisation | HD Visualisations

    [...] in current times, or rather that I have found in my investigations. SoulWire.co.uk has written a quite nice action-script 3 (flash) based music visualisation engine that works very nicely (nice choice of track to demonstrate it with too.) I like the avenues of [...]

  5. 1 year ago Ozzie und die Menschheit » Blog Archive » links…visualisierung

    [...] http://blog.soulwire.co.uk/laboratory/flash/actionscript3-dynamic-sound-visualisation -> schon etwas verrückter…scheint auch ein Programm zu sein. muss ich noch [...]

  1. plaas 2 years ago

    hi! i’m new to actionscript 3.0, but really appreciating its simpleness…

    waiting with impatience to view and study your code! .)

    great experiments in here!

    HOLA

    Reply to this comment

  2. plaas 2 years ago

    sorry, i’m a little bit dazed and confused LOL!

    great music, and nice code! if you were a girl, i was asking you for a night out! ahahha .)

    greetings, and keep creativity UP

    Reply to this comment

  3. Dan 2 years ago

    Dear Mr. Soulwire,
    Your visualizer is great. I really appreciate that you made your code available! Thanks!

    Are you still working on your visualization engine?

    -Dan

    Reply to this comment

  4. Hankster 2 years ago

    Enjoyed browsing through your many AS3 experiments. Very nice work. Placed a link to Soulwire on my blog, so I can remember to visit again!

    Reply to this comment

  5. Dan 2 years ago

    Hey,
    I was trying to add more animations (like, anim3), but I can’t get them to appear. When I change the line [var animations:Number=2;] to the number 3, it doesn’t seem to help. I was wondering if anybody could help me out with this.

    Reply to this comment

  6. Soulwire 2 years ago

    Make sure the animations exist! All the animations variable does is dynamically create a reference to an animation in the library. So a MovieClip set to export with the class name “anim4″ would requite the animations variable to be 4 or more. Flash will choose a number at random and… well, just look at the script you’ll see what its doing (using getDefinitionByName).

    If you change animations to 10, Flash will expect to find an animation for each of these numbers “anim1″ through “anim10″. If you haven’t made the animations, they won’t appear ;)

    Reply to this comment

  7. Raskawa 2 years ago

    Really cool! Can’t wait to see the AS3 lib you release on it!

    Reply to this comment

  8. Soulwire 2 years ago

    Cheers Raskawa – I’m working on it! Lol, only been saying that for a year – but I am working on it. Just very busy at the moment. I appreciate your interest though and I’ll do my best to get something out the door asap.

    Reply to this comment

  9. Dennis 2 years ago

    Hey Soulwire.

    While we are all waiting for the AS3 lib. I have a suggestion. I think it would be really interesting to separate the beat input (which you now have) from the vocals. You know, have a separate output stream tied to the vocals. What say you?

    Also, please drop my a line at dennis [at] dennislandi [dot][com]

    Cheers,

    -d

    Reply to this comment

  10. Dennis 2 years ago

    One last question. What is this sound track? What album?

    Reply to this comment

  11. Jamie Buchanan 2 years ago

    Hello… awesome visualisations – I’m a web developer and a DJ. I’d love to customise this to use at my events, perhaps throw some AR in there too! Any idea how long before you release?

    Reply to this comment

  12. Emre Suvari 2 years ago

    I’m only posting this comment to be on the notify list -like you said somewhere above- for the AS3 Visualiser Class. Great work, can’t wait to get my hands dirty.

    Reply to this comment