Live Stream #63: Sound in p5.js Continued + Q&A

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


Category:
Tutorial
Duration: 2:47:51
9,566 views
213

In this Live Stream, I cover additional features of the p5.js sound library. I demonstrate how to analyze inputs (microphone or sound file) and control the elements of a sketch with volume / amplitude. I also discuss FFT analysis (Fast Fourier Transform) and visualize the spectrum / frequency array. Finally, I modify one of my previous Coding Challenge, Flappy Bird, to make it respond to sound.

I also answer a viewer question about how to make a p5.js sketch the background of a web page.

23:30 - Presenting today's topic
27:55 - Sound in p5.js: Using Microphone in sketch
45:11 - Sound in p5.js: Volume Visualization
1:06:06 - Sound in p5.js: Circular Volume Graphing
1:19:43 - Sound in p5.js: FFT
1:43:30 - Clappy Bird!
2:16:26 - Q&A: p5.js Sketch in Background
2:26:56 - Q&A/Conclusion


Video recorded at http://sfpc.io/

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

Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics

Contact: https://twitter.com/shiffman

GitHub Repo with all the info for Programming from A to Z: https://github.com/shiffman/A2Z-F16

Links discussed in this video:
p5-manager on npm: https://www.npmjs.com/package/p5-manager
this.dot song: https://soundcloud.com/kristianpedersen/this-dot-feat-daniel-shiffman
p5.js Sound Library: https://p5js.org/reference/#/libraries/p5.sound


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

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

For More Live Streams: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bxnFR6no70vlxxuxDEzflz

For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

Help us caption & translate this video!

http://amara.org/v/72qD/

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



Other Videos By The Coding Train


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
2016-10-075.2: Associative Arrays in JavaScript - Programming with Text
2016-10-075.1: Intro to Week 5: Text Analysis and Word Counting - Programming with Text
2016-09-283.3: Homework Assignments Week 3 - Programming with Text
2016-09-26Coding Challenge #39: Mad Libs Generator


Tags:
rainbow
live
programming
daniel shiffman
creative coding
p5.js
coding challenge
p5.js tutorial
p5js
javascript (programming language)
tutorial
javascript
algorithms
fft
sound p5js
sound javascript
sound js
sound p5.js
fast fourier transform
fft javascript
frequency analysis sound
frequency sound javascript
sound
js
patreon
p5.js sound library
javascript audio
javascript audio tutorial
p5.js sound tutorial
html5 audio
html5 sound
coding