logo

Audio Visualizer

Overview

A real-time audio visualizer that turns sound input (microphone or uploaded audio) into dynamic on-screen graphics. Built in JavaScript using the Canvas API in the spring of 2018 for Rich Media Web App Development. Created in collaboration with Sky Wan.

What I Did

Implemented the Web Audio API to capture and analyze audio frequency data, then mapped that data to animated visual elements on an HTML5 canvas. The result responds in real time to volume and frequency—bars, waves, or shapes pulse and shift with the music. Explored creative mappings between audio analysis and visual output.

Tools

JavaScript, Canvas API, Web Audio API

Audio visualizer in action Check it out View our Github