HOME | DD

wonderwhy-ER — Audio Visualization Template by

Published: 2010-12-11 00:46:14 +0000 UTC; Views: 6804; Favourites: 37; Downloads: 150
Redirect to original
Description About
This is an Audio Visualizer Template I made to start making an entry for #Actionscript-as-Art audio visualizer contest [link] [link] [link]

It features "load from drive", "rewinding" and both sound wave and spectrum visualization together.

Aims
But I am actually pursuing more with this then just a starting point for me. Here are my self serving plans with it:
1) To be a starting point for anyone who does not know from where to start (I do wish to see as many work as possible )
2) To enforce adding "load music from hard drive" functionality on other works (I would like to pick my own music to see how it visualizes )
3) To enforce "rewinding" functionality (boy I miss it sometimes with those visualizers , its hard to make to not get in a way of visualization visually though)

P.S Also visualization part here is SLOW. I was thinking on optimizing it but then I understood that this is a good motivation to scrap it and make your own. In the end what I want to share here is not visualization but basic backbone of features for it.

Source code
Here you can download the source [link]
It's AS3 class that theoretically does not depend on Flash IDE/Flex or anything. I used it with empty FLA file that is included too and I am not sure if it will work out of the box with Flex.

Credits
For MP3 loading uses class by Flexible here [link]
Related content
Comments: 35

banism24 [2014-11-13 18:05:43 +0000 UTC]

lol how to make that?

👍: 0 ⏩: 0

Jellyfishiez [2014-05-26 17:04:31 +0000 UTC]

FTW - Let's be friends.

👍: 0 ⏩: 1

wonderwhy-ER In reply to Jellyfishiez [2014-05-28 08:40:51 +0000 UTC]

Hmm? You are from antarctica? Cold place

👍: 0 ⏩: 1

Jellyfishiez In reply to wonderwhy-ER [2014-05-28 09:32:01 +0000 UTC]



Oh, no. XD I just have it set to that because I'm stupid. I'm really from the uk.

👍: 0 ⏩: 0

g0thg1rl [2014-05-18 20:25:28 +0000 UTC]

I played Pompeii! :3 

👍: 0 ⏩: 0

NamthasNemisis [2013-12-02 03:59:14 +0000 UTC]

Amazing...

👍: 0 ⏩: 1

wonderwhy-ER In reply to NamthasNemisis [2013-12-02 19:56:07 +0000 UTC]

Hmm, that's probably lest interesting of ones I made. Check music atom thingy
And thanks

👍: 0 ⏩: 0

silvermidenight [2012-03-23 01:23:58 +0000 UTC]

That is way to cool not to be faved. Awesome work

👍: 0 ⏩: 1

wonderwhy-ER In reply to silvermidenight [2012-03-23 09:57:51 +0000 UTC]

Thanks

👍: 0 ⏩: 1

silvermidenight In reply to wonderwhy-ER [2012-03-24 21:48:11 +0000 UTC]

Np

👍: 0 ⏩: 0

Sabbycatz [2011-04-05 14:52:09 +0000 UTC]

great!

👍: 0 ⏩: 1

wonderwhy-ER In reply to Sabbycatz [2011-04-05 15:12:47 +0000 UTC]

Hmm, thanks I have some better ones. But that probably depends on why you like this one

👍: 0 ⏩: 0

TheFreeSketcher [2011-01-02 02:56:51 +0000 UTC]

Wonder, your scripting skills never cease to amaze me, nice work

👍: 0 ⏩: 1

wonderwhy-ER In reply to TheFreeSketcher [2011-01-02 09:19:06 +0000 UTC]

Hehe thanks

👍: 0 ⏩: 1

TheFreeSketcher In reply to wonderwhy-ER [2011-01-04 00:28:05 +0000 UTC]

lol no problem

👍: 0 ⏩: 0

aegir2501 [2010-12-18 14:07:32 +0000 UTC]

ou oh.. ~3fps i'll check back when will get a new pc ><

👍: 0 ⏩: 1

wonderwhy-ER In reply to aegir2501 [2010-12-18 22:39:38 +0000 UTC]

Heh, as I said it is pretty bad on performance side but I decided not to fix it to motivate people to change theirs

👍: 0 ⏩: 0

