Synesthesia-Visualizer

VOID // SYNESTHESIA

A futuristic browser-based audio visualizer built with pure HTML, CSS, and JavaScript.

✨ Features

• Real-time audio visualization using Web Audio API

• Multiple visualization modes:

  • Void
  • Wave
  • Bars
  • Radial
  • Reactor
  • Nebula
  • Quantum Fold
  • Gravity Torus
  • Singularity
  • Synth Horizon
  • Liquid Mandala

• Drag & drop music upload

• Audio controls (Play / Pause / Stop)

• Interactive progress bar

• Futuristic cyberpunk UI

• Dynamic glow and glitch effects

• Responsive fullscreen canvas rendering

---

🛠 Technologies Used

• HTML5
• CSS3
• JavaScript
• Canvas API
• Web Audio API

---

📂 Supported Audio Formats

• MP3
• WAV
• FLAC
• OGG

---

🚀 How to Run

1. Download the project files
2. Open the HTML file in your browser
3. Upload an audio file
4. Enjoy the visual experience

---

🎨 UI Style

The interface combines:

• Hacker aesthetic
• Cyberpunk visuals
• Neon glow effects
• Futuristic typography
• Glassmorphism-inspired overlays

---

⚡ Performance Notes

• Best experienced on desktop browsers
• GPU acceleration improves smoothness
• Higher FFT sizes create more detailed visualizations

---

📸 Visualization Modes Overview

Mode	Description
Void	Cosmic particle vortex
Wave	Multi-layer waveform rendering
Bars	Reactive neon spectrum bars
Radial	Circular frequency spokes
Reactor	Rotating energy core
Nebula	Particle explosion system
Quantum Fold	Polygonal energy web
Gravity Torus	3D torus particle field
Singularity	Dynamic terrain mesh
Synth Horizon	Retrowave horizon grid
Liquid Mandala	Organic circular patterns

---

---

👤 Author

Created with creativity, experimentation, and futuristic imagination.