CASE STUDY · 02
NoirWaveNext.js · TypeScript
Gerçek ses oynatımı ve tam ekran listening experience etrafında tasarlanmış müzik ürünü.
Live project ↗Private repository
- REALHTML5 audio
- STATEZustand playback
- SYNCfullscreen player
Bağlam
Gerçek ses oynatımı ve tam ekran listening experience etrafında tasarlanmış müzik ürünü.
Problem
Gerçek audio engine, playlist state ve sinematik fullscreen player’ı yoğun animasyonlu arayüzde senkron tutmak.
Mühendislik
Next.js, TypeScript, Zustand, native HTML5 audio ve Framer Motion; playback state, scrubbing ve geçişleri tek akışta yönetiyor.
Sonuç
Statik bir konsept yerine gerçekten ses oynatan ve tam ekran dinleme akışı sunan çalışan bir müzik ürünü.
Teknik yığın
- Next.js
- TypeScript
- Zustand
- Framer Motion