dcsimg
A Flash Developer Resource Site

Results 1 to 8 of 8

Thread: Flash audio visualisation - How to?

  1. #1
    Junior Member
    Join Date
    Oct 2005
    Posts
    14

    Flash audio visualisation - How to?

    Hello,

    I'm doing a study project in Flash, and I'm still basically a complete newbie in Flash. My idea is to create a mp3-player with all the basic funcitons and an extensive audio visualization for the mp3 waveform. Basically, a simpler version of WinAMPs Advanced Visualization Studio presets (not the whole studio, just a preset) is what I have in mind.

    In other words, what I want to do is to be able to play a mp3, and have an visualization of some sort react to the music.

    So, as I'm a newbie to Flash, I'm wondering what I need to do in order to get that music to affect the visualization based on the music's waveform or audio spectrum. In other words, different mp3s would be visualized differently. What is needed, and how difficult is it to implement?

    Kaer

  2. #2
    Self-portrait mark_my_words's Avatar
    Join Date
    Aug 2003
    Location
    Internet-land.
    Posts
    256
    http://www.flashkit.com/board/showthread.php?t=649910

    FAQ #18

    Youll need a 3rd party program to do this...
    Artificial Memories v0.9.2b
    "Preserving life's precious moments and making new ones"
    İ 2009 MemoryCorp - A Walmart company

  3. #3
    Junior Member
    Join Date
    Oct 2005
    Posts
    14
    Thank you, Mark.

    Kaer

  4. #4
    3DFA hobby scripter LewxX²'s Avatar
    Join Date
    Jul 2006
    Location
    Germany, Karlsruhe
    Posts
    198
    wrong!
    sorry for my bad school English
    btw. visit my Page: projects.lewxx.de
    or lewxx.de (<= German)

  5. #5
    Wrong, meaning you don't need a third party program to do us? Flash has come a long way since 2005, so there must be a solution!

    This ancient post http://board.flashkit.com/board/show...light=waveform suggests to "read the sound forum FAQ entries on eq animation and level/waveform output" but it doesn't seem that info exists anymore.

    What I'm looking to do is create a waveform animation based on a sound triggered by code. It doesn't necessarily need to be accurate, so visual trickery is fine. If there is some characteristic that can be read from the sound based on it's position, maybe I can just make a clip like they did here http://board.flashkit.com/board/show...light=waveform and fluctuate it's height based on that characteristic?

    Any insight?

  6. #6
    Looks like you can do this in AS3 for sure, but I'm not sure about AS2 (which I'm forced to code in for my project)

    Flash Waveform Visualizer - cool demo, but no source code.

    AS3

    Flash Actionscript 3 Waveform Generation Class

    Sound in Flash 10 (beta). Generating Waveforms, Timbre and Pitch.

    Sound Visualization in Flash CS3

    Third Party Tools

    SwiftMP3 - shows levels, not waveform

    FlashAmp - The lite version is good enough if you need to generate an amplitude array (demo is limited though). The user guide has code that matches sound position to array position so you can adjust your waveform clip.

    If I nail an AS2 solution I'll share my findings.

  7. #7
    Member
    Join Date
    Oct 2009
    Location
    Toronto, Canada
    Posts
    30
    try the computeSpectrum method of the SoundMixer class in AS3. It works wonders.

    Follow the third link under AS3 in sirzooass' most recent reply.
    Temet Nosce - Oracle

  8. #8
    3DFA hobby scripter LewxX²'s Avatar
    Join Date
    Jul 2006
    Location
    Germany, Karlsruhe
    Posts
    198
    Demo

    movie

    some other audio files in the swf dictionary:

    20_to20k.mp3
    insane250-Insane_Kitty_Song_(ID_ 222620).mp3*

    (copy filename in the upper field and click load)


    * All songs are free Songs from newgrounds
    Last edited by LewxX²; 12-09-2009 at 09:43 AM.
    sorry for my bad school English
    btw. visit my Page: projects.lewxx.de
    or lewxx.de (<= German)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center