Creative Coding with Codecademy #8: Audio Visualizations with p5.sound.js

Published: 01 January 1970
on channel: Codecademy
12,038
189

Welcome to Creative Coding with Codecademy!
In our final session, Curriculum Developers Jiwon and Nick show us how to add audio to a p5.js sketch. Check out the full course here: https://j.mp/3gtaxmg

More details:
In this video, we will create audio visualizations using the p5.sound.js library. Our team will learn how to load sound files to our p5.js sketches and talk about analyzing sound with FFT (Fast Fourier Transform). Using amplitude values along the frequency spectrum, they will create an animation that reacts to sound.

p5.sound.js: https://p5js.org/reference/#/librarie...
Info on FFT: https://en.wikipedia.org/wiki/Fast_Fo...
Example Audio Visualization code: https://editor.p5js.org/js6450/sketch...
Code during livestream: https://editor.p5js.org/js6450/sketch...
FFT Waveform code: https://editor.p5js.org/js6450/sketch...
FFT Spectrum code: https://editor.p5js.org/js6450/sketch...

Join the millions learning to code with Codecademy.
Learn to code: https://j.mp/3tW6cvH
Check out our full course catalog: https://j.mp/3xqbzpb


Watch video Creative Coding with Codecademy #8: Audio Visualizations with p5.sound.js online without registration, duration hours minute second in high quality. This video was added by user Codecademy 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 12,038 once and liked it 189 people.