[Web] Boarlog - 기록으로 남기는 실시간 강의

💡부스트캠프 웹·모바일 8기 최종발표💡
부스트캠프 웹·모바일 8기는 2023년 11월 6일부터 12월 15일까지 그룹프로젝트를 진행했습니다.
최종 발표에서는 6주 간의 도전과 프로젝트 과정에서 발생한 기술적 이슈, 해결방안을 공유하는 시간을 가졌는데요.
기획부터 배포까지 서비스 개발의 전 과정을 경험한 37개 프로젝트의 기술적 도전들을 확인해보세요!
💻 프로젝트명 : Boarlog
💻 팀원 : 변진상(FE), 이동령(FE), 정주완(FE), 이승연(BE), 이현종(BE)
💻 발표 키워드 : #socketio #fabricjs #WebRTC #미디어서버 #서버부하 #문서화 #팀문화
💻 발표 내용 요약 :
- 볼록(Boarlog)은 실시간 화이트보드 강의 플랫폼입니다. 강의자가 음성으로 강의하며 편집한 화이트보드 내용을 참여자들이 실시간으로 볼 수 있습니다. 또한, 참여자들은 강의자에게 질문을 보내고, 강의자는 이를 포스트잇 형태로 화이트보드에 추가하여 답변할 수 있습니다.
강의 종료 후에는 화이트보드와 음성, AI를 이용한 음성 스크립트를 다시 볼 수 있습니다.
- 실시간 강의내용 공유와 다시보기 서비스
볼록은 WebRTC를 이용하여 음성을 공유하고, socket.io를 이용해 화이트보드 데이터를 전송하여 참여자 페이지에 렌더링 합니다. 미디어 서버는 클라이언트 간 데이터를 중계하고 적절한 유저에게 전달합니다. 또한 전송된 강의 데이터는 API 서버로 전달되어 강의 다시보기 서비스에 활용됩니다.
화이트보드 공유 과정에서 딜레이를 최소화하기 위한 프로토콜 구성 과정, 발표자의 재접속 문제 해결 과정을 발표에서 들으실 수 있습니다.
- 실시간 공유를 위한 미디어 서버 구축
기존 WebRTC 방식인 클라이언트 간 P2P 방식을 그대로 적용하는 것이 아닌, 발표자의 부하를 줄여 많은 인원이 발표자의 강의를 수강할 수 있도록 고민하고 적용했습니다. 많은 인원을 안정적으로 수용할 수 있도록 미디어 서버를 직접 구축하고 고려했던 요소들을 소개하고 공유합니다.
⬇️ 프로젝트에 대한 더 자세한 내용이 궁금하다면?⬇️
🔗 Github: github.com/boo...
#네이버커넥트재단 #부스트캠프웹모바일 #부스트캠프 #그룹프로젝트 #최종발표 #Web #개발자 #frontend #backend