MrPly | Notion

🔗 Link

<aside> MrPly는 YouTube Data API V3와 자체 로그 데이터를 기반으로 다양한 음악 재생 기능을 제공하는 모바일 애플리케이션입니다.

사용자는 플레이리스트, 백그라운드 재생과 같은 기능을 통해 개인화된 음악 감상을 경험할 수 있습니다

또한, 검색을 통해 유투브 음악을 손쉽게 재생할 수 있으며 Top 100차트와 음악 월드컵 기능을 통해 새로운 곡을 발견하고 즐길 수 있는 서비스입니다.

</aside>

로고화면.jpeg

프론트엔드

백엔드

기타

모든 시연영상에서 노래가 재생되니 사운드 크기 확인 후 재생해주세요

YOUTBE에서 제공되는 오디오 URL 데이터가 대략 3~6시간 사이에 만료되는 문제가 있어 재생 시 오디오 만료 검증을 하는 로직이 있어 재생 시 조금 딜레이가 있는 점 양해부탁드립니다.

[ 탑100(홈) 화면 ]

AWS EC2 서버에 구축된 자체 로그 데이터베이스를 기반(play_log Table)으로 실제 사용자들의 음악 재생 기록을 집계하여 실시간으로 탑 100 순위를 제공합니다.
개별 곡 선택 시 공용 컴포넌트인 하단 음악 재생바가 렌더링되고, 전체재생 선택 시 음악재생화면으로 바로 넘어가도록 개발하였습니다.
Redux를 활용해 앱 최초 실행 시 기존에 재생하던 트랙리스트를 동기화하는 로직을 구현해 음악 큐, 재생했던 곡이 재생되도록 개발하였습니다.
UseFocusEffect를 활용하여 홈 화면 진입시마다 최신 인기 차트 데이터를 비동기로 패칭하도록 개발하였습니다.

스크린샷 2025-07-07 오후 12.00.57.png