-
Notifications
You must be signed in to change notification settings - Fork 2
10 28 회의
Sunny edited this page Nov 15, 2024
·
1 revision
“영상”을 주제로 할 수 있는 서비스는 무엇이 있는지 자유롭게 토론.
-
티비플
-
개발자 강의 형식
- 화면에 코드 작성 및 실시간으로 표시되는 댓글
- 재미 요소 추가 가능
-
개발자 강의 형식
-
치지직 클론 코딩
- 실시간 방송 시스템 제작
-
스트리밍
-
하드웨어적 가능성 검토
- 여러 개의 화면 제공
- 옆으로 넘기며 화면 전환 가능
- 사용자 맞춤형 화면 선택 기능
- 방송 기록을 활용한 출석 체크 기능
-
하드웨어적 가능성 검토
-
웹 게임 + 화상 채팅
- 게임과 화상 채팅을 결합한 상호작용 가능 서비스
-
온라인 영상 편집 툴
- 간편한 영상 편집 기능 제공
-
미연시
- 시나리오형 대화 흐름을 적용한 서비스
-
줌+슬랙 허들 스타일 방송
- 방송 녹화 기록이 남는 형태
-
영상 어드벤트 캘린더
- 매일 새로운 영상을 볼 수 있는 어드벤트 캘린더 형식 서비스
-
전체 공개 방송과 초대권 기반 참여 방송 제공
- 초대권이 있는 유저만 접근 가능한 방식으로 구현하여 원치않는 참여자가 방송에 들어오는 것을 막을 수 있다. 줌, 구글 미트는 URL만 알고 있으면 외부 사용자들도 쉽게 접근할 수 있는 것과 달리 초대권이 필요한 형식.
-
채널 내 방송 다중화
- “채널”이라는 개념이 있고, 그 안에서 채널의 참여자들만 참여 가능한 여러 개의 방송이 존재한다.
-
자동 클립 생성
- 음성, 댓글, 트래픽 폭주 구간을 기반으로 클립 생성
-
클립 표시 방식
- 방송 아래 클립 목록 제공
- 클립 클릭 시 모달 또는 새 창으로 열기
-
출석 체크 기능
- 체크인/체크아웃 버튼으로 방송 시간 출석 시간 기록
- 코어 타임에 해당하는 총 방송 시간 계산
-
방송 기능
- 화면 공유 또는 화상 공유 선택 가능
-
관리자 페이지 기능
- 출석 관리 및 달력 형식으로 출석 상태 제공
-
동료 방송 시청 및 소통
- 동료들의 방송을 자유롭게 시청 가능
- 채팅을 통한 상호 소통
-
기타 기능
- 나에게 도움을 많이 줬던 캠퍼 투표 기능 (포인트 또는 좋아요)
- 미션 등록 기능 (관리자)
-
관리자 페이지
- 출석 체크 및 출결 확인을 위한 페이지
-
홈 페이지
- 방송 중인 목록 표시 페이지
-
시청자 페이지
- 방송 화면 및 채팅 기능 포함 페이지
-
WebRTC
- P2P 연결 방식
- 서버의 부하를 줄일 수 있는 장점
-
RTMP
-
방송 송출 과정
- OBS(인코더)에서 방송 시작 → RTMP 서버 → HLS 포맷 변환 → 사용자에게 스트리밍
-
방송 송출 과정
- Mediasoup 포트 매핑 문제
- swagger 같은 응답 코드에 다양한 응답 보여주기
- Sudo가 계속 비밀번호를 요청함
- Docker 이미지가 너무 크다
- Git action에서 도커 이미지 빌드 시간을 단축시켜보자
- Docker compose를 이용해서 메모리 사용률을 줄여보자
- 방송 녹화 시 CPU 과부하 문제를 해결해보자
- Release 브랜치? 너 필요해?
- 로딩이 너무 짧아…!
- NestJS ORM으로 무엇을 사용해야 할까?
- WebRTC를 이용한 1:N 스트리밍 서비스에서 시그널링 서버가 필요할까?
- 실시간 채팅 구현: 인메모리 방식을 선택한 이유
- MySQL 아키텍처 개선: DB 의존성 분리와 서버 역할 명확화
- 브라우저 창이 최소화되면 비디오 송출이 안된다…!
- Mediasoup 기본 개념
- DLTS와 Signaling
- Tell, Don't Ask (TDA) 원칙이란
- VPC(Virtual Private Cloud) 학습 정리
- 순환참조: A 서비스 ‐ B 서비스 vs. A 서비스 ‐ B 레포지토리
- Dto 메서드 전략
- WebRTC란?
- 자바스크립트 패키지 매니저(npm, yarn, pnpm)
- shadcn/ui을 이용해 UI 개발 생산성 높이기
- React 이벤트 핸들러 네이밍(on vs handle)
- React-router-dom의 createBrowserRouter을 사용해보기
- fetch vs axios