Audio Visualization plugin - Page 2 - Forum - VisualNEO. Cross-platform App Development Tool for Windows

#21 · November 6, 2020, 7:52 am

Hello there,

Luis already included an music visualizer plugin in the present version of VNW. This might be the duplication of the same thing but I have been developing ( rather trying to develop) a more robust Audio visual plugin using Fast Fourier Analysis. The work is not finished and flexibility for generating customized FFT spectrum is in the making. Presenting a demo of what I was trying to achive.

I will inform you the updates twice in a week.

Limitations at present: 1. Once you upload an audio file it must be stopped before navigating to the next page.

2. Hard Coded. Only Container and File name is available.

3. Might have other code issues.

Important: Need a server/Local server for testing.

Uploaded files:

You need to login to have access to uploads.

Vadim has reacted to this post.

#22 · November 6, 2020, 8:12 am

Great @sghoshnbu!
Yours will be quite more better for sure :)
Mine is really simple.

Thank you!

#23 · November 10, 2020, 5:39 pm

Updated: 10.11.2020

Updated and included a few visuals.

Pending:

Show/hide play/pause button.
User driven inputs for visuals generation.
Integrating Tone.js for maximum sound manipulation possible with P5.js

Happy to hear that Luis is considering Howler.js. VNWeb is going to be a rhythm box.

Uploaded files:

You need to login to have access to uploads.

#24 · November 10, 2020, 8:14 pm

@sghoshnbu I have test your plugin doing these steps:

Change default .mp3 files to my own .mp3 files
Compile
Open and start neoPhp Server
Navigate to localhost.

I get this error with one of the .mp3 files:

AudioContext error at decodeAudioData for media/bensound-clapandyell.mp3

But with another one it works! :) (Although animation seems a bit slow)
I have attached what I see on my screen with one of the options.

Thank you for sharing!

Uploaded files:

You need to login to have access to uploads.