17.1: Loading and Playing - p5.js Sound Tutorial

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


Category:
Tutorial
Duration: 17:13
135,528 views
1,562

In this new video series, I discuss the p5.js sound library to work with audio. In this first part, I demonstrate how to load a sound file and play it in the browser.

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

Source Code for the Video Lessons: https://github.com/shiffman/Video-Lesson-Materials

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

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

Music track:
http://freemusicarchive.org/music/The_Columbians/Antique_Phonograph_Music_Program_08252015/Just_Like_A_Rainbow

Help us caption & translate this video!

http://amara.org/v/Qbrx/

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



Other Videos By The Coding Train


2016-06-17Live Stream #45: Sound Synthesis, Envelope and Supershapes
2016-06-1717.5: Adding Sound Effects - p5.js Sound Tutorial
2016-06-16Coding Challenge #22: Julia Set in Processing
2016-06-16Live Stream #44: Julia Set and Sound Effects with p5.js
2016-06-13Coding Challenge #21: Mandelbrot Set with p5.js
2016-06-11Live Stream #43: Mandelbrot Set with p5.js
2016-06-09Coding Challenge #20: 3D Cloth with toxiclibs
2016-06-0917.4: Amplitude Analysis - p5.js Sound Tutorial
2016-06-0817.3: Timing, Jumps and Cues - p5.js Sound Tutorial
2016-06-0817.2: Play and Pause Button - p5.js Sound Tutorial
2016-06-0717.1: Loading and Playing - p5.js Sound Tutorial
2016-06-06Live Stream #42: Sound in p5.js + 3D Cloth with toxiclibs
2016-06-03Coding Challenge #19: Superellipse
2016-06-039.13: GitHub Pages for Hosting p5.js Sketches - p5.js Tutorial
2016-06-021.8: GitHub Pages - Git and GitHub for Poets
2016-06-02Coding Challenge #18: 3D Fractal Trees
2016-05-31Coding Challenge #17: Fractal Trees - Space Colonization
2016-05-31Live Stream #41: GitHub Pages, 3D Fractal Trees and Superellipse
2016-05-31Coding Challenge #16: L-System Fractal Trees
2016-05-30Coding Challenge #15: Object Oriented Fractal Trees
2016-05-30Coding Challenge #14: Fractal Trees - Recursive


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