Binaural Studio: Web-Based Neuro-Acoustic Frequency Modulator

Binaural Studio is a professional audio synthesis tool that operates entirely within a web browser, based on the human brain's ability to synchronize with specific frequencies (Brainwave Entrainment). This project aims to optimize cognitive performance by generating pure sine waves using real-time mathematical algorithms, without the need for external audio files.

🧠 What are Binaural Beats?

Binaural beats are actually an auditory illusion created by the brain, rather than a sound that the ears actually hear.

Scientific Mechanism

When two frequencies close to each other but different (e.g., 200 Hz and 210 Hz) are transmitted to the right and left ears, the Superior Olivary Complex in the brainstem combines these two signals. The brain perceives the difference (10 Hz) as a third sound and equalizes its electrical activity to this difference frequency. This is called "Frequency Tracking Response".

Targeted Brainwaves

The application switches between the following spectrums according to the user's needs:

• Delta (0.5 - 4 Hz): Deep sleep and physical regeneration.
• Theta (4 - 8 Hz): Deep meditation, creativity, and REM sleep.
• Alpha (8 - 14 Hz): Relaxed but alert mind, stress management.
• Beta (14 - 30 Hz): Active focus, problem-solving, and analytical thinking.
• Gamma (30+ Hz): Maximum cognitive capacity and information synthesis.

🛠️ Technical Architecture

Unlike ready-made MP3 recordings on the market, in this project, sounds are generated on-the-fly using the Web Audio API. This approach prevents loss in sound quality and offers an endless loop.

Implemented Engineering Solutions

• Stereo Panner Logic: An independent StereoPannerNode architecture is used to prevent interference between the left and right channels. Stereo headphone use is mandatory for a true binaural effect with this layer.
• Exponential Ramping: Signal waves are mathematically curved in milliseconds to prevent micro-interference and "crackling" (audio pop) sounds during frequency transitions.
• Waveform Modulation: The texture (tone) of the sound is made customizable by integrating Sine, Triangle, Sawtooth, and Square waveforms.

🚀 Technological Stack

• Language: Vanilla JavaScript (ES6+)
• Sound Engine: Web Audio API (Low-level DSP)
• Interface: Tailwind CSS (Dark Mode & Glassmorphism)
• Deployment: Vercel

📂 Usage and Installation

1. When you start the application, force the browser's sound engine to wake up by clicking the "START" button.
2. Choose one of the ready-made modes according to your target mental state (Focus, Sleep, etc.).
3. Important: Use stereo headphones for the binaural effect to occur.

Developer Note: To minimize system resources during project development, no heavy libraries were used.

Images