Music & audioCAN I VIBECODE
Apple Music?
BUILD FIRST
- A non-sensitive or read-only version of the core experience
- A manual review step wherever correctness or trust matters
- A narrow companion tool that removes a real piece of work
LEAVE FOR LATER
- Regulated decisions, payments, or irreversible actions
- Claims of correctness, compliance, or uptime that the MVP cannot support
- Sensitive integrations until security, support, and auditability are ready
RESEARCH NOTES
What this tool actually does.
Apple Music is Apple's ad-free music streaming service offering a catalog of over 100 million songs. Subscribers get lossless audio up to 24-bit/192 kHz, Spatial Audio with Dolby Atmos, and AutoMix, which uses beat matching and time stretching for seamless transitions. The Home tab serves personalized playlists and stations; the Discovery station generates fresh mixes; the New tab surfaces genres and releases. Apple Music Sing provides karaoke with real-time animated lyrics, translations with pronunciation, adjustable vocals, and duet view. Collaborative playlists let invited users add, remove, reorder, and react to songs; SharePlay and CarPlay support shared listening. The included Apple Music Classical app offers a dedicated classical catalog with synced listening guides. Shazam integration identifies and adds songs. Exclusive content includes artist interviews, Apple Music Live perfor
RESEARCHED BUILD PROMPT
Give this to your coding agent.
Build "Resonance", a web-based music streaming app inspired by the core Apple Music workflow: browse a large catalog, play tracks with a persistent queue, and get personalized listening. Workflow: the user searches or browses curated playlists and new releases, opens a track or album, playback continues via an AutoPlay-style queue that appends similar songs, real-time synced lyrics scroll with playback, and users can create playlists and invite others to collaborate on them.
User-facing requirements: (1) Home tab with personalized "Made for You" playlists and a Discovery station that generates a fresh mix; (2) New tab with genre browsing and new releases; (3) search across songs, albums, artists, and playlists; (4) full-screen player with seek, shuffle, repeat, queue management, and a quality selector (AAC 256 kbps vs lossless FLAC); (5) synced karaoke-style lyrics with adjustable vocal emphasis and a duet view; (6) collaborative playlists where invited users can add, remove, reorder, and react to songs; (7) artist pages with about content and exclusive live-session-style videos.
Technical requirements: Next.js + React front end; Node.js/Express API; PostgreSQL for users, playlists, and library metadata; audio served as HLS segments from a local file store (no external streaming APIs); WebSocket or Server-Sent Events for real-time collaborative playlist updates; timed lyrics in LRC-like format; a simple tag/co-occurrence-based recommendation engine powering AutoPlay and Discovery; JWT auth with free/paid tier gating for lossless playback.
Implementation approach: seed the catalog with Creative Commons or public-domain audio and metadata; use ffmpeg to generate HLS segments and FLAC variants; build the player with an HTML5 audio element or a small HLS player library. Keep the UI original — do not copy Apple's brand, logo, album art, copy, or visual design.
Out of scope: mobile apps, offline downloads, CarPlay/SharePlay, Shazam integration, the Apple Music Classical app, Music Haptics, Dolby Atmos spatial audio, and licensing real commercial music.
Deliver a README covering setup (env vars, DB migration, seed script, ffmpeg/HLS pipeline), architecture overview, and important limitations (demo-scale catalog and recommendations, no DRM, single-region latency).