💗 Play, Place 💗

함께 만드는 위치 기반 공유 플레이리스트, Play,Place

이 카페에 있던 사람들은 어떤 노래를 많이 들었을까?
아침 출근 길, 내 옆자리에 앉은 분은 어떤 노래를 듣고 있을까?

지금 이 공간, 이 장소에 다른 사람들이 어떤 노래를 남겼는지 궁금하지 않으신가요?
Play,Place와 함께 위치를 매개체로 하여 다양한 방법으로 음악을 공유해보아요.

https://playplace.co.kr/

🎧 서비스 소개 🎧

🎧 핵심 기능 🎧

스트리밍 서비스를 이용할 수 있어요.

• 원하는 음악을 재생하고, 앱 내에서 바로 재생할 수 있어요.
• 백그라운드 환경에서도 계속해서 재생 중인 음악을 들을 수 있어요.
• 재생 목록에 음악을 추가하거나 삭제할 수 있어요.

위치를 기반으로 주간 인기 곡을 추천 받을 수 있어요.

• 일주일동안 현재 위치한 행정동에서 가장 많이 재생된 음악 목록을 제공해요.
• 일주일동안 현재 위치한 행정동의 날씨에 많이 재생된 음악 목록을 제공해요.
• 일주일동안 현재 시간대에 많이 재생된 음악 목록을 제공해요.

전국의 랜드마크에 남겨진 공유 재생 목록의 음악을 들을 수 있어요.

• 반경 100m 내에 있는 랜드마크의 공유 재생 목록에 음악을 추가할 수 있어요.
• 내 재생 목록에 공유 재생 목록을 그대로 추가할 수 있어요.

주변 사용자들이 듣고 있는 음악 정보를 볼 수 있어요.

• 100m 반경의 위치한 사용자가 최근 들은 음악 정보를 보고, 들어볼 수 있어요.
• 개인 정보가 걱정된다면, 플레이더 기능을 끌 수도 있어요.

챗봇 '플로디'에게 내가 찍은 사진을 보내서 음악을 추천받을 수 있어요.

• 플로디가 내 사진의 상황과 분위기를 분석해서 키워드로 알려줘요.
• 키워드를 바탕으로 현재 들으면 좋을 음악을 추천해줘요.
• 플로디가 추천해준 음악을 따로 검색하지 않고 바로 들어볼 수 있어요.

🎧 주요 기술 🎧

네이티브 기능을 위한 하이브리드 앱 구현

• 사용자의 위치 정보를 얻어오기 위한 GPS 권한을 얻어왔습니다.
• 백그라운드에서도 계속 음악을 재생할 수 있도록 백그라운드 재생 권한을 얻어왔습니다.
• 플로디 기능에 접속하는 '흔들기' 기능을 위해 가속도 센서와 진동 기능을 사용했습니다.
• 플로디에게 사진을 보내기 위해 필요한 카메라 권한을 얻어왔습니다.

위치별, 시간별, 날씨별 인기곡 조회

• 일주일 동안의 사용자들의 곡 재생 기록을 MySQL에 저장합니다.
• 일주일에 한 번, Spring Scheduler를 활용하여 위치별, 시간별, 날씨별 인기곡을 추출합니다.
• 인기곡 리스트는 빠른 조회를 위해 Redis 캐시와 MySQL에 모두 저장합니다.

실시간으로 100m 반경에 있는 사용자 탐색

• Redis GeoSpatial을 활용하여 효율적으로 100m 반경에 있는 사용자를 탐색합니다.
• WebSocket, Stomp를 활용하여 주기적인 위치 정보 통신에 대한 오버헤드를 줄였습니다.
• 잦은 DB 접근을 줄이고 빠른 조회를 위해 Redis 캐시를 활용했습니다.

사진과 관련있는 음악을 추천하는 챗봇

• Google Vision을 활용하여 사진의 특징, 분위기를 분석하고, 키워드를 추출합니다.
• OpenAI가 키워드와 관련있는 음악을 추천합니다.

🎶 주요 화면 🎶

홈	재생 목록
플레이 맵	플레이더
플로디	플레이더

🎶 시스템 아키텍쳐 🎶

🎶 ERD 🎶

🎶 추가 문서🎶

• 요구사항 명세서
• API 명세서
• Play, Place 공식 문서
• 자율하는우리를봐자율해 팀 Notion
• Git Convention

🎵 팀원 소개 🎵

전인혁	김승현	임희선
FE, 팀장	FE	FE

변영채	조희라	홍승준
BE	BE	BE

🎵 사용 기술🎵

FrontEnd | TypeScript, Next, Recoil, Axios, styled-component, ESLint, Prettier, Android Studio

BackEnd | JAVA, Spring, Spring Data JPA, Spring Security, Spring Scheduler, MySQL, Redis, Websocket

CI/CD | AWS EC2, Jenkins, Docker, Amazon S3, Nginx

Tool | Git, Jira, Notion, Mattermost, Figma