Users can now upload any audio file to generate a CTP tempo map:
BPM detection (lib/analysis/bpm-detect.ts):
- Runs entirely client-side via Web Audio API — audio is never uploaded
- Decodes any browser-supported format (MP3, WAV, AAC, OGG, FLAC, M4A)
- Energy envelope → onset strength → autocorrelation over 55–210 BPM range
- Returns BPM, normalised confidence score, duration, and optional half-time BPM
for songs where a double-time pulse is detected
AI CTP generation (lib/analysis/ai-ctp.ts):
- Calls Claude (claude-opus-4-6) with adaptive thinking + structured JSON output
- System prompt explains CTP rules and section layout conventions
- Claude uses knowledge of well-known songs to produce accurate section maps;
falls back to a sensible generic structure for unknown tracks
- Only BPM + duration + optional metadata is sent to the server (no audio data)
API route (app/api/analyze/route.ts):
- POST /api/analyze accepts { bpm, duration, title?, artist?, mbid?, contributed_by? }
- Validates input, calls generateCTPWithAI, runs CTP schema validation
- Returns { ctp, warnings } — warnings are surfaced in the UI rather than 500-ing
UI (components/TempoAnalyzer.tsx, app/(web)/analyze/page.tsx):
- Drag-and-drop or browse file upload
- Shows BPM, confidence, duration after detection
- Half-time toggle when double-time is detected
- Metadata form: title, artist, MusicBrainz ID, contributor name
(filename parsed into artist/title as a convenience default)
- AI generation with streaming-style progress states
- Sections review via TempoMapEditor
- Download .ctp.json or submit directly to the database
Also: added @anthropic-ai/sdk to package.json, ANTHROPIC_API_KEY to .env.example,
updated next.config.mjs serverComponentsExternalPackages, added Analyze nav link.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
36 lines
841 B
JSON
36 lines
841 B
JSON
{
|
|
"name": "clicktrack",
|
|
"version": "0.1.0",
|
|
"private": true,
|
|
"scripts": {
|
|
"dev": "next dev",
|
|
"build": "next build",
|
|
"start": "next start",
|
|
"lint": "next lint",
|
|
"typecheck": "tsc --noEmit",
|
|
"db:migrate": "psql $DATABASE_URL -f lib/db/schema.sql"
|
|
},
|
|
"dependencies": {
|
|
"next": "14.2.3",
|
|
"react": "^18.3.1",
|
|
"react-dom": "^18.3.1",
|
|
"zod": "^3.23.8",
|
|
"pg": "^8.11.5",
|
|
"ioredis": "^5.3.2",
|
|
"node-fetch": "^3.3.2",
|
|
"@anthropic-ai/sdk": "^0.36.3"
|
|
},
|
|
"devDependencies": {
|
|
"@types/node": "^20.12.7",
|
|
"@types/react": "^18.3.1",
|
|
"@types/react-dom": "^18.3.0",
|
|
"@types/pg": "^8.11.5",
|
|
"typescript": "^5.4.5",
|
|
"tailwindcss": "^3.4.3",
|
|
"autoprefixer": "^10.4.19",
|
|
"postcss": "^8.4.38",
|
|
"eslint": "^8.57.0",
|
|
"eslint-config-next": "14.2.3"
|
|
}
|
|
}
|