Audio Spectro demo

A demo application for a custom spectrum sound visualization component.

Overview

This application provides real-time audio visualization from microphone input with customizable color schemes and a responsive design.

Getting Started

1. Prerequisites: Ensure you have Node.js and npm or yarn installed.

2. Installation:

   git clone https://github.com/mlucifer27/audio-spectro-demo.git
   cd audio-spectro-demo

   then, depending on your package manager of choice (this project's package.json defines yarn as the default one):

   yarn install

   or, alternatively:

   npm install

3. Running the Application: Start the development server with:

   yarn start

   or, for npm users:

   npm start

   Open http://localhost:3000 to view it in the browser.

4. Building for Production: Create a production build with:

   yarn run build

   or, again:

   npm build

Relevant Files

• src/components/Spectrum.tsx: The main spectrum visualization component, contains the audio processing logic.
• src/components/AmplitudeIndicators.tsx: The amplitude indicators for the spectrum.
• src/components/Layout.tsx: The layout of the demo.

This project was designed with simplicity in mind, so the codebase is relatively small and easy to understand.