17.9: Sound Visualization: Graphing Amplitude - p5.js Sound Tutorial

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


Category:
Tutorial
Duration: 13:36
88,886 views
1,273

In this "p5.js Sound Tutorial", I use the getLevel() function from the p5.js Sound Library to graph the amplitude (volume) over time.

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.getLevel function reference: https://p5js.org/reference/#/p5.Amplitude/getLevel
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/Xvaf/

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



Other Videos By The Coding Train


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
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


Tags:
p5.js
sound
p5
js
javascript
play
javascript (programming language)
tutorial
tutorial (media genre)
creative coding
coding
daniel shiffman
coding challenge
programming challenge
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