← Project gallery
Ambience soundscape mixer desktop interfaceForest clearing preset in Ambience
Independent project · Browser audio

Ambience

A little room for calm. A soundscape mixer that creates its own sounds and keeps the experience on your device.

Project
Self-initiated browser tool
Role
Product design · Creative development
Stack
HTML · CSS · JavaScript · Web Audio
Scope
Sound synthesis · Mixing UI · Saved state
The idea

Your own somewhere

A quieter browser tool

Build a simple way to blend an atmosphere for focus or rest, with no account, streamed tracks or external audio files.

The implementation

Nine procedural sound channels run through the Web Audio API. Each has its own level, while presets provide a starting point and local storage remembers the mix.

Design decisions

Sound without friction

  1. 01

    Illustrated sound controls make each channel easy to recognise, with separate toggles and level sliders.

  2. 02

    Presets, a master control and a sleep timer sit together in the sidebar; the mixer remains the main workspace.

  3. 03

    Audio starts after a user action. The mix is saved locally, and the original application has no external resource dependencies.

The interface

Make a little room

Nine sound controls and the preset sidebar
The desktop mixer
Recorded demo: selecting presets and adjusting a sound level
Working result

A complete offline mixer with nine synthesized sounds, five presets, saved mixes and a sleep timer.

Open Ambience ↗