Kabanata 11: Ang Pangunahing Interface - Kumpletong Tour ng UI ng SeaMeet

Sa ngayon, nagamit mo na ang SeaMeet para mag-record ng audio at video, nag-organize ng iyong library, at nag-play ng mga recording. Nakipag-ugnayan ka sa iba't ibang bahagi ng interface, pero maaaring wala ka pang kumpletong larawan kung paano magkakasama ang lahat ng piraso. Nagbibigay ang kabanatang ito ng komprehensibong tour ng pangunahing interface ng SeaMeet—bawat button, panel, indicator, at control—para makapag-navigate ka sa app nang may kumpiyansa.

Ang Layout ng Window: Malaking Larawan

Ang Tatlong Pangunahing Zone

┌─────────────────────────────────────────────────────────────────────┐
│  1. TOP NAVIGATION BAR                                             │
│  [Logo] SeaMeet Screen & Audio Recorder       [⚙️] [⏪] [🔴]                │
├─────────────────────────────────────────────────────────────────────┤
│                                                                     │
│  2. SIDEBAR (Listahan ng Recording)    3. PANGUNAHING CONTENT AREA │
│  ┌─────────────────────┐            ┌───────────────────────────┐  │
│  │ 🔍 Maghanap...       │            │                           │  │
│  ├─────────────────────┤            │   Player / Recording      │  │
│  │ 🎤 Recording 1      │            │   Controls / Settings     │  │
│  │ 🎥 Recording 2      │            │                           │  │
│  │ 🎤 Recording 3      │            │   (Ang bahaging ito ay    │  │
│  │                     │            │    nagbabago batay sa      │  │
│  │                     │            │    ginagawa mo)            │  │
│  └─────────────────────┘            └───────────────────────────┘  │
│                                                                     │
└─────────────────────────────────────────────────────────────────────┘

Zone 1: Top Navigation Bar — Palaging nakikita, mga global na control Zone 2: Sidebar (Listahan ng Recording) — Palaging nakikita, ipinapakita ang iyong mga recording Zone 3: Pangunahing Content Area — Nagbabago batay sa konteksto

Zone 1: Ang Top Navigation Bar

Navigation Toggle (☰)

Ginagawa nito: Kinokolaps o pinalalapad ang kaliwang sidebar (listahan ng recording).

Account / User Menu (👤)

Ginagawa nito: Binubuksan ang user account menu kung saan maaari kang:

• Mag-sign in o mag-sign out
• Buksan ang Mga Setting
• Buksan ang keyboard shortcuts reference
• Ma-access ang Help & Support

Record Button (🔴)

Icon: Pulang bilog (🔴) kapag handa, Parisukat (⏹️) kapag nagre-record

Mga estado:

• Handa nang Mag-record: [🔴 RECORD] — I-click para magsimula
• Aktibong Nagre-record: [⏹️ STOP] — May timer na nagpapakita ng lumipas na oras

Zone 2: Ang Sidebar (Listahan ng Recording)

Search Box

Lokasyon: Itaas ng sidebar Ginagawa nito: Fini-filter ang listahan ng recording nang real-time habang nag-ta-type ka

Mga Recording Card

Compact View:

┌──────────────────────────────────────────────────────────┐
│ 🎤 Q3 Budget Review - Team Meeting                       │
│ 47:32 • Today, 2:30 PM • Zoom • Audio                    │
└──────────────────────────────────────────────────────────┘

Expanded View: Kasama ang laki ng file, waveform preview, at lahat ng action button.

Zone 3: Ang Pangunahing Content Area

Estado 1: Capture Hub (Idle / Handa nang Mag-record)

┌─────────────────────────────────────────────────────────────────────┐
│  CAPTURE HUB                                                        │
│  ┌──────────────────────────────┐  ┌──────────────────────────────┐ │
│  │   MAGSIMULANG MAG-RECORD     │  │   KUMUHA NG SCREENSHOT       │ │
│  │                              │  │                              │ │
│  │  [Flashback] [🎙️] [Auto]    │  │        [📷]                  │ │
│  │                              │  │  ● Full Screen               │ │
│  │  Flashback status / context  │  │  ○ Area Capture              │ │
│  │                              │  │                              │ │
│  │  [🎥 Magsimulang Mag-record] │  │  [📷 Kumuha ng Screenshot]   │ │
│  │                              │  │                              │ │
│  │  Open Launcher  Open Floater │  │                              │ │
│  └──────────────────────────────┘  └──────────────────────────────┘ │
└─────────────────────────────────────────────────────────────────────┘

