Binaural Beat Player 🎧

A web application built with Next.js, React, and TypeScript to generate and play binaural beats. Users can manually control frequencies, play predefined patterns, adjust volume, and visualize the audio waves.

Main interface of the Binaural Beat Player showing frequency controls and visualization.

Go to 🎧 Binaural Beat Player

✨ Features

• Manual Frequency Control: Set specific frequencies (1-600 Hz) for the left and right audio channels using sliders.
• Pattern Mode: Play sequences of binaural beats defined in a JSON format. Each step includes left frequency, right frequency, and duration.
• Volume Control: Adjust the overall volume of the generated audio.
• Audio Visualization: See a real-time representation of the left (blue) and right (green) audio waves on a canvas.
• Play/Pause Control: Easily start and stop the audio playback.
• Mode Switching: Toggle between Manual and Pattern modes.
• Responsive Design: Adapts to different screen sizes using Tailwind CSS.
• Icons: Uses react-icons for UI elements like play/pause buttons.

🚀 Getting Started

1. Clone the repository (if you haven't already):

   git clone <your-repository-url>
   cd binaural-beat-player

2. Install dependencies:

   npm install
   # or
   yarn install
   # or
   pnpm install

3. Run the development server:

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev

4. Open http://localhost:3000 in your browser to use the player.

🛠️ Technology Stack

• Next.js - React framework for server-side rendering and static site generation.
• React - JavaScript library for building user interfaces.
• TypeScript - Typed superset of JavaScript.
• Tailwind CSS - Utility-first CSS framework.
• React Icons - Library for including popular icons in React projects.
• Web Audio API - Used for generating and manipulating audio directly in the browser.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details (if applicable).