같이 유튜브 볼래? KickTube에서!

KickTube는 영상 동기화 기반 커뮤니티입니다. 다른 사람들과 함께 같은 유튜브 영상을 보며 소통할 수 있도록 제작하였습니다.

"KickTube"로 친구와 함께 혹은 다함께 유튜브 영상을 보며 얘기하는 시간 가져볼까요?

📄 목차

• 📌 프로젝트 개요
• 🎥 시연 영상
• 🚀 주요 기능
• ⚙️ 아키텍처
• 🤔 우리의 도전
• 🔧 기술 스택
• 🕶️ 팀원 소개

📌 프로젝트 개요

KickTube는 방 안의 사용자들이 같은 영상을 보며, 채팅이나 음성채팅을 즐길 수 있는 커뮤니티입니다.

✅ 다같이 같은 영상 시청

✅ 영상 플레이리스트 관리

✅ 실시간 채팅 & 음성 채팅

✅ 웹 & 모바일(iOS) 지원

🎥 시연 영상

👇 클릭 하시면 영상을 보실 수 있습니다 👇

🚀 주요 기능

1. 영상 동기화

• 재생/일시정지 상태, 영상 시간 동기화: 영상 정보를 웹소켓을 주고 받아 방 안의 모든 사용자에게 같은 영상, 같은 상태를 제공합니다

• 영상 플레이리스트 동기화: 영상의 추가/삭제/순서 변경을 동기화하여 모두에게 같은 플레이리스트를 제공합니다.

2. 커뮤니티

• 실시간 채팅: 채팅을 통해 함께 대화를 나눌 수 있습니다.

• 음성 채팅: 방 내 사용자들과 자유롭게 음성으로 소통할 수 있습니다.

• 친구 관리: 친구를 추가하고, 친구의 접속 여부를 확인할 수 있습니다

3. 검색

• 검색: 원하는 유저/방을 검색할 수 있습니다

4. 웹/모바일(iOS) 지원

• PC와 모바일에서 모두 사용할 수 있도록 반응형 UI를 제공합니다.

⚙️ 아키텍처

---

1. 전체 아키텍처

---

2. 세부 아키텍처

🔹 메인 서버

---

🔹 playTime 동기화

---

🔹 채팅/히스토리

---

🔹 상태관리 서버

---

🔹 시그널링 서버

🤔 우리의 도전

김수경: 내가 도전한건 이거다

김주원: 내가 도전한건 이거다

신인호: 내가 도전한건 이거다

우다현: 내가 도전한건 이거다

유성욱: 내가 도전한건 이거다

🛠 기술 스택

분류	기술 스택
공통
프론트엔드
백엔드
모바일(iOS)
배포
협업

🕶️ 팀원 소개

iOS	FE	FE + BE	BE	BE
김수경	김주원	신인호	우다현	유성욱