• iteration#0
  • 기획, 프로젝트 세팅, 기술 스팩 조사 및 결정, 백로그 작성
• iteration#1
  • 영상과 채팅 웹사이트에 렌더링 하기
    • hls.js 라이브러리 활용
• iteration#2
  • 영상에 필요한 기능 추가
    • 라이브 표시
    • 재생, 중지 버튼
    • 영상 프로그레스 바
    • 영상 특정시간대 재생
    • 영상의 특정시간대 썸네일
    • 가장 많이 본 시간대 제공
• iteration#3
  • 채팅창 기능
    • 채팅을 받아올 때 스크롤이 중간에 있으면 최신채팅을 따로 보여주기
    • 자신이 적은 채팅 하이라이트
    • 사용자마다 랜덤 아이디 및 랜덤 색 부여
    • 후원 시 채팅창에 표시
    • 방송자의 공지 표시
• iteration#4
  • 영상 네트워크환경에 따른 에러처리
    • 저지연/중단/재연결 환경
  • 메인페이지 구현
    • 카테고리별로 영상 제공
    • 영상 hover시 재생

주요기능

• 실시간 컨퍼런스 스트리밍
• 실시간 채팅 기능
• 컨퍼런스 실시간 뒤로가기 / 다시보기
• 메인 대시 보드
  • 실시간 영상 하나 크게
  • 다시보기
  • 다른 컨텐츠들
• Q&A 기능
  • 채팅 시 질문 채팅으로 설정 가능
  • 가장 좋아요 많은 질문 하나 상단에 고정
  • 질문 영역 클릭시 질문 모아둔 영영 보이게
• 중간 광고 (다시보기 정적 영상에 한해서)
• 컨퍼런스 내용 정리 AI