ProAudio Studio

A professional browser-based audio editor with multi-track editing, real-time effects, and AI voice synthesis.

Features

• Multi-track editor — import, arrange, cut, and move audio clips on a timeline
• Waveform display — zoomable peak-based rendering for every clip
• Mixer — per-track volume, pan, mute, solo with live VU meters
• 8-band EQ — parametric equalizer with real-time frequency response curve
• Effects rack — Reverb, Compressor, Delay, Distortion per track
• Export — WAV (lossless) and MP3
• AI Voice — Text-to-speech and voice cloning via three providers:
  • ElevenLabs — 10,000 chars/month free
  • Fish Audio — 10,000 chars/month free
  • Local XTTS-v2 — completely free, runs on your machine

Quick Start

# Clone
git clone https://github.com/YOUR_USERNAME/proaudio-studio
cd proaudio-studio

# Serve (any static file server works)
python -m http.server 8742
# then open http://localhost:8742

Or just open index.html directly in your browser.

AI Voice — Local Server (Free, No API Key)

Runs Coqui XTTS-v2 locally — no internet required after setup.

# Install dependencies (Python 3.10+)
pip install TTS fastapi uvicorn soundfile

# Start the server
python local-server/server.py

First run downloads the XTTS-v2 model (~2 GB). GPU recommended but CPU works.

Add voices: drop .wav reference files (6–30 sec, clean audio) into local-server/samples/, then click Load Speakers in the app.

Keyboard Shortcuts

Key	Action
Space	Play / Pause
Esc	Stop
R	Record
V	Select tool
C	Razor cut tool
Del	Delete selected clip
Ctrl+Z	Undo
Ctrl+E	Export
+ / -	Zoom in / out
F	Zoom to fit
M	Mute selected track

Project Structure

proaudio-studio/
├── index.html              # App shell
├── css/style.css           # Dark theme styles
├── js/
│   ├── app.js              # Main controller, state, keyboard shortcuts
│   ├── audio-engine.js     # Web Audio API — playback, recording, metering
│   ├── waveform-renderer.js# Canvas waveform, ruler, spectrum, EQ curve
│   ├── effects-chain.js    # EQ, Reverb, Compressor, Delay, Distortion
│   ├── export-manager.js   # WAV encoder + MP3 via lamejs
│   └── ai-voice.js         # ElevenLabs / Fish Audio / Local XTTS
└── local-server/
    ├── server.py           # FastAPI + Coqui XTTS-v2 local TTS server
    └── samples/            # Drop .wav voice reference files here

Tech Stack

• Vanilla JS — no framework, no build step
• Web Audio API — all audio processing and playback
• Canvas API — waveform and spectrum rendering
• lamejs — in-browser MP3 encoding
• Coqui TTS — local XTTS-v2 voice synthesis
• FastAPI — local TTS server

License

MIT