🎹 Web Harmonium

An interactive virtual harmonium built for the web. Play using your keyboard, mouse, or touch with realistic sound and smooth controls.

🚀 Live Demo

https://webharmonium-amjadimdad00.vercel.app/

---

✨ Features

• 🎹 Full virtual keyboard (mouse + keyboard + touch support)
• 🔊 Volume control
• 🎚️ Octave shifting
• 🎵 Stack notes (layered sound)
• 🎼 Transpose (change scale)
• 🌊 Reverb effect toggle
• 📱 Fully responsive (mobile friendly)
• ⚡ Fast and lightweight

---

🎯 How to Use

1. Click "Load Harmonium"

2. Use your keyboard keys to play notes

3. Adjust controls:

   • Volume
   • Octave
   • Stack
   • Transpose
   • Reverb

---

🛠️ Tech Stack

• HTML5
• CSS3
• Vanilla JavaScript
• Web Audio API
• SVG (for keyboard UI)

---

⌨️ Keyboard Mapping

Keys are mapped to musical notes for smooth playing. Example:

• A, S, D... → Lower notes
• Q, W, E... → Middle notes
• I, O, P... → Higher notes

---

📈 SEO & Performance

• Optimized meta tags
• Open Graph support
• Structured data (Schema.org)
• Responsive design
• Lighthouse optimized

---

📦 Installation

git clone https://github.com/amjadimdad00/WebHarmonium.git
cd WebHarmonium

Open index.html in browser.

---

🤝 Contributing

Pull requests are welcome. For major changes, open an issue first.

---

📄 License

MIT License

---

👨‍💻 Author

Amjad Imdad

---

⭐ Support

If you like this project, consider giving it a star ⭐