Coursera Plus Annual is 40% Off — Ends June 29.

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Frontend Masters

Web Audio Synthesis & Visualization

via Frontend Masters

Go to class Write review
Simplilearn Ad

Build AI Apps with Azure, Copilot, and Generative AI — Microsoft Certified

Learn More → Noble Desktop Ad

NY State-Licensed Certificates in Design, Coding & AI — Online

Learn More →

Overview

AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
Learn to create sounds using nothing but code! Synthesize and visualize audio, and add fun effects with JavaScript. Use these skills to build custom audio into games, web applications, or art projects in the browser. You'll appreciate the richness of sound that is only possible with the web audio API!

Syllabus

  • Introduction
  • How Audio Works
  • Web Audio in Art
  • Web Audio API Overview
  • Playing an Audio File
  • Buffering Audio
  • GainNode
  • Visualizing Audio Overview
  • Visualizing a Waveform
  • Volume Meter
  • Frequency Analysis Overview
  • Frequency Analysis Demo
  • Advanced Frequency and Frequency Q&A
  • Synth & Tone Generation
  • Tone.js Demos
  • Tone.js Effects
  • Sequencer Demo
  • Learning Synths with Ableton
  • Inspiration
  • Further Reading
  • Wrapping Up

Taught by

Matt DesLauriers

Reviews

Start your review of Web Audio Synthesis & Visualization

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.