Documentation | Music Maker Studio

Welcome to the Future of Sound

Music Maker Studio is a lightweight yet powerful web-based notation editor designed for musicians, beatmakers, and producers. It uses Tone.js to simulate professional-grade synthesizers and drum machines directly in your browser.

1. The Studio Interface

The Notation Box

This is where your composition lives. Each block (e.g., pc120) represents a note played by an instrument at a specific tempo.

The Music Grid

A 12-pad reactive interface. Clicking a pad triggers a sound and automatically inserts a notation block into the editor.

Instrument Tabs

Switch between Piano, Guitar, Violin, and Drums. Each instrument has its own unique audio engine.

Tempo Slider

Control the speed of your composition. The studio supports a wide range from 30 BPM (BPM/Slow) to 300 BPM (Fast). Note: Your current tempo is automatically saved into each note block you insert.

Master Controls

Play back your entire sequence once, enable Loop Play for infinite playback, export it as an audio file, or save your text notation for later use.

2. Understanding Notation

The notation format follows a strict [Prefix][Note][Tempo], structure. This allows you to hand-edit your music or share it easily.

p : Piano pc120,

g : Guitar ge140,

v : Violin vf#100,

d : Drum (1-12) d1, d4,

Note: Drum pads are represented by their index (1-12) rather than musical notes.

Drum Sound Key (Pads 1-12)

1: Kick

2: Snare

3: Closed Hi-hat

4: Open Hi-hat

5: Tom 1

6: Tom 2

7: Clap

8: Crash

9: Perc 1

10: Perc 2

11: Shaker

12: Rim Shot

3. Special Features

🚀 Smart Cursor Navigation: Use the Left and Right arrow keys inside the Notation Box to jump perfectly between "note blocks" for fast editing.
🎙 Real-time Exporting: Click "Download Music" to render your entire notation as a high-quality WebM audio file using the built-in Master Recorder.
📑 Session Saving: Use "Save Notation" to copy your raw notation code to the clipboard for later reuse.

4. Troubleshooting

No Sound?

1. Ensure you clicked the "START AUDIO ENGINE" overlay on load.
2. Check if your browser tab is muted.
3. If the Guitar still doesn't sound, refresh the page to clear the cache.
4. Ensure you are using Google Chrome or Microsoft Edge for the best audio experience.