Jason Sigal

Jason Sigal is a musician, sound designer and creative technologist. He develops tools that increase access to sound and data for artists, journalists and educators. He is the creator of p5.sound, a JavaScript library that brings the Processing approach to Web Audio. He is a major contributor to p5.js with support from Google Summer of Code '14. Through his work at NYU's Music Experience Design Lab and Brooklyn's Beam Center, he reimagines music pedagogy for the digital era.

In 2009, he co-founded the Free Music Archive, a curated website inspired by the open source movement. He directed the project from radio station WFMU, where he is also a DJ. Jason co-organizes NYC's Monthly Music Hackathon and the NY Web Audio Meetup. He has presented at the Web Audio Conference, Mozilla Festival, Rethink Music, SXSW and Berlin Music Week. Jason is a Master's candidate at NYU's Interactive Telecommunications Program, and holds a BA in Computer Music & Multimedia from Brown University.

Workshop: Music Visualizations with p5.js

Workshop Fee: $300.00
Materials Fee: None


The web is transforming the way we experience music. So let’s use the web to design new music experiences. In the process, we'll learn about p5.js, a JavaScript library that reimagines Processing's creative code methodologies for the web.

Create audio-reactive online music visualizations. We’ll use p5.js and p5.sound.js to bring the Processing approach to Web Audio. Learn digital audio concepts through interactive, tinkerable code examples. We'll share methods for mapping sound data to meaningful visuals, and collaborate to create new music visualizations.

Skill Level: Intro/Intermediate
No experience necessary, though some familiarity with code (especially Processing / p5 / JavaScript), and/or sound may be helpful.

• Introduce p5, p5.sound, the Web Audio API, and the concept of music visualization
• Brainstorm visualization ideas
• Demonstrate a few digital audio concepts through interactive examples and code
• Cover sound sources (microphone, soundfile, synthesized sound), and analysis (amplitude, frequency spectrum)
• Code/create a template for sound-reactive visuals
• Start hacking
We’ll set aside some time at the end of the workshop for participants to share what they’ve made with the group. I’ll also have a centralized place to share links to what we made.

Other concepts/code examples that may be addressed given time & interest include:
• Peak detection
• Generating and working w/ lyric files (or other timestamped data)
• Synthesizing musical patterns and mapping them to visuals
• Using the p5.dom library to add a drag-and-drop area for mp3s
• Loading music from external API’s
• Recording sound

What to Bring
• Bring a laptop!
• An up-to-date web browser. Firefox or Chrome are recommended for the most comprehensive Web Audio support.
• A code editor
• Headphones
• Also a pen and paper to sketch out your ideas