audio-visualizer | Simple audio visualization library | Data Visualization library

I am using an HFP connection to a Bluetooth Device to get the audio. I am using AudioRecord class for recording with PCM 16-bit encoding at 44100 sampling rate. MONO ch. I am also using a simple library to show the visualization

My target is to show some kind of visualization of the current audio which is being recorded. However, I am not able to find a way to get the Amplitude / FFT of the current audio buffer.

My recording /file save thread looks like this

I planning to build an online music visualizer but I cannot figure out how to generate high graphic visualization using this After Effects template - Visualization After Effects Template and similar others. How can I Edit this Template with my own text and audio. I want to make something like this - Website Example

I Found Some Visualization Example using Web Audio & p5js But They Were Not as Graphically Pleasing and I want to Streamline The Process By Using Existing AE Templates. I Was Not Able to Find Any Helpful Tutorial or Tool for this, So I am Here Looking for a Solution.

The Process -

1. User Makes API Request with Link of Audio (web address), Title and Subtitle.
2. The Video is Processed with the Data in the request and stored in a public access dir.
3. Link to The File is Sent Back to The User.

The Tech I Am Open to Use : ReactJS, Javascript, Python, Django, Nodejs.

Thanks for your time.

I am able to draw lines around a circle. I have the basic implementation of the AudioContext API setup.

The problem I am facing is when calling lineTo the line will only grow but not shrink. I am inspired by this https://www.kkhaydarov.com/audio-visualizer/. I am translating this code over into https://codesandbox.io/s/hungry-tereshkova-1pf0c?runonclick=1&file=/src/Visualizer.js:713-725 which is a React.js version.

If you run that code you will see the music play, then the bars will grow once, and then they stick. They refuse to shrink then grow to the beat.

I am not sure where I am going wrong or what I am missing in that code. It seems pretty similar to the other code in the example.

Here is the full code for the Visualizer component.

first post here! I'm kind of a noob in JS but I'm working to improve. So, I'm building this audio visualizer using vanilla JS. I still need to work on the CSS but I'm satisfied with it right now - It can decently visualize FFT data for a preloaded song (taken from Free Music Archive)

I now want to connect a streaming service like Spotify to the visualizer so that the music from the streaming service is visualized. But I'm not exactly sure how to go about doing that. I'm using the Web Audio API to analyze the sound.

I would really appreciate it if someone could provide some direction in going about this, thank you!

Note: Site DOES NOT work on mobile yet, sorry.