Thumaszz [2010-12-13 11:56:23 +0000 UTC]

Very nice, I can definatly use the load function!

👍: 0 ⏩: 1

wonderwhy-ER In reply to Thumaszz [2010-12-13 12:18:36 +0000 UTC]

Yay

👍: 0 ⏩: 0

Rahzizzle [2010-12-12 19:26:57 +0000 UTC]

Great starting point! Thanks for putting this on here, will definitely encourage more entries

👍: 0 ⏩: 1

wonderwhy-ER In reply to Rahzizzle [2010-12-12 19:36:32 +0000 UTC]

I sure hope so

👍: 0 ⏩: 0

Apofiss [2010-12-11 20:36:52 +0000 UTC]

you can almost do the streching thing on it good job!

👍: 0 ⏩: 1

wonderwhy-ER In reply to Apofiss [2010-12-11 23:05:19 +0000 UTC]

Hmm not sure I understand what you mean

👍: 0 ⏩: 1

Apofiss In reply to wonderwhy-ER [2010-12-12 00:36:42 +0000 UTC]

by holding down and moving the slider back and forth, you can get a similar effect to vinyl stretching, almost~

👍: 0 ⏩: 1

wonderwhy-ER In reply to Apofiss [2010-12-12 08:35:27 +0000 UTC]

Ouh that I could do better if that was an aim

👍: 0 ⏩: 0

YoungLink19 [2010-12-11 18:05:17 +0000 UTC]

Nice. Will look into source code later. Looks nice so far.

Why is the visualizer image symmetric? Is it meant for the left/right channels?

The result looks rather funny when I try to listem to some old NES music: [link]

Speaking of AS classes, there was a time when I didn't know what to do when I found sample programs that comes in nothing but AS files. Never thought FLAs could simply link to them by simply entering the class name.

👍: 0 ⏩: 1

wonderwhy-ER In reply to YoungLink19 [2010-12-11 23:19:46 +0000 UTC]

Yeah to left is left channel and ti right the right channel. In some songs there is only one or both are same so you do not see difference, in others there is difference.

Haha I know that old old music looks geometrical Noticed it once, cool find isn't it

Yeah its probably not obvious

👍: 0 ⏩: 0

Schweinskopfsuelze [2010-12-11 15:05:39 +0000 UTC]

had that in mind when the contest was announced, thanks for the effort.

👍: 0 ⏩: 1

wonderwhy-ER In reply to Schweinskopfsuelze [2010-12-11 15:10:43 +0000 UTC]

Welcome I guess but as I wrote there I want others to have such features

👍: 0 ⏩: 0

aspirin111 [2010-12-11 10:12:34 +0000 UTC]

This is pretty cool except I think the visuals are too jumpy. A bit of transition gradient wouldn't do bad.

👍: 0 ⏩: 1

wonderwhy-ER In reply to aspirin111 [2010-12-11 10:23:01 +0000 UTC]

Well visualization was not really an aim here, just wanted to show spectrum and wave together. Decided leave it as is as motivation for other to remove that part and do their own

👍: 0 ⏩: 0

Aralicia-Moran [2010-12-11 05:29:51 +0000 UTC]

I see, we've had the same idea to load mp3 files directly from the local machine, except I've done it myself... took me a bit of time, but a really interesting thing to do.
I'm steadily progressing in my own project (~1600 lines so far), and I expect to finish in the next ten days.

In parallel with loading a mp3 from a ByteArray, I've taken a look around trying to access a streaming embedded sound in AS3, but it seems that only the MovieClip subclasses created by Flash environment can access theses

👍: 0 ⏩: 1

wonderwhy-ER In reply to Aralicia-Moran [2010-12-11 10:25:48 +0000 UTC]

I see, nice job, I find it quite hard to write your own parser of sound from scratch...

Hmm library I am using uses that, it loads mp3 from disk from bytearray, then parses and embeds it in to virtual SWF file, then loads this file.

👍: 0 ⏩: 0

roboprez [2010-12-11 04:51:39 +0000 UTC]

I can say that it does work right out of the box with Flex

👍: 0 ⏩: 1

wonderwhy-ER In reply to roboprez [2010-12-11 08:39:42 +0000 UTC]

Yay Just as planed

👍: 0 ⏩: 0