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

[ad_1]
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

Support this channel on Patreon:

Send me your questions and coding challenges!:

Contact:

GitHub Repo with all the info for Programming from A to Z:

Links discussed in this video:
p5-manager on npm:
this.dot song:
p5.js Sound Library:

Source Code for the all Video Lessons:

p5.js:
Processing:

For More Live Streams:

For More Coding Challenges:

Help us caption & translate this video!


Posted

in

by

Tags:

Comments

14 responses to “Live Stream #63: Sound in p5.js Continued + Q&A”

  1. Gerald Leban Avatar

    possible to create an audio live graph visualization?

  2. Frequency Manipulator Avatar

    Ahhmerrgrd, did you just drag a folder on to finder to get the path. You are the man, learning so much.

  3. Rafael Avatar

    This was great, but the new ones are awesome! I love the confusion and how relaxed you are in the newest videos.

  4. TannerBoBanner Avatar

    Hey, expeccially for a young kid like my, this is one of the best coding channels iv ever seen. Youre funny, you dont just show me how it works, but why it works.

  5. winar jin Avatar

    thanks Dan. I love this channel very much .

  6. Shreeya Tyagi Avatar

    😉 love your channel-frm OCAD Univesity, Toronto

  7. Randy King Avatar

    You did a good job, Dan… I was falling asleep during the live stream… As soon as I can get my computer repaired (4 months and counting; it s**ks being on a fixed income), I =WILL= make an attempt to add GA to TSP!!!

  8. Hyungchul Kim Avatar

    How do you do the auto formatting thing?

  9. Elomar Avatar

    Great stream Mr Daniel!
    Just a small note: why don't you use yarn instead of npm?
    I think it's not fully implemented yet but for the most part it still works.
    It's gonna save you a lot of time.

  10. BaconKwagga Avatar

    how do i job with this?

  11. Sergio Granada Moreno Avatar

    thanks Daniel this is really great

  12. jamie sacco Avatar

    hahah. man i love your videos and songs dan 😀

  13. Damian Reloaded Avatar

    I had a really good time. Great company!

  14. ArsenArsen Avatar

    Ooooo.. A new background?

    Sorry I missed it, was busy Dan.

Leave a Reply

Your email address will not be published. Required fields are marked *