Back to Projects
✅2025

Synthwave Studio

Browser-based music production tool with a retro synthwave aesthetic and MIDI controller support.

Completed
Source Code

Overview

A web-based digital audio workstation (DAW) inspired by synthwave aesthetics. Features a step sequencer, synthesizer with customizable oscillators, effects rack, and MIDI controller integration. All audio processing runs in the browser.

Challenges

  • 1Low-latency audio processing in the browser
  • 2MIDI controller mapping and hot-swapping
  • 3Building a responsive piano roll with Canvas

Learnings

  • ✓Web Audio API advanced scheduling techniques
  • ✓Canvas rendering optimization for smooth animations
  • ✓MIDI protocol and WebMIDI API integration

Tech Stack

Vue.jsWeb Audio APIWebMIDICanvasTone.js

Project Info

StatusCompleted
Year2025
FeaturedNo