← Work

Web Synth

Browser-based synthesiser rack

Web Synth browser-based synthesiser rack

Overview

Web Synth is an experimental browser based synthesiser rack built with the Web Audio API.

It currently includes two instruments, a monosynth and a polysynth, along with a mixer channel. Both synthesisers have their own built in effects, with all audio generation and processing handled directly in the browser.

Why I Built It

I started the project while experimenting with the Web Audio API and wanted to see how much audio synthesis and processing I could build entirely in a browser.

It has since become an ongoing personal project for experimenting with synthesis, browser audio and interactive interfaces.

Browser Audio

Web Synth uses the Web Audio API to generate and process audio entirely in the browser.

The monosynth and polysynth are built from browser audio components such as oscillators, filters, envelopes and gain controls. Their parameters are exposed through the interface for real time manipulation, and both instruments can be routed through the shared mixer.

Each synth also includes its own effects processing.

Interface and Interaction

The interface is designed as a virtual synthesiser rack rather than a conventional web application.

The project includes custom controls such as knobs, switches and keyboards that respond directly to user input while staying synchronised with the underlying audio parameters.

Future Development

Planned additions include more synthesisers, separate effects modules, expanded sequencing tools and more complete support for building full tracks within the application.

Project Details

Role
Sole developer
Project type
Experimental web audio application
Development
Initial development approximately 3 weeks
Status
Ongoing personal project
Website
synth.hyduken.com

Need similar development support?

Discuss a project