Kaliwang Panel — Magsimulang Mag-record

• Flashback toggle — I-click para i-cycle ang Flashback mode: OFF → Audio → Screen → OFF
• Malaking pulang mic circle — I-click para buksan ang Video Settings modal
• Auto-Detect toggle — Pinapagana ang awtomatikong pagre-rekord kapag nakita ang meeting app

Kanang Panel — Kumuha ng Screenshot

• Camera icon button — I-click para kumuha ng screenshot
• Full Screen / Area Capture — Mga radio button para pumili ng mode
• Keep SeaMeet window visible checkbox — Kapag hindi na-check, mininimize ng SeaMeet ang sarili nito

Estado 2: Aktibong Pagre-rekord

Habang nagre-record, ipinapakita ang recording indicator, elapsed timer, real-time waveform, audio level meter, at mga control button (Pause, Stop, Mark).

Estado 3: Pag-play

Kapag nagpe-play ng recording, ipinapakita ang video/waveform display, timeline na may playhead, at mga playback control.

Estado 4: Settings Panel

Kapag nag-click ng Settings button, ipinapakita ang mga kategorya ng setting: General, Audio, Video, Flashback, Auto-Recording, Storage, Language, at Shortcuts.

Mga Visual Indicator at Status Icon

Mga Recording Status Indicator

• Hindi Nagre-record: 🔴 (pulang bilog) ang Record button
• Aktibong Nagre-record: ⏹️ (parisukat) ang button, may timer
• Naka-pause: Naka-highlight ang Pause button, frozen ang timer

Mga Flashback Status Indicator

• OFF: Kulay gray
• NAGFI-FILL: Amber/Dilaw na kulay, animated o pulsing
• HANDA NA: Berdeng kulay, steady indicator, ipinapakita ang tagal

Mga Notification Toast

Nagdidisplay ang SeaMeet ng mga pansamantalang mensahe para sa tagumpay, babala, error, at impormasyon.

Mabilisang Sanggunian: Mga Elemento ng Interface

┌─────────────────────────────────────────────────────────────┐
│        MABILISANG SANGGUNIAN NG PANGUNAHING INTERFACE       │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│  TOP BAR:                                                  │
│  [☰] - Navigation toggle (kolaps/palapad ng sidebar)       │
│  [👤] - Account menu → Mga Setting, Sign in/out, Tulong    │
│                                                             │
│  SIDEBAR:                                                  │
│  [🔍 Search] - Mabilisang paghanap ng recording             │
│  [Recording Cards] - Ang iyong library                      │
│  ├─ Icon: Uri (🎤 audio, 🎥 video, 📷 screenshot)          │
│  ├─ Pangalan: Titulo ng recording                           │
│  ├─ Tagal: Haba                                             │
│  └─ Pinagmulan: Origin app                                  │
│                                                             │
│  PANGUNAHING AREA (nagbabago batay sa estado):              │
│  • Idle → Capture Hub (dalawang panel: Record + Screenshot) │
│  • Recording: Timer + waveform + mga control                │
│  • Playback: Video/waveform + timeline + mga control        │
│                                                             │
│  CAPTURE HUB — MGA ESTADO NG FLASHBACK:                    │
│  • ⚫ Gray ring = Flashback OFF                              │
│  • ⚡ Amber = Flashback nagcha-charge (puno ang buffer)      │
│  • ⚡ Berde = Flashback handa na (maaaring kuhanin ang       │
│    nakaraan)                                                │
│                                                             │
└─────────────────────────────────────────────────────────────┘

Huling na-update: 2026-02-17 Bahagi ng SeaMeet User Manual Nakaraang: Kabanata 10 - Pag-import ng Mga File Susunod: Kabanata 12 - Ang Floater