🐥BooduckSound🐥

<img src="https://img.shields.io/badge/TypeScript-3178C6?style=flat-square&logo=TypeScript&logoColor=white"/>
<img src="https://img.shields.io/badge/Socket.io-010101?style=flat-square&logo=Socket.io&logoColor=white"/>
<img src="https://img.shields.io/badge/ESLint-4B32C3?style=flat-square&logo=ESLint&logoColor=white"/>
<img src="https://img.shields.io/badge/Prettier-F7B93E?style=flat-square&logo=Prettier&logoColor=white"/>






<img src="https://img.shields.io/badge/React-61DAFB?style=flat-square&logo=React&logoColor=white"/>
<img src="https://img.shields.io/badge/Next.js-000000?style=flat-square&logo=Next.js&logoColor=white"/>
<img src="https://img.shields.io/badge/Redux-764ABC?style=flat-square&logo=Redux&logoColor=white"/>
<img src="https://img.shields.io/badge/emotion-DB7093?style=flat-square&logo=styled-components&logoColor=white"/>
<img src="https://img.shields.io/badge/Testing Library-E33332?style=flat-square&logo=Testing Library&logoColor=white"/>






<img src="https://img.shields.io/badge/Express-000000?style=flat-square&logo=Express&logoColor=white"/>
<img src="https://img.shields.io/badge/MongoDB-47A248?style=flat-square&logo=MongoDB&logoColor=white"/>






<img src="https://img.shields.io/badge/NGINX-009639?style=flat-square&logo=NGINX&logoColor=white"/>
<img src="https://img.shields.io/badge/PM2-2B037A?style=flat-square&logo=PM2&logoColor=white"/>
<img src="https://img.shields.io/badge/Naver Cloud-03C75A?style=flat-square&logo=Naver&logoColor=white"/>
<img src="https://img.shields.io/badge/Github Actions-2088FF?style=flat-square&logo=Github Actions&logoColor=white"/>

Member 👨‍👨‍👦‍👦

J017_김기한	J024_김미정	J167_이태욱	J202_차재명

부덕사운드란? 🎞

booducksound : 친구들과 다함께 온라인으로 즐길 수 있는 웹 기반 노래 맞추기 게임

스타크래프트 노래 맞추기 유즈맵에서 영감을 얻어 제작된 부덕사운드는 유튜브 링크를 통하여 문제를 만들고, 친구들과 함께 노래를 들으며 채팅으로 문제를 맞출 수 있는 온라인 노래 맞추기 배틀 게임입니다.

플레이 방법 ⚾

🏠 방을 만들고 싶으시다면, 방 생성을 눌러주시고, 원하는 플레이 리스트를 골라주세요!

🎉 같이 플레이 하고 싶은 친구들에게 초대코드를 보내주세요!

➕ 원하는 플레이 리스트가 없다면, 플레이 리스트 추가를 누르셔서, 만들어주세요!

⚠️ 비회원은 플레이리스트 추가를 할 수 없습니다 🥲🥲

🕹 모든 인원이 준비를 누르면 플레이를 해주세요~ㅎㅎ

✅ 정답은 채팅창에 적어주세요 🧡

⛷ 스킵은 모두 눌러야 넘어갑니다!

플레이리스트 생성 🎧

• 유저 모두 자신만의 노래 문제를 만들 수 있습니다 !
• 유튜브 링크를 조합하여 나만의 플레이리스트를 만들어 보세요.
• 평소에 즐겨 듣던 노래나 장르 별로 노래를 모아 문제를 내보는 건 어떨까요 ?
• 취향저격 플레이리스트를 만들어 유저들의 좋아요를 모아보세요 😍

게임 플레이 🔊

• 부스트캠프 캠퍼이신데, 아직 플레이를 안해보셨나요 ? 부캠 최고의 인싸게임 지금 즐겨보시죠.
• 플레이리스트를 직접 등록하거나, 다른 유저들이 만든 플레이리스트로 게임을 플레이 해보세요 !
• 친구들과 함께 접속하여 플레이리스트를 골라 노래를 맞추며 즐길 수 있습니다 😆
• 오늘 밤엔 친구들과 부덕사운드에 모여 2010 노래 모음 플레이리스트를 들으며 노래 맞추기 🍗 내기 어떤가요 ?!

오디오 스트림 중개 🎵

• 유저가 원하는 노래의 유튜브 URL을 입력하면, 서버는 해당 URL을 저장합니다.
• 해당 플레이리스트가 플레이 될 때, 저장되어 있던 URL을 ytdl 라이브러리가 파싱하여 googleVideo의 실제 weba 파일이 저장되어 있는 저장소의 URL을 만듭니다.
• 서버는 googleVideo에 저장되어 있는 weba 파일을 오디오 스트림을 통해 전달 받고, 클라이언트에게 중개해줍니다.

Link 🎈