17.11: Sound Visualization: Frequency Analysis with FFT - p5.js Sound Tutorial

Channel:
United States The Coding Train
Subscribers:
1,750,000
Published on ● Video Link: https://www.youtube.com/watch?v=2O3nm0Nvbi4


Category:
Tutorial
Duration: 17:47
264,903 views
4,489

In this "p5.js Sound Tutorial" video, I use the p5.FFT object to analyze the frequencies (spectrum array) of a sound file. I create a "graphic equalizer" like visualization.

Support this channel on Patreon: https://patreon.com/codingtrain

Send me your questions and coding challenges!
Contact: https://twitter.com/shiffman

p5.js sound library reference: https://p5js.org/reference/#/libraries/p5.sound
p5.FFT object reference: https://p5js.org/reference/#/p5.FFT
Kristian Pedersen's this.dot song: https://soundcloud.com/kristianpedersen/this-dot-feat-daniel-shiffman


Source Code for the Video Lessons: https://github.com/CodingTrain/Rainbow-Code

p5.js: https://p5js.org/
Processing: https://processing.org

For More Sound in p5.js videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6aFcVjlDAkkGIixw70s7jpW

Help us caption & translate this video!

http://amara.org/v/YIOn/

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct



Other Videos By The Coding Train


2016-10-287.2: Context-Free Grammar with Tracery - Programming with Text
2016-10-277.1: Intro to Session 7: Context-Free Grammar - Programming with Text
2016-10-26Live Stream #65: Session 7 - Programming from A to Z
2016-10-266.2: Homework Assignment Session 6 - Programming with Text
2016-10-25Coding Challenge #42: Markov Chains - Part 2
2016-10-24Coding Challenge #42: Markov Chains - Part 1
2016-10-226.1: Intro to Session 6: Markov Chains - Programming with Text
2016-10-21Live Stream #64: Session 6 - Programming from A to Z
2016-10-21Q&A #6: p5.js Sketch as Background
2016-10-20Coding Challenge #41: Clappy Bird!
2016-10-1917.11: Sound Visualization: Frequency Analysis with FFT - p5.js Sound Tutorial
2016-10-1817.10: Sound Visualization: Radial Graph - p5.js Sound Tutorial
2016-10-1717.9: Sound Visualization: Graphing Amplitude - p5.js Sound Tutorial
2016-10-1717.8: Microphone Input - p5.js Sound Tutorial
2016-10-15Live Stream #63: Sound in p5.js Continued + Q&A
2016-10-14Live Stream #62: Week 5 of Programming from A to Z
2016-10-135.3: Homework Assignment Week 5 - Programming with Text
2016-10-12Coding Challenge #40.3: TF-IDF
2016-10-11Accessibility with Claire Kearney-Volpe and Chancey Fleet
2016-10-11Coding Challenge #40.2: Word Counter in Processing
2016-10-10Coding Challenge #40.1: Word Counter in JavaScript


Tags:
p5.js
sound
p5
js
javascript
play
tutorial
tutorial (media genre)
creative coding
coding
daniel shiffman
p5.js tutorial
p5 js
html5 audio
p5.js sound
p5.js sound library
p5.js audio
javascript audio
javascript sound
javascript sound tutorial
javascript audio tutorial
sound input
sound visualization
amplitude visualization
visualization p5.js
fft
fft javascript
fft p5js
fast fourier transform
frequency analysis js
spectrum array