Audio Visualizer

Available At: HERE

Feature Descriptions

  • An audio visualization tool that experiments with real-time visual representations of sound. It parses audio data and renders it using HTML Canvas to display a spectrum analyzer and waveform.

  • The tool supports multiple visualization modes, each of which can be configured. There is also a prototype for mouse interaction to dynamically influence the visualization.

  • Includes a simple custom audio player to control playback, enabling synchronized interaction between playback and the visualization canvas

Technology & Architecture

  • This project is built on a Browser–Server (BS) architecture to facilitate easy access and cross-platform use.

  • It has been integrated into Aeon Cymatic platform

  • Vite + TypeScript + React + Ant Design

Project Overview

Audio visualizer with playback controls and multiple visualization modes.

Adjustable settings that modify the graph's visual output.

Interactive particle effects triggered by cursor movement.