The Main Interface - A Complete Tour of SeaMeet's UI
Chapter 11: The Main Interface - A Complete Tour of SeaMeet's UI
By now, you've used SeaMeet to record audio and video, organized your library, and played back recordings. You've interacted with various parts of the interface, but you may not have a complete picture of how all the pieces fit together. This chapter provides a comprehensive tour of SeaMeet's main interface—every button, panel, indicator, and control—so you can navigate the app with confidence and find features you might not have discovered yet.
Think of this chapter as a guided tour of a new house. We'll walk through each room, examine the features, and explain what everything does. By the end, you'll know exactly where to find every function and understand how the interface adapts to different situations.
The Window Layout: Big Picture
When you open SeaMeet, you see a single window with a consistent layout. This layout remains stable whether you're recording, playing back, or just browsing your library. Understanding this layout is the foundation for using SeaMeet effectively.
The Three Main Zones
SeaMeet's window is divided into three primary zones:
┌─────────────────────────────────────────────────────────────────────┐
│ 1. TOP NAVIGATION BAR │
│ [Logo] SeaMeet Screen & Audio Recorder [⚙️] [⏪] [🔴] │
├─────────────────────────────────────────────────────────────────────┤
│ │
│ 2. SIDEBAR (Recording List) 3. MAIN CONTENT AREA │
│ ┌─────────────────────┐ ┌───────────────────────────┐ │
│ │ 🔍 Search... │ │ │ │
│ ├─────────────────────┤ │ Player / Recording │ │
│ │ 🎤 Recording 1 │ │ Controls / Settings │ │
│ │ 🎥 Recording 2 │ │ │ │
│ │ 🎤 Recording 3 │ │ (This area changes │ │
│ │ │ │ based on what you're │ │
│ │ [Recording cards │ │ doing) │ │
│ │ scroll here] │ │ │ │
│ └─────────────────────┘ └───────────────────────────┘ │
│ │
└─────────────────────────────────────────────────────────────────────┘
Zone 1: Top Navigation Bar
- Always visible
- Contains global controls
- Quick access to key features
Zone 2: Sidebar (Recording List)
- Always visible (in most views)
- Shows your recordings
- Scrollable list of recording cards
Zone 3: Main Content Area
- Changes based on context
- Shows player when playing recordings
- Shows recording controls when preparing to record
- Shows settings when configuring options
Zone 1: The Top Navigation Bar
The top navigation bar provides navigation and account controls. It stays slim and focused — recording controls and Flashback have moved to the Capture Hub in the main content area (see State 1 below).
Layout of the Top Bar
┌─────────────────────────────────────────────────────────────────────┐
│ [☰ Nav] SeaMeet Screen & Audio Recorder [👤 Account] │
│ │ │ │
│ Navigation toggle User profile menu │
└─────────────────────────────────────────────────────────────────────┘
Navigation Toggle (☰)
What it does: Collapses or expands the left sidebar (recording list).
When to use:
- Collapse to give the Capture Hub more horizontal space
- Expand to browse your recording library while not recording
Account / User Menu (👤)
What it does: Opens the user account menu where you can:
- Sign in or sign out
- Open Settings (audio, video, Flashback, storage, language, shortcuts)
- Open keyboard shortcuts reference
- Access Help & Support
How to use:
- Click your profile picture or the user icon
- Select the desired option from the dropdown
Record Button (🔴)
Icon: Red circle (🔴) when ready, Square (⏹️) when recording Label: "RECORD" or just the icon Color: Bright red (indicates recording action)
What it does: Starts or stops recording
States:
Ready to Record:
[🔴 RECORD]
Red circle icon
Click to start recording
Recording Active:
[⏹️ STOP]
Square icon
Timer showing elapsed time
Click to stop recording
How to use:
To start recording:
- Configure your recording settings first
- Click the red Record button
- Recording begins immediately
- Button changes to Stop
- Timer starts counting
To stop recording:
- Click the Stop button (square)
- Recording stops
- File is saved
- Recording appears in sidebar
- Button returns to Record state
What happens when you click Record:
- Audio/video capture begins
- Timer appears showing elapsed time
- Button changes from 🔴 to ⏹️
- Visual indicator shows recording status
- File is being written to storage
What happens when you click Stop:
- Recording stops
- File is finalized and saved
- Recording appears in sidebar list
- Button returns to 🔴 state
- Timer disappears or resets
Important notes:
- Recording starts immediately—be ready!
- No countdown or warning
- Make sure your settings are correct before clicking
- Flashback (if enabled) includes the buffered past
Zone 2: The Sidebar (Recording List)
The sidebar is your recording library's table of contents. It displays all your recordings in a scrollable list, allowing you to browse, select, and manage your collection.
Sidebar Layout
┌────────────────────────────────────────────────────────────────┐
│ SIDEBAR │
│ │
│ ┌──────────────────────────────────────────────────────────┐│
│ │ 🔍 Search recordings... ││
│ └──────────────────────────────────────────────────────────┘│
│ │
│ ┌──────────────────────────────────────────────────────────┐│
│ │ 🎤 Team Meeting - Q3 Planning ││
│ │ 47:32 • Today, 2:30 PM • Zoom ││
│ └──────────────────────────────────────────────────────────┘│
│ │
│ ┌──────────────────────────────────────────────────────────┐│
│ │ 🎥 Client Presentation ││
│ │ 32:15 • Yesterday, 10:00 AM • Screen ││
│ └──────────────────────────────────────────────────────────┘│
│ │
│ ┌──────────────────────────────────────────────────────────┐│
│ │ 🎤 Voice Memo ││
│ │ 2:45 • Jan 15, 3:20 PM • Microphone ││
│ └──────────────────────────────────────────────────────────┘│
│ │
│ [More recordings... scroll to see] │
│ │
└────────────────────────────────────────────────────────────────┘
Search Box
Location: Top of sidebar Appearance: Text field with magnifying glass icon (🔍) Placeholder text: "Search recordings..." or similar
What it does: Filters the recording list in real-time as you type
How to use:
- Click in the search box
- Start typing
- List filters automatically
- Shows only recordings matching your search
- Clear search to see all recordings again
What you can search:
- Recording names
- Source labels ("Zoom", "Teams")
- Dates (if typed in searchable format)
- Partial matches work
Example searches:
- Search "Zoom" → Shows all Zoom recordings
- Search "budget" → Shows recordings with "budget" in name
- Search "March" → Shows March recordings
- Search "client" → Shows client-related recordings
Clearing search:
- Click X button (if present)
- Delete all text
- Press Escape key
Recording Cards
Each recording in your library is displayed as a recording card—a compact summary of the recording's key information.
Two view modes:
- Compact View (default) - Minimal info, efficient browsing
- Expanded View - Detailed info, waveform preview
Compact View
┌──────────────────────────────────────────────────────────┐
│ 🎤 Q3 Budget Review - Team Meeting │
│ 47:32 • Today, 2:30 PM • Zoom • Audio │
└──────────────────────────────────────────────────────────┘
Elements:
- Icon (🎤) - Indicates type (audio/video)
- Name - Recording title
- Duration - How long (47:32)
- Timestamp - When recorded (Today, 2:30 PM)
- Source - Where from (Zoom)
- Type - Audio/Video/Flashback
When to use compact view:
- Browsing many recordings
- Quick scanning
- Limited screen space
- Overview of library
Expanded View
┌──────────────────────────────────────────────────────────┐
│ │
│ 🎤 Q3 Budget Review - Team Meeting │
│ │
│ Duration: 47:32 │
│ Recorded: Today, 2:30 PM │
│ Source: Zoom │
│ Type: Audio + Video │
│ File Size: 145 MB │
│ │
│ ┌────────────────────────────────────────────────────┐│
│ │ ▓▓▓▓▓▓▓▓▓▓▓▓▓▓░░░░▓▓▓▓▓▓▓▓░░░░░░░░▓▓▓▓▓▓▓▓▓▓ ││
│ │ Waveform preview ││
│ └────────────────────────────────────────────────────┘│
│ │
│ [▶ Play] [✏️ Rename] [📂 Show] [🗑️ Delete] [⋯ More] │
│ │
└──────────────────────────────────────────────────────────┘
Additional elements in expanded view:
- File size - Storage used
- Waveform preview - Visual audio representation
- Action buttons - All available actions visible
When to use expanded view:
- Working with specific recording
- Need all details
- Before playing
- When organizing
Recording Card Icons Explained
Audio Icons:
- 🎤 - Microphone (audio recording)
- 🔴 - Audio (generic)
- 🔊 - System audio only
- 🎤+🔊 - Combined audio (mic + system)
Video Icons:
- 🎥 - Video recording
- 📹 - Screen recording
- 🖥️ - Fullscreen recording
- 🪟 - Window recording
Special Icons:
- ⏪ - Flashback recording
- 📥 - Imported file
- 🌐 - Web/browser recording
Sorting and Filtering Controls
Location: Usually at the top of sidebar, near search
Sort Options:
- Date (newest first) - Default
- Date (oldest first)
- Name (A-Z)
- Name (Z-A)
- Duration (shortest first)
- Duration (longest first)
- Size (smallest first)
- Size (largest first)
How to change sort:
- Click "Sort" dropdown
- Select sort method
- Click again to reverse order
Filter Options:
- All - Show everything
- Audio only - Audio recordings
- Video only - Video recordings
- Today - Today's recordings
- This week - Recent recordings
- Flashback - Flashback captures
- By Source - Zoom, Teams, etc.
How to filter:
- Click "Filter" button or dropdown
- Select filter criteria
- List updates to show only matches
- Click "Clear" or "All" to reset
Zone 3: The Main Content Area
The main content area is the chameleon of SeaMeet's interface—it changes its appearance based on what you're doing. Let's explore its different states.
State 1: Capture Hub (Idle / Ready to Record)
When shown:
- When you first open SeaMeet
- When no recording is selected and you are not actively recording
What you see — the Capture Hub:
The main content area shows the Capture Hub, a two-panel layout that puts recording and screenshot controls front and center:
┌─────────────────────────────────────────────────────────────────────┐
│ CAPTURE HUB │
│ │
│ ┌──────────────────────────────┐ ┌──────────────────────────────┐ │
│ │ START RECORDING │ │ TAKE SCREENSHOT │ │
│ │ │ │ │ │
│ │ [Flashback] [🎙️] [Auto] │ │ [📷] │ │
│ │ big red │ │ camera icon │ │
│ │ mic circle │ │ │ │
│ │ │ │ ● Full Screen │ │
│ │ Flashback status / context │ │ ○ Area Capture │ │
│ │ message │ │ │ │
│ │ │ │ [ ] Keep SeaMeet window │ │
│ │ [🎥 Start Recording] CTA │ │ visible when capturing │ │
│ │ │ │ │ │
│ │ Open Launcher Open Floater │ │ [📷 Take Screenshot] │ │
│ └──────────────────────────────┘ └──────────────────────────────┘ │
└─────────────────────────────────────────────────────────────────────┘
Left Panel — Start Recording
The left panel contains all controls for starting a new recording:
Flanking controls (top of card):
- Flashback toggle (left) — Click to cycle Flashback mode: OFF → Audio → Screen → OFF. Shows a ⚡ lightning bolt icon when armed (buffer is charging or ready). See Chapter 6 for full details.
- Big red mic circle (center) — Click to open the Video Settings modal and choose your recording mode (audio-only, fullscreen, window, region).
- Auto-Detect toggle (right) — Enables automatic recording when a meeting app is detected.
Context area (middle of card):
- When Flashback is OFF: shows a brief description of how to get started.
- When Flashback is arming (charging): shows a progress indicator while the buffer fills.
- When Flashback is ready: shows the ⚡ icon and "Flashback armed" confirmation.
CTA button (bottom of card):
- Label and action adapt to the Flashback state:
- Flashback OFF → "Start Recording" (opens Video Settings)
- Flashback arming → "Buffering…" (disabled while filling)
- Flashback ready → "Record with Flashback" (captures the buffer and starts recording)
Quick-launch shortcuts (bottom strip):
- Open Launcher — Opens the SeaMeet Launcher panel with the hotkey shown
- Open Floater — Shows/hides the Floater widget with the hotkey shown
Right Panel — Take Screenshot
The right panel handles screenshots independently from recordings:
- Camera icon button — Large hero button; click to take a screenshot using the currently selected mode.
- Full Screen / Area Capture — Radio buttons to choose between a full-screen capture or drawing a region.
- Keep SeaMeet window visible checkbox — When unchecked (default), SeaMeet minimises itself before capturing so it doesn't appear in the screenshot. When checked, the window stays visible and will appear in the capture.
- Take Screenshot button — Triggers the capture (same as clicking the camera icon).
Purpose:
- One-stop hub for everything you need before you start capturing
- Flashback state is visible and controllable without opening Settings
- Screenshot and recording are cleanly separated into two cards
State 2: Recording Preparation (Video Settings)
When shown:
- When you click the big red mic circle or "Start Recording" CTA in the left panel of the Capture Hub
What you see:
┌─────────────────────────────────────────────────────────────┐
│ VIDEO SETTINGS MODAL [X Close] │
│ │
│ Choose recording mode: │
│ ● Audio only (no screen capture) │
│ ○ Fullscreen (full display) │
│ ○ Window (single application window) │
│ ○ Region (custom area) │
│ │
│ Quality: [Original ▼] Frame Rate: [30 fps ▼] │
│ │
│ [Start Recording] │
└─────────────────────────────────────────────────────────────┘
Purpose:
- Select audio-only or a specific video/screen recording mode
- Adjust quality and frame rate before starting
State 3: Active Recording
When shown:
- While recording is in progress
- After clicking Record button
- Until you click Stop
What you see:
┌─────────────────────────────────────────────────────────────┐
│ MAIN CONTENT AREA (Recording) │
│ │
│ 🔴 RECORDING │
│ │
│ Elapsed Time: 12:34 │
│ │
│ ┌───────────────────────────────────────────────────────┐│
│ │ ││
│ │ [Live Waveform Display] ││
│ │ ▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ││
│ │ ▄▄▄▀ ▀▄▄▄▀ ▀▄▄▄▄▀ ││
│ │ ▄▄▀ ▀▄▄▄▄▀ ││
│ │ Real-time audio visualization ││
│ │ ││
│ └───────────────────────────────────────────────────────┘│
│ │
│ Audio Level: ████████████░░ 85% │
│ │
│ [⏸️ Pause] [⏹️ Stop Recording] [⏺️ Mark] │
│ │
└─────────────────────────────────────────────────────────────┘
Elements:
Recording Indicator:
- Red "RECORDING" text or indicator
- Flashing red dot (in some versions)
- Shows recording is active
Elapsed Timer:
- Shows how long you've been recording
- Format: HH:MM:SS or MM:SS
- Updates every second
Waveform Display:
- Real-time visualization of audio
- Shows sound levels as you record
- Helps you verify audio is being captured
Audio Level Meter:
- Shows current input volume
- Green = Good level
- Yellow = Getting loud
- Red = Too loud (clipping/distortion)
Control Buttons:
- Pause (⏸️) - Temporarily stop recording (if supported)
- Stop (⏹️) - End recording and save
- Mark (⏺️) - Add timestamp marker (if available)
State 4: Playback
When shown:
- When playing a recording
- After selecting a recording and clicking Play
What you see:
┌─────────────────────────────────────────────────────────────┐
│ MAIN CONTENT AREA (Playback) │
│ │
│ ┌───────────────────────────────────────────────────────┐│
│ │ ││
│ │ [Video Display or Waveform Visualization] ││
│ │ ││
│ │ For video: Shows the video content ││
│ │ For audio: Shows the waveform ││
│ │ ││
│ └───────────────────────────────────────────────────────┘│
│ │
│ 12:34 / 45:67 [🔊━━] │
│ │
│ ┌───────────────────────────────────────────────────────┐│
│ │ ▓▓▓▓▓▓▓▓▓▓▓▓▓▓░░░░▓▓▓▓▓▓▓▓░░░░░░░░▓▓▓▓▓▓▓▓▓▓▓▓▓ ││
│ │ ▲ ││
│ │ Playhead position ││
│ └───────────────────────────────────────────────────────┘│
│ │
│ [⏮️] [⏸️] [⏵️] [⏹️] [⏭️] [1.0x] │
│ │
│ Q3 Budget Review - Team Meeting │
│ 45:67 total duration • Zoom • Audio + Video │
│ │
└─────────────────────────────────────────────────────────────┘
Detailed in: Chapter 9 (Playback Features)
State 5: Settings Panel
When shown:
- When you click Settings button (⚙️)
- When accessing configuration options
What you see:
┌─────────────────────────────────────────────────────────────┐
│ MAIN CONTENT AREA (Settings) │
│ │
│ SETTINGS [X Close] │
│ │
│ ┌──────────┬────────────────────────────────────────────┐│
│ │ General │ ││
│ │ Audio │ [Setting content here] ││
│ │ Video │ ││
│ │ Flashback│ • Option 1 ││
│ │ Auto-Rec │ • Option 2 ││
│ │ Storage │ • Option 3 ││
│ │ Language │ ││
│ │ Shortcuts│ ││
│ └──────────┴────────────────────────────────────────────┘│
│ │
│ [Cancel] [Apply] │
│ │
└─────────────────────────────────────────────────────────────┘
Structure:
- Left sidebar: Settings categories
- Main area: Settings for selected category
- Bottom: Cancel/Apply buttons
Settings Categories:
- General - App-wide settings
- Audio - Microphone, gain, devices
- Video - Quality, mode, frame rate
- Flashback - Buffer settings, auto-start
- Auto-Recording - Detection, permissions
- Storage - Save location, file management
- Language - Language, theme, appearance
- Shortcuts - Keyboard shortcut configuration
Visual Indicators and Status Icons
Throughout SeaMeet, various icons and colors provide visual feedback about the app's state.
Recording Status Indicators
Not Recording:
- Record button shows 🔴 (red circle)
- No timer visible
- Normal window title
Recording Active:
- Record button shows ⏹️ (square)
- Timer showing elapsed time
- May have red border or "RECORDING" indicator
- Window title may change to show "[Recording]"
Paused (if supported):
- Pause button highlighted
- Timer frozen
- "PAUSED" indicator visible
Flashback Status Indicators
OFF:
- Gray color
- "OFF" or no indicator
- Not using memory
FILLING:
- Amber/Yellow color
- Animated or pulsing
- Percentage may show (e.g., "FILLING 60%")
- Wait for green before relying on it
READY:
- Green color
- Steady indicator
- Shows duration (e.g., "30S")
- Ready to capture past moments
Audio Level Indicators
During Recording:
Good Level (Green):
Audio: ████████████░░ 70%
- Consistent green bars
- Around 60-80% is ideal
Too Quiet (Low):
Audio: ███░░░░░░░░░░ 20%
- Hardly any bars
- Increase microphone gain
- Move closer to microphone
Too Loud (Red):
Audio: ██████████████ 100% ⚠️
- Maxed out bars
- May be distorting
- Lower gain or move back
Notification Toasts
SeaMeet may display temporary notification messages:
Success:
┌─────────────────────────┐
│ ✅ Recording saved │
│ File: Meeting_2024.webm │
└─────────────────────────┘
Warning:
┌─────────────────────────┐
│ ⚠️ Low disk space │
│ 500 MB remaining │
└─────────────────────────┘
Error:
┌─────────────────────────┐
│ ❌ Recording failed │
│ Check microphone access │
└─────────────────────────┘
Info:
┌─────────────────────────┐
│ ℹ️ Flashback ready │
│ 30 second buffer active │
└─────────────────────────┘
Resizing and Layout Adjustments
SeaMeet's interface adapts to different window sizes.
Standard Window Size
Optimal size:
- Width: 1000-1400 pixels
- Height: 700-900 pixels
- All elements visible and accessible
Narrow Window (Sidebar Collapsed)
When window is narrow:
- Sidebar may collapse or become a dropdown
- Main content takes more space
- Some controls may move to menus
Wide Window (Expanded View)
When window is wide:
- Sidebar may expand
- More recording cards visible
- Player area larger for video
Fullscreen Mode
Available for:
- Video playback (F key or button)
- Some settings panels
- Presentation mode
How to toggle:
- Enter: F key or double-click video
- Exit: ESC key or F key again
Interface Customization (If Available)
Some versions of SeaMeet allow interface customization.
Theme Settings
Light Mode:
- White/light gray background
- Dark text
- Standard for daytime use
Dark Mode:
- Dark gray/black background
- Light text
- Easier on eyes in low light
- May save battery on OLED screens
How to change:
- Settings → Language & Appearance
- Select "Light" or "Dark"
- Or "Auto" to follow system setting
Sidebar Width (If Adjustable)
How to resize:
- Find edge between sidebar and main area
- Cursor changes to resize cursor (↔️)
- Drag left or right
- Release to set new width
Interface Navigation Tips
Getting Around Quickly
1. Use keyboard shortcuts
- Faster than mouse for common actions
- Space for play/pause
- Arrows for navigation
- See Chapter 13 for full list
2. Right-click for context menus
- Recordings have right-click menus
- Quick access to common actions
- Different options in different areas
3. Look for hover tooltips
- Hover over buttons to see what they do
- Especially helpful for icon-only buttons
- Shows keyboard shortcuts if available
4. Use the search box
- Fastest way to find recordings
- Works in real-time
- Searches names and sources
Understanding Visual Feedback
Colors mean things:
- Red: Recording, error, stop
- Green: Ready, success, active
- Yellow/Amber: Warning, filling, caution
- Gray: Disabled, inactive, off
- Blue: Information, links, selection
Animation means things:
- Pulsing: Loading, filling, in progress
- Static: Ready, complete, stable
- Blinking: Urgent, attention needed
Quick Reference: Interface Elements
┌─────────────────────────────────────────────────────────────┐
│ MAIN INTERFACE QUICK REFERENCE │
├─────────────────────────────────────────────────────────────┤
│ │
│ TOP BAR: │
│ [☰] - Navigation toggle (collapses/expands sidebar) │
│ [👤] - Account menu → Settings, Sign in/out, Help │
│ │
│ SIDEBAR: │
│ [🔍 Search] - Find recordings fast │
│ [📂 Open Folder] - Open recordings save folder │
│ [Recording Cards] - Your library │
│ ├─ Icon: Type (🎤 audio, 🎥 video, 📷 screenshot) │
│ ├─ Name: Recording title │
│ ├─ Duration: Length │
│ ├─ Time: When recorded │
│ └─ Source: Origin app │
│ │
│ MAIN AREA (changes based on state): │
│ • Idle → Capture Hub (two-panel: Record + Screenshot) │
│ └─ LEFT: Flashback toggle, big mic, Auto-Detect, │
│ context area, Start Recording CTA │
│ └─ RIGHT: Camera icon, Full/Area toggle, Keep │
│ window visible checkbox, Take Screenshot btn │
│ • Recording: Timer + waveform + controls │
│ • Playback: Video/waveform + timeline + controls │
│ │
│ CAPTURE HUB — FLASHBACK STATES: │
│ • ⚫ Gray ring = Flashback OFF │
│ • ⚡ Amber = Flashback arming (buffer filling) │
│ • ⚡ Green = Flashback ready (can capture past) │
│ │
│ LAYOUT TIPS: │
│ • Resize window: Drag edges │
│ • Fullscreen video: Press F during playback │
│ • Search: Use 🔍 box for fast finding │
│ │
└─────────────────────────────────────────────────────────────┘
Last updated: 2026-02-17 Part of the SeaMeet User Manual Previous: Chapter 10 - Importing Files Next: Chapter 12 - The Floater
Published: