메인 인터페이스 - SeaMeet UI 완전 가이드
제11장: 메인 인터페이스 - SeaMeet UI 완전 가이드
지금까지 SeaMeet을 사용하여 오디오와 비디오를 녹음하고, 라이브러리를 정리하고, 녹음을 재생해 보았습니다. 인터페이스의 다양한 부분을 사용해 왔지만, 모든 요소가 어떻게 맞물리는지 전체적인 그림을 파악하지 못했을 수 있습니다. 이 장에서는 SeaMeet의 메인 인터페이스—모든 버튼, 패널, 표시기 및 컨트롤—에 대한 포괄적인 가이드를 제공하여 앱을 자신 있게 탐색하고 아직 발견하지 못한 기능을 찾을 수 있도록 합니다.
이 장을 새 집을 안내받는 것처럼 생각해 보세요. 각 방을 돌아보며 기능을 살펴보고 모든 것이 무엇을 하는지 설명하겠습니다. 이 장을 마치면 모든 기능의 위치를 정확히 알고 인터페이스가 다양한 상황에서 어떻게 적응하는지 이해하게 될 것입니다.
창 레이아웃: 전체 구조
SeaMeet을 열면 일관된 레이아웃의 단일 창이 표시됩니다. 이 레이아웃은 녹음 중이든, 재생 중이든, 라이브러리를 탐색 중이든 안정 적으로 유지됩니다. 이 레이아웃을 이해하는 것이 SeaMeet을 효과적으로 사용하기 위한 기초입니다.
세 가지 주요 영역
SeaMeet의 창은 세 가지 주요 영역으로 나뉩니다:
┌─────────────────────────────────────────────────────────────────────┐
│ 1. 상단 내비게이션 바 │
│ [로고] SeaMeet Screen & Audio Recorder [⚙️] [⏪] [🔴] │
├─────────────────────────────────────────────────────────────────────┤
│ │
│ 2. 사이드바 (녹음 목록) 3. 메인 콘텐츠 영역 │
│ ┌─────────────────────┐ ┌───────────────────────────┐ │
│ │ 🔍 검색... │ │ │ │
│ ├─────────────────────┤ │ 플레이어 / 녹음 │ │
│ │ 🎤 녹음 1 │ │ 컨트롤 / 설정 │ │
│ │ 🎥 녹음 2 │ │ │ │
│ │ 🎤 녹음 3 │ │ (이 영역은 현재 │ │
│ │ │ │ 수행 중인 작업에 │ │
│ │ [녹음 카드가 │ │ 따라 변경됩니다) │ │
│ │ 여기에 스크롤됩니다] │ │ │ │
│ └─────────────────────┘ └───────────────────────────┘ │
│ │
└─────────────────────────────────────────────────────────────────────┘
영역 1: 상단 내비게이션 바
- 항상 표시됨
- 전역 컨트롤 포함
- 주요 기능에 빠르게 접근
영역 2: 사이드바 (녹음 목록)
- 항상 표시됨 (대부분의 보기에서)
- 녹음 목록 표시
- 스크롤 가능한 녹음 카드 목록
영역 3: 메인 콘텐츠 영역
- 상황에 따라 변경됨
- 녹음 재생 시 플레이어 표시
- 녹음 준비 시 녹음 컨트롤 표시
- 옵션 구성 시 설정 표시
영역 1: 상단 내비게이션 바
상단 내비게이션 바는 탐색 및 계정 컨트롤을 제공합니다. 슬림하고 집중된 형태를 유지하며 — 녹음 컨트롤과 Flashback은 메인 콘텐 츠 영역의 Capture Hub로 이동했습니다 (아래 상태 1 참조).
상단 바 레이아웃
┌─────────────────────────────────────────────────────────────────────┐
│ [☰ 내비] SeaMeet Screen & Audio Recorder [👤 계정] │
│ │ │ │
│ 내비게이션 토글 사용자 프로필 메뉴 │
└─────────────────────────────────────────────────────────────────────┘
내비게이션 토글 (☰)
기능: 왼쪽 사이드바(녹음 목록)를 접거나 펼칩니다.
사용 시기:
- 접어서 Capture Hub에 더 많은 가로 공간 제공
- 펼쳐서 녹음하지 않을 때 녹음 라이브러리 탐색
계정 / 사용자 메뉴 (👤)
기능: 사용자 계정 메뉴를 열어 다음을 할 수 있습니다:
- 로그인 또는 로그아웃
- 설정 열기 (오디오, 비디오, Flashback, 저장소, 언어, 단축키)
- 키보드 단축키 참조 열기
- 도움말 및 지원 접근
사용 방법:
- 프로필 사진 또는 사용자 아이콘 클릭
- 드롭다운에서 원하는 옵션 선택
녹음 버튼 (🔴)
아이콘: 준비 상태일 때 빨간 원(🔴), 녹음 중일 때 사각형(⏹️) 레이블: "RECORD" 또는 아이콘만 표시 색상: 밝은 빨간색 (녹음 동작을 나타냄)
기능: 녹음을 시작하거나 중지합니다
상태:
녹음 준비 완료:
[🔴 RECORD]
빨간 원 아이콘
클릭하여 녹음 시작
녹음 진행 중:
[⏹️ STOP]
사각형 아이콘
경과 시간을 보여주는 타이머
클릭하여 녹음 중지
사용 방법:
녹음 시작하기:
- 먼저 녹음 설정을 구성합니다
- 빨간 녹음 버튼을 클릭합니다
- 녹음이 즉시 시작됩니다
- 버튼이 정지로 변경됩니다
- 타이머가 카운트를 시작합니다
녹음 중지하기:
- 정지 버튼(사각형)을 클릭합니다
- 녹음이 중지됩니다
- 파일이 저장됩니다
- 녹음이 사이드바에 나타납니다
- 버튼이 녹음 상태로 돌아갑니다
녹음 버튼을 클릭하면 일어나는 일:
- 오디오/비디오 캡처 시작
- 경과 시간을 보여주는 타이머 표시
- 버튼이 🔴에서 ⏹️로 변경
- 시각적 표시기가 녹음 상태 표시
- 파일이 저장소에 기록 중
정지 버튼을 클릭하면 일어나는 일:
- 녹음 중지
- 파일 최종 처리 및 저장
- 녹음이 사이드바 목록에 표시
- 버튼이 🔴 상태로 복귀
- 타이머 사라짐 또는 초기화
중요 사항:
- 녹음은 즉시 시작됩니다—준비하세요!
- 카운트다운이나 경고 없음
- 클릭하기 전에 설정이 올바른지 확인하세요
- Flashback이 활성화된 경우 버퍼링된 과거 내용이 포함됩니다
영역 2: 사이드바 (녹음 목록)
사이드바는 녹음 라이브러리의 목차입니다. 모든 녹음을 스크롤 가능한 목록으로 표시하여 컬렉션을 탐색, 선택 및 관리할 수 있습니다.
사이드바 레이아웃
┌────────────────────────────────────────────────────────────────┐
│ 사이드바 │
│ │
│ ┌──────────────────────────────────────────────────────────┐│
│ │ 🔍 녹음 검색... ││
│ └──────────────────────────────────────────────────────────┘│
│ │
│ ┌──────────────────────────────────────────────────────────┐│
│ │ 🎤 팀 회의 - Q3 계획 ││
│ │ 47:32 • 오늘, 오후 2:30 • Zoom ││
│ └──────────────────────────────────────────────────────────┘│
│ │
│ ┌──────────────────────────────────────────────────────────┐│
│ │ 🎥 클라이언트 프레젠테이션 ││
│ │ 32:15 • 어제, 오전 10:00 • 화면 ││
│ └──────────────────────────────────────────────────────────┘│
│ │
│ ┌──────────────────────────────────────────────────────────┐│
│ │ 🎤 음성 메모 ││
│ │ 2:45 • 1월 15일, 오후 3:20 • 마이크 ││
│ └──────────────────────────────────────────────────────────┘│
│ │
│ [더 많은 녹음... 스크롤하여 확인] │
│ │
└────────────────────────────────────────────────────────────────┘
검색 상자
위치: 사이드바 상단 외관: 돋보기 아이콘(🔍)이 있는 텍스트 필드 플레이스홀더 텍스트: "녹음 검색..." 또는 유사한 문구
기능: 입력할 때 실시간으로 녹음 목록을 필터링합니다
사용 방법:
- 검색 상자를 클릭합니다
- 입력을 시작합니다
- 목록이 자동으로 필터링됩니다
- 검색어와 일치하는 녹음만 표시됩니다
- 검색을 지우면 모든 녹음이 다시 표시됩니다
검색 가능한 항목:
- 녹음 이름
- 소스 레이블 ("Zoom", "Teams")
- 날짜 (검색 가능한 형식으로 입력한 경우)
- 부분 일치 작동
검색 예시:
- "Zoom" 검색 → 모든 Zoom 녹음 표시
- "budget" 검색 → 이름에 "budget"이 포함된 녹음 표시
- "March" 검색 → 3월 녹음 표시
- "client" 검색 → 클라이언트 관련 녹음 표시
검색 지우기:
- X 버튼 클릭 (있는 경우)
- 모든 텍스트 삭제
- Escape 키 누르기
녹음 카드
라이브러리의 각 녹음은 녹음 카드로 표시됩니다—녹음의 주요 정보를 간략하게 요약한 것입니다.
두 가지 보기 모드:
- 간략 보기 (기본) - 최소 정보, 효율적인 탐색
- 확장 보기 - 상세 정보, 파형 미리보기
간략 보기
┌──────────────────────────────────────────────────────────┐
│ 🎤 Q3 예산 검토 - 팀 회의 │
│ 47:32 • 오늘, 오후 2:30 • Zoom • 오디오 │
└──────────────────────────────────────────────────────────┘
요소:
- 아이콘 (🎤) - 유형 표시 (오디오/비디오)
- 이름 - 녹음 제목
- 재생 시간 - 길이 (47:32)
- 타임스탬프 - 녹음 시간 (오늘, 오후 2:30)
- 소스 - 출처 (Zoom)
- 유형 - 오디오/비디오/Flashback
간략 보기 사용 시기:
- 많은 녹음 탐색 시
- 빠른 스캔 시
- 화면 공간이 제한된 경우
- 라이브러리 개요 확인 시
확장 보기
┌──────────────────────────────────────────────────────────┐
│ │
│ 🎤 Q3 예산 검토 - 팀 회의 │
│ │
│ 재생 시간: 47:32 │
│ 녹음 일시: 오늘, 오후 2:30 │
│ 소스: Zoom │
│ 유형: 오디오 + 비디오 │
│ 파일 크기: 145 MB │
│ │
│ ┌────────────────────────────────────────────────────┐│
│ │ ▓▓▓▓▓▓▓▓▓▓▓▓▓▓░░░░▓▓▓▓▓▓▓▓░░░░░░░░▓▓▓▓▓▓▓▓▓▓ ││
│ │ 파형 미리보기 ││
│ └────────────────────────────────────────────────────┘│
│ │
│ [▶ 재생] [✏️ 이름 변경] [📂 표시] [🗑️ 삭제] [⋯ 더보기] │
│ │
└──────────────────────────────────────────────────────────┘
확장 보기의 추가 요소:
- 파일 크기 - 사용된 저장 공간
- 파형 미리보기 - 시각적 오디오 표현
- 작업 버튼 - 사용 가능한 모든 작업 표시
확장 보기 사용 시기:
- 특정 녹음 작업 시
- 모든 세부 정보 필요 시
- 재생 전
- 정리 중
녹음 카드 아이콘 설명
오디오 아이콘:
- 🎤 - 마이크 (오디오 녹음)
- 🔴 - 오디오 (일반)
- 🔊 - 시스템 오디오만
- 🎤+🔊 - 결합 오디오 (마이크 + 시스템)
비디오 아이콘:
- 🎥 - 비디오 녹음
- 📹 - 화면 녹음
- 🖥️ - 전체 화면 녹음
- 🪟 - 창 녹음
특수 아이콘:
- ⏪ - Flashback 녹음
- 📥 - 가져온 파일
- 🌐 - 웹/브라우저 녹음
정렬 및 필터 컨트롤
위치: 보통 사이드바 상단, 검색 근처
정렬 옵션:
- 날짜 (최신순) - 기본
- 날짜 (오래된 순)
- 이름 (A-Z)
- 이름 (Z-A)