🌌 AETHER — Azure Speech Service Web App

AETHER is a futuristic, dynamic, and visually immersive web application that leverages Microsoft Azure Speech Services to convert speech into text through a modern and animated user interface.

Designed with a next-gen UI approach, AETHER provides a seamless experience where users input their Azure API Key and Endpoint, and interact with speech features through a stunning dashboard.

🚀 Features 🔐 User-Based Azure Authentication Input your own Azure API Key and Endpoint 🎨 Futuristic UI Design Neon gradients & glassmorphism effects Smooth transitions and animated navigation Unique color scheme (different from previous versions) ⚡ Dynamic Dashboard Animated redirection after login/input Clean and interactive interface 🎤 Speech-to-Text Integration Powered by Azure Speech Services Real-time transcription display ✨ Advanced Animations Page transitions (fade, slide, zoom effects) Animated buttons, loaders, and cards 📱 Responsive Layout Optimized for all screen sizes 🛠️ Tech Stack Frontend: HTML5 CSS3 (Animations, Gradients, Glassmorphism) JavaScript (Dynamic behavior & API integration) Cloud: Microsoft Azure Speech Services Enhancements: LocalStorage (session handling) Web APIs for smoother UX 📂 Project Structure AETHER/ │ ├── index.html # Entry page (API Key + Endpoint input) ├── dashboard.html # Speech interaction interface ├── style.css # UI design & animations ├── script.js # Logic and Azure API handling ├── assets/ # Icons, images, animations └── README.md # Documentation ⚙️ How It Works Launch the application Enter your: Azure API Key Azure Endpoint Click “Enter AETHER” Experience a smooth animated transition Access the dashboard Speak → Convert → View output in real time 🧪 How to Run

Clone the repository:

git clone https://github.com/your-username/aether-speech-app.git

Navigate into the project:

cd aether-speech-app Open with Live Server (recommended)

Run:

index.html 🔑 Azure Setup Visit Azure Portal Create a Speech Service resource Copy: API Key Endpoint Paste them into AETHER input fields 🌈 UI Highlights 🌌 Cosmic-inspired gradient backgrounds 💡 Glow effects and neon accents 🧊 Glassmorphism cards ⚡ Smooth animated transitions 🎯 Clean and modern dashboard 💡 Future Enhancements 🌍 Multi-language support 🔊 Text-to-Speech functionality 📊 Speech analytics dashboard 🧾 Save/export transcripts 🔐 Secure API key encryption 🤖 AI sentiment detection 📸 Preview

Add screenshots or demo GIFs here to showcase AETHER UI

🤝 Contributing

Contributions are welcome! Feel free to improve features, UI, or performance.

📜 License

This project is licensed under the MIT License.

🙌 Acknowledgements Microsoft Azure Speech Services Modern UI/UX design inspirations Open-source animation libraries