Skip to content

[APP] 회의실 UI 구현 #13

@Kick-snare

Description

@Kick-snare

핵심 기능인 회의의 UI적인 부분을 구현한다.

예상 되는 기능 (뷰)는 아래와 같다.

  • 화면 중단 / 전체
  • 참여 인원에 따른 동적인 레이아웃 배치
  • 참여자가 자신밖에 없는 경우 초대 링크를 복사하는 버튼과 초대를 공유하는 버튼을 보여줌
  • 인원이 일정 수 이상 넘어가면 화면을 생략한다.

뷰 상단

  • 나가기 (홈화면으로 돌아가고 PIP모드로 전환)
  • 회의 명 (코드) 보여주기
  • 카메라 앞 뒤 전환
  • 소리 출력 객체 전환 버튼 (bottomsheet)

뷰 하단

  • 통화 종료
  • 카메라 송출 ON/OFF
  • 음소거
  • 상호작용 (손들기)
  • 햄버거 더보기 (화면공유, 채팅, 설정 등등)
  • 다른 참여자의 화면을 고정
  • 고정 시 화면이 크게 상단에 고정됨
  • 다른 참여자가 발표시 자동으로 고정

레퍼런스

1명 2명 3명 4명 5명
image Screenshot_20230104-183953_Meet Screenshot_20230104-184019_Meet Screenshot_20230104-184050_Meet Screenshot_20230104-184107_Meet
6명 7명 8명 9명 이상
Screenshot_20230104-184130_Meet Screenshot_20230104-184149_Meet Screenshot_20230104-184205_Meet Screenshot_20230104-184224_Meet
햄버거 메뉴 선택 화면 공유 시작 1 화면 공유 시작 2
Screenshot_20230104-184445_Meet Screenshot_20230104-184453_Meet Screenshot_20230104-184458_Meet
공유 대기 중 화면 공유 중 전체 화면
Screenshot_20230104-184505_Meet Screenshot_20230104-184536_Meet Screenshot_20230104-184545_Meet
참가자 선택 메뉴 참가자 고정 강제 퇴장
Screenshot_20230104-184733_Meet (original) Screenshot_20230104-184742_Meet (original) Screenshot_20230104-191801_Meet (original)

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions