Getting started
Open the Studio and allow the browser to create an audio context when you press play or preview a sound. Choose a factory sample or instrument patch, select a track, and begin with the Channel Rack or Piano Roll.
- Set the project BPM and swing.
- Choose a factory kit, sample, or synthesizer preset.
- Program a short pattern and press Space to play or pause.
- Move to the Playlist to build song sections.
- Use the Mixer and Automation workspaces before rendering.
Browser and audio permissions
Modern browsers usually require a user gesture before audio can start. Press a preview or transport button once to initialize playback. Keep the tab active during large offline renders and avoid private-browsing modes when you want projects to remain in local storage.
Use a current Chromium, Firefox, or Safari release with Web Audio enabled. MIDI input depends on browser support and device permission.
Channel Rack, Piano Roll and Playlist
The Channel Rack is best for fast step patterns. The Piano Roll is best for pitched material, sustained notes, chord voicings and detailed rhythm. The Playlist is where patterns become complete sections and arrangements.
- Use track velocity and mixer gain as separate controls.
- Preview notes before drawing a full melodic phrase.
- Duplicate patterns, then edit the duplicate to create variation.
- Leave arrangement space for intros, vocal sections, breaks and transitions.
Synth Lab
Select a synthesizer track, open Sound Design, and choose a factory patch or initialize a clean instrument. Build the oscillator balance first, then shape envelopes and filters before adding modulation or effects.
- Keep the sub oscillator mono and controlled for bass patches.
- Use FM amounts carefully because small changes can create large tonal differences.
- Assign macro controls to musical changes you want to automate.
- Save custom presets before making destructive randomization changes.
Mixer, effects and automation
Balance volume and pan before processing. Use filters and EQ to create space, compression for controlled dynamics, saturation for harmonics, and time effects through sends when several tracks should share the same space.
The Automation workspace can control channel volume, pan, cutoff, delay send, reverb send and four Synth Lab macros over a 64-step lane.
Projects, local storage and export
Projects save to browser storage and can also be exported as portable project files. Audio assets remain referenced from the bundled factory library. Use Export WAV to render the arrangement with the same synthesis, routing, automation and mastering path used during playback.
Troubleshooting
No audio
Press a preview or play button, confirm the tab is not muted, and check the operating-system output device.
Factory library did not load
Run the app through the Vite development server or a deployed web server. Opening index.html directly from the file system prevents fetch requests from loading the manifest correctly.
npm install fails
Use the included public-registry lockfile and Windows clean-install script. Close active Node processes if Windows reports that files under node_modules are locked.
Render fails
Reduce the project length, close memory-heavy tabs, and try again in a current desktop browser.
MusicStudioLab troubleshooting questions
Clear answers about browser music production, project behavior and the tools included in MusicStudioLab.
Why does the studio have no sound when I first open it?
Modern browsers require a click, tap or key action before starting audio. Press a sound preview or the transport play button, then confirm that the browser tab and operating-system output device are not muted.
Why did the factory sound library fail to load?
Run MusicStudioLab through the Vite development server or a deployed web server. Opening index.html directly from the file system blocks the fetch request used to load the sound manifest.
Where are projects saved?
Saved projects and custom presets are stored in the current browser profile. Export a portable project file and keep independent backups before clearing browser data or moving to another device.
Which browsers work best for music production?
Use a current desktop version of Chrome, Edge, Firefox or Safari with Web Audio enabled. MIDI availability and some audio behavior vary by browser and device.
How can I fix an npm install EPERM error on Windows?
Close running Node and Vite processes, remove the incomplete node_modules directory, and run the included npm run install:windows command. The project lockfile points to the public npm registry.