A demo application for a custom spectrum sound visualization component.
This application provides real-time audio visualization from microphone input with customizable color schemes and a responsive design.
- Prerequisites: Ensure you have Node.js and npm or yarn installed.
- Installation:
git clone https://github.com/your-username/spectrum-demo.git cd spectrum-demo npm install # or yarn install
- Running the Application: Start the development server with:
Open http://localhost:3000 to view it in the browser.
npm start # or yarn start
- Building for Production: Create a production build with:
npm run build # or yarn build
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.
This project is licensed under the MIT License.