CosmoTunes - Web MIDI Sequencer

Project Overview

CosmoTunes emerged from a personal passion for music creation and web technology. It addresses the desire for a simple, accessible, yet capable tool for sketching out musical ideas directly in the browser. Unlike complex Digital Audio Workstations (DAWs), CosmoTunes offers an intuitive step-sequencer and piano roll interface, combined with built-in synth sounds and real-time effects (Reverb, Delay, Filter, Distortion). Key functionalities include pattern generation, octave control, and the unique ability to record the output as MP3/WAV, all wrapped in a distinctive retro CRT visual theme, making music creation playful and immediate.

Key Features & Solutions

• Intuitive Step Sequencing: Implemented a 32-step grid allowing users to easily toggle notes on/off to create rhythmic and melodic patterns.
• Web Audio Synthesis & Effects: Utilized the Web Audio API to generate multiple sound types (Sine, Square, FM, etc.) and apply real-time effects (Reverb, Delay, Filter, Distortion) dynamically.
• In-Browser Audio Recording: Integrated the MediaRecorder API to capture the sequencer's audio output and allow users to download it as MP3 or WAV files.
• Interactive UI Controls: Designed custom knobs and controls for effects, tempo, sound selection, and octave shifting, providing tactile feedback.