Moodify Music — Platforma muzyczna do streamingu
Następna generacja platformy muzycznej z zaawansowanym stosem technologicznym. Projekt łączy strumieniowanie o wysokim obciążeniu, sztuczną inteligencję oraz pracę z dźwiękiem w przeglądarce.
Kluczowe rozwiązania techniczne:
Sztuczna inteligencja (AI): Integracja Google Gemini API dla inteligentnych rekomendacji i generowania playlist na podstawie tekstowego promptu (np. "letnie synthpopowe wibracje").
HLS Strumieniowanie: Zrealizowano adaptacyjny bitrate (jak w YouTube/Spotify) za pomocą hls.js dla płynnej pracy nawet przy słabym internecie.
Zaawansowane Audio (Web Audio API): Wbudowany equalizer, efekty (Reverb, kontrola prędkości) oraz wizualizacja fali dźwiękowej (Oscilloscope) w czasie rzeczywistym.
Tryb Offline (PWA): Pełna funkcjonalność bez internetu dzięki Service Worker i IndexedDB.
Społeczność w czasie rzeczywistym: Czat i wyświetlanie aktywności przyjaciół (Friend Activity) za pomocą Socket.io.
Stos technologiczny:
Frontend: React, TypeScript, Tailwind CSS, Zustand, Framer Motion.
Backend: Node.js, Express, MongoDB.
API i biblioteki: Gemini API, Spotify API, Socket.io, HLS.js, Web Audio API.
#React #NodeJS #Fullstack #mongodb #usługi-audio #strumieniowanie #AI #projektowanie-stron
Kluczowe rozwiązania techniczne:
Sztuczna inteligencja (AI): Integracja Google Gemini API dla inteligentnych rekomendacji i generowania playlist na podstawie tekstowego promptu (np. "letnie synthpopowe wibracje").
HLS Strumieniowanie: Zrealizowano adaptacyjny bitrate (jak w YouTube/Spotify) za pomocą hls.js dla płynnej pracy nawet przy słabym internecie.
Zaawansowane Audio (Web Audio API): Wbudowany equalizer, efekty (Reverb, kontrola prędkości) oraz wizualizacja fali dźwiękowej (Oscilloscope) w czasie rzeczywistym.
Tryb Offline (PWA): Pełna funkcjonalność bez internetu dzięki Service Worker i IndexedDB.
Społeczność w czasie rzeczywistym: Czat i wyświetlanie aktywności przyjaciół (Friend Activity) za pomocą Socket.io.
Stos technologiczny:
Frontend: React, TypeScript, Tailwind CSS, Zustand, Framer Motion.
Backend: Node.js, Express, MongoDB.
API i biblioteki: Gemini API, Spotify API, Socket.io, HLS.js, Web Audio API.
#React #NodeJS #Fullstack #mongodb #usługi-audio #strumieniowanie #AI #projektowanie-stron