Code an Audio Visualizer in p5js (from scratch) | Coding Project #17

Опубликовано: 19 Март 2026
на канале: Colorful Coding
55,880
1.5k

In this project we will code an audio visualizer from scratch with the p5js library. We will be using FFT and waveform analysis.

Content of this video:
0:00 Introduction
0:48 Load the audio
2:23 Waveform analysis
5:58 Wrap the waveform in a circle
8:32 Create the particles
13:57 Beat detection
15:29 Responsive background
18:47 Patreon

If you want to improve your coding skills further, head over to https://codiwy.com. It is totally free to get started, and there will fresh content available every week.

For more examples of things you can do in p5.js, just head over to Instagram.
  / colorfulcoding  

If you don't know how to get started with p5.js, here's a video covering that:
   • Get started with p5.js in 8 easy steps | t...  

Download p5js sound library:
https://p5js.org/download/

p5.js documentation:
https://p5js.org/reference/

If you have any questions or requests for future projects, feel free to leave a comment below 👇