Skip to content

Commit 15fa103

Browse files
committed
fix: README 형식 수정
1 parent 58bb63a commit 15fa103

File tree

1 file changed

+12
-22
lines changed

1 file changed

+12
-22
lines changed

README.md

+12-22
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,19 @@
11
<img width="1600" alt="기본 배너" src="https://github.com/user-attachments/assets/a3969a94-850e-4a41-b588-d05f4386f752">
22

3-
4-
5-
63
## 🎵 inear 프로젝트 개요
74

8-
iNear는 소통 창구가 부족했던 장르의 아티스트와 팬들을 위한 실시간 앨범 감상 서비스입니다.
5+
iNear는 소통 창구가 부족했던 장르의 아티스트와 팬들을 위한 실시간 앨범 감상 서비스입니다.
96

10-
앨범 발매 시간에 맞춰 열리는 라이브 세션에서 음악을 감상하며, 다른 팬들과 채팅으로 감상평을 나눌 수 있습니다.
7+
앨범 발매 시간에 맞춰 열리는 라이브 세션에서 음악을 감상하며, 다른 팬들과 채팅으로 감상평을 나눌 수 있습니다.
118

129
iNear와 함께 같은 취향을 가진 팬들과 좋아하는 아티스트 앨범 발매일의 특별한 순간을 만들어보세요.
1310

14-
1511
## 🚀 핵심 기능 - 앨범 스트리밍
1612

17-
### inear는 아티스트의 신규 앨범을 실시간으로 청취할 수 있습니다
13+
> inear는 아티스트의 신규 앨범을 실시간으로 청취할 수 있습니다
1814
1915
- 앨범 발매 라이브 세션이 진행되기 3일 전에 홈페이지에 배너가 등록이 됩니다
20-
2116
- 유저는 미리 들어와서 가수의 이전 앨범을 함께 들을 수 있습니다
22-
2317
- 앨범 발매 시간에 맞추어 세션 안에서 라이브로 신곡을 들을 수 있습니다
2418

2519
![메인페이지](https://github.com/user-attachments/assets/1fc35a46-09c1-4dff-b1a1-6b8aef0427e5)
@@ -28,19 +22,19 @@ iNear와 함께 같은 취향을 가진 팬들과 좋아하는 아티스트 앨
2822

2923
### [1️⃣ FFmpeg 및 HLS 통신에 관한 정리](https://github.com/boostcampwm-2024/web18-inear/wiki/%F0%9F%9A%80-FFmpeg-%EB%B0%8F-HLS-%ED%86%B5%EC%8B%A0%EC%97%90-%EA%B4%80%ED%95%9C-%EC%A0%95%EB%A6%AC)
3024

31-
우선 저희 팀에서는 **HLS**을 메인 음악 스트리밍 프로토콜로 선택을 하게 되었습니다.
25+
우선 저희 팀에서는 **HLS**을 메인 음악 스트리밍 프로토콜로 선택을 하게 되었습니다.
3226

33-
해당 프로토콜을 고른 이유와 HLS의 기본적인 동작 방식에 관한 내용을 해당 글에 정리하였습니다.
27+
해당 프로토콜을 고른 이유와 HLS의 기본적인 동작 방식에 관한 내용을 해당 글에 정리하였습니다.
3428

35-
* * *
29+
---
3630

37-
### [2️⃣ 앨범 단위로 스트리밍 하기 (with HLS)](https://github.com/boostcampwm-2024/web18-inear/wiki/%F0%9F%9A%80-%EC%95%A8%EB%B2%94-%EB%8B%A8%EC%9C%84%EB%A1%9C-%EC%8A%A4%ED%8A%B8%EB%A6%AC%EB%B0%8D-%ED%95%98%EA%B8%B0-(with-HLS))
31+
### [2️⃣ 앨범 단위로 스트리밍 하기 (with HLS)](<https://github.com/boostcampwm-2024/web18-inear/wiki/%F0%9F%9A%80-%EC%95%A8%EB%B2%94-%EB%8B%A8%EC%9C%84%EB%A1%9C-%EC%8A%A4%ED%8A%B8%EB%A6%AC%EB%B0%8D-%ED%95%98%EA%B8%B0-(with-HLS)>)
3832

3933
해당 글에 적힌 것처럼 m3u8과 ts파일을 기반으로 동작하는 hls에서 하나의 앨범에 들어간 여러 노래들을 끊기지 않고 스트리밍하기 위해서는 탄탄한 로직 설계가 필요했습니다.
4034

4135
그래서 저희가 다음과 같은 고민들을 거쳐 구현을 진행하게 되었습니다.
4236

43-
* * *
37+
---
4438

4539
### [3️⃣ HLS로 음악 주고받기](https://github.com/boostcampwm-2024/web18-inear/wiki/%F0%9F%9A%80-HLS%EB%A1%9C-%EC%9D%8C%EC%95%85-%EC%A3%BC%EA%B3%A0%EB%B0%9B%EA%B8%B0)
4640

@@ -52,7 +46,7 @@ inear 서비스는 스트리밍 + 실시간 소통 플랫폼입니다.
5246

5347
따라서, 유저들 간 동기화를 위한 싱크 처리를 고민하게 되었습니다.
5448

55-
* * *
49+
---
5650

5751
## 🚀 핵심 기능 - 채팅방에서 소통
5852

@@ -66,20 +60,18 @@ inear 서비스는 스트리밍 + 실시간 소통 플랫폼입니다.
6660

6761
## ✨ 문제 해결 - 채팅방에서 소통
6862

69-
### [1️⃣ Socket.io 최(강)적화](https://github.com/boostcampwm-2024/web18-inear/wiki/%F0%9F%9A%80-Socket.io-%EC%B5%9C(%EA%B0%95)%EC%A0%81%ED%99%94)
63+
### [1️⃣ Socket.io 최(강)적화](<https://github.com/boostcampwm-2024/web18-inear/wiki/%F0%9F%9A%80-Socket.io-%EC%B5%9C(%EA%B0%95)%EC%A0%81%ED%99%94>)
64+
7065
소통에서의 가장 중요한 부분은 역시 실시간이었습니다.
7166

7267
각 라이브 세션 안에서 유저들끼리 빠른 응답과 낮은 지연 시간으로 채팅과 투표 기능을 서비스해야했고,
7368

7469
이를 위해 여러 기능들이 지원되는 SocketIO를 채택했습니다.
7570

76-
77-
7871
## 서비스 아키텍처
7972

8073
![image](https://github.com/user-attachments/assets/d829fa2f-b422-48e6-acf7-3c229a6091e6)
8174

82-
8375
## 🚀 기술 스택
8476

8577
<markdown-accessiblity-table data-catalyst=""><table>
@@ -120,8 +112,6 @@ inear 서비스는 스트리밍 + 실시간 소통 플랫폼입니다.
120112

121113
</tbody></table></markdown-accessiblity-table>
122114

123-
124-
125115
## 💪 팀원 소개
126116

127117
<markdown-accessiblity-table data-catalyst=""><table>
@@ -161,4 +151,4 @@ inear 서비스는 스트리밍 + 실시간 소통 플랫폼입니다.
161151
<a href="https://github.com/yoonseo-han">J275 한윤서</a>
162152
</td>
163153
</tr>
164-
</tbody></table></markdown-accessiblity-table>
154+
</tbody></table></markdown-accessiblity-table>

0 commit comments

Comments
 (0)