This project is a React-based web application that allows users to test and configure audio settings using the Web Audio API. It provides an interactive interface for playing audio with adjustable volume and stereo panning.
- Play audio tones with left, center, and right panning
- Adjustable volume control
- Custom pan slider for precise stereo positioning
- Continuous play mode
- Responsive design for various screen sizes
- React
- TypeScript
- Web Audio API
- CSS for styling
- Clone the repository
- Install dependencies:
npm install
- Run the development server:
npm run dev
The main application component is located in src/App.tsx
. Key functionalities
include:
playSound
: Handles playing audio with specified frequency and panningstopSound
: Stops the currently playing soundhandlePanChange
: Updates the stereo panning in real-time