Skip to content

[APP] 회의실 UI 구현 #13

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)

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions