About the Project

My appliccation won't publish btw edit; successfully published my project now and got a working user app preview link added. Thanks Medo.dev and Devpost 😎🙌

Aetheris is a browser-based Generative Bio-Acoustics Platform that produces therapeutic, high-vibrational audio in real time. Unlike traditional meditation apps that rely on static MP3 files, Aetheris uses pure mathematical sound synthesized live and shaped by the user. It was designed to provide a professional-grade toolkit for sound therapy, combining a cosmic glassmorphic aesthetic with advanced audio engineering.

Inspiration

The inspiration for Aetheris came from the desire to create a more accessible and feature-rich alternative to existing sound synthesis tools like Real Sound Wizard. We wanted to move away from the limitations of pre-recorded downloads and instead offer a platform where sound is generated live, ensuring the highest possible "vibrational" quality for healing and focus. Our goal was to bridge the gap between complex audio engineering and user-friendly wellness tools.

What it does

Aetheris allows users to create custom sonic environments through a multi-layered engine. Key features include:

• Oscillator Engine: Generates Sine, Square, Triangle, and Sawtooth waveforms across the full human hearing range (20–20,000 Hz).
• Noise Generator: Provides White, Pink, and Brown noise for masking and depth.
• Binaural & Isochronic Modules: Offers specialized tones for Alpha, Theta, and Delta brainwave states, as well as speaker-compatible pulsed tones.
• Solfeggio Presets: Quick-access buttons for frequencies like 432 Hz and 528 Hz, known for their therapeutic properties.
• Layer Mixer: Users can mix up to four simultaneous audio layers with individual volume controls.
• Real-Time Visualization: A built-in oscilloscope and frequency bar display provide live visual feedback synchronized with the audio.
• Recording: A one-click button allows users to export their unique live mixes as high-quality WAV files.

How we built it

The platform was built using a modern web-native tech stack to ensure high performance without the need for a backend or heavy downloads.

• Audio Engine: We utilized the Web Audio API and Tone.js for real-time synthesis and processing.
• Frontend: The UI was crafted with HTML and Vanilla JavaScript, styled with a cosmic glassmorphic design featuring deep purples, electric cyan, and aurora green.
• Animations: Smooth 60fps effects were achieved using GSAP.
• Visuals: The visualization system was built using the native AnalyserNode and HTML5 Canvas.

Challenges we ran into

One of the primary challenges was managing the AudioContext suspension requirements in modern browsers, which prevent audio from playing until a user interacts with the page. We also had to ensure that the frequency sliders updated in real time without causing audible glitches or "pops". Achieving perfect L/R channel separation for binaural beats required careful routing within the Web Audio API to ensure therapeutic efficacy. Finally, balancing a complex multi-layer mixer while maintaining a safe master volume cap of 85 dB was critical for user safety.

Accomplishments that we're proud of

We are particularly proud of the one-click recording suite, which allows users to capture their personalized generative sessions instantly. The animated onboarding tour effectively guides new users through the platform's advanced features, making complex audio synthesis feel intuitive. Additionally, we successfully integrated a library of 20 pre-configured experiences, such as "Deep Sleep" and "Anxiety Relief," which are ready to use out of the box.

What we learned

Building Aetheris deepened our understanding of the mathematical nature of sound and the intricacies of bio-acoustic therapy. We learned how to optimize low-level audio processing for low-end devices to ensure a smooth experience for all users. Furthermore, the project highlighted the importance of accessibility and internationalization, leading us to plan support for 12 different languages and full screen-reader compatibility.

What's next for Aetheris

Our roadmap includes expanding Aetheris into a more social and intelligent platform:

• User Accounts & Community: Implementing Supabase for saving custom presets and sharing them with other users.
• AI Recommendation Engine: Developing a system that suggests specific frequencies based on the user's current mood or goals.
• Mobile Presence: Creating a native mobile app using a Capacitor wrapper to bring high-vibrational sound therapy to any device.
• Expanded Audio Tools: Adding timers with auto-shutoff and more complex effects like reverb and spatial delay.

Built With

• analysernode
• api
• audio
• css3
• html5
• javascript
• tone.js
• vanilla
• web