Screen #46 of 60 Batch 8 desktop • 1440x900px

Desktop Audio BPM & Musical Key Detector Studio

Specification & Codex Reference Prompt (Click to expand) (DJ and music producer analysis studio calculating beats-per-minute (BPM), Camelot wheel harmonic key, and spectral energy.)

Screen Role: DJ and music producer analysis studio calculating beats-per-minute (BPM), Camelot wheel harmonic key, and spectral energy.

Design Intent: A clean DJ and music producer audio analysis studio UI at 1440x900 resolution in crisp Light Mode. Off-white canvas (#F8FAFC). Center stage: - Top: Full-frequency audio spectrogram display showing harmonic frequencies and transients. - Center Metric Cards: - Card 1: Large bold typography "126.00 BPM" with tap-tempo manual adjustment button. - Card 2: Large circular Camelot Wheel key badge "8A / A Minor" in vibrant indigo. - Card 3: Energy rating meter "High Energy (Club 8.9/10)". Left sidebar: Pitch shift slider (+/- 12 semitones) and tempo stretch slider (80% to 120% without pitch change). Top export button in solid indigo "Export Analyzed Audio with ID3 Tags". Clean electronic music tool design, zero emojis.

Component Architecture: Django Cotton components (<c-file_converter.* />) with Tailwind tokens matching Labb.io design language.

Direct route: /file-converter/studio/bpm-key/ Template: file_converter/screens/screen_46.html

Live Django Implementation (desktop)

Isolate →

BPM

Audio BPM & Harmonic Key Detector Studio

Real-time Spectral Transient Detection & Camelot Wheel Mapping

Pitch Shift 0 Semitones

-12 st 0 +12 st

Tempo Stretch 100% (Original)

Time-stretch without pitch alteration (WSOLA)

Tempo

126.00 BPM

Harmonic Key

8A / A Minor

Camelot Wheel

Spectral Energy

8.9 / 10

Club Floor Ready

Full-Frequency Spectrogram 20 Hz – 20,000 Hz

Original Codex Reference Mockup Full PNG