Music Visualizer built w/ JavaScript, D3.js and Web Audio API
Visicality is a music visualizer web application utilizing Web Audio API and D3.js to create real-time imagery corresponding to attributes of simultaneously playing audio. Users are able to select a local audio files from their own device to use with this application.
Visicality offers users a highly customizable experience through a diverse selection of visualizer designs and color palettes. Addtionally, users are able to adjust the colors and direction of the background color gradient.
Note: This project's UI / UX is optimized for desktop browsers.
Visicality utilizes the following technologies:
JavaScript
, as the primary programing language for this projectWeb Audio API
, for persistent processing of audio files, and extraction of frequency and waveform dataD3.js Library
, to meticulously craft and render a collection of widely distinct visualizersVite
, a modern frontend development toolFullscreen API
, to seemlessly enter in-and-out of a full-screen mode while in browser