# Voice & realtime

> Frame voice and realtime components: voice audition, VoiceMode and product extensions.

Web page: https://system.beibeidesign.com/components/voice-and-realtime/

### Voices

Hear every shared voice in one place — the ten OpenAI Realtime voices in the shared catalogue, grouped by gender, with the agent that speaks in each. Play a short fixed sample to compare timbre before choosing one.

Female voices

5

- Neutral Neutral, versatile No agent yet · auditionable Play sample: Neutral
- Bright Bright, friendly Used by Maya · Beibei Play sample: Bright
- Measured Measured, thoughtful Used by Lily Play sample: Measured
- Crisp Crisp, upbeat Used by Happy Play sample: Crisp
- Natural Natural, expressive No agent yet · auditionable Play sample: Natural

Male voices

5

- Deep Deep, grounded No agent yet · auditionable Play sample: Deep
- Warm Warm, soft No agent yet · auditionable Play sample: Warm
- Smooth Smooth, calm No agent yet · auditionable Play sample: Smooth
- Expressive Expressive, lively Used by Matt Play sample: Expressive
- Resonant Resonant, grounded No agent yet · auditionable Play sample: Resonant

Each sample plays a short fixed sentence in the page language.

### VoiceMode

Master + extended

The shared inline realtime control bar. It owns connection, mute, live-session feedback, voice choice, and recoverable error presentation; products provide authentication, metering, tools, and persistence callbacks.

Shared master anatomy

Neutral

[field: Attach photos] [field: Take a photo] [field: Attach files]

Attach

[field: Type a message…]

Send message

Static anatomy preview — the viewer never starts a realtime session or requests microphone access.

Shared state contract

Voice off Connecting Active Muted Error

Neutral

[field: Attach photos] [field: Take a photo] [field: Attach files]

Attach

[field: Type a message…]

Send message

Each state is the real fused composer, driven by the switcher — a static preview; the viewer never starts a realtime session.

### Product extensions

Master + extended

These cards document integration boundaries. They intentionally do not run task dispatch, auth, quota, or billing logic in the viewer.

The product-owned production strings “Not now” and “Sign in” stay in English. Viewer annotations and explicitly localized demo labels follow the selected language.

WorkPal Direct master composition

Task-enabled conversation

WorkPal supplies start-task, status-check, live context, notice injection, and idle wind-down callbacks.

Queued supplements

Pending typed text and images stay visible until the realtime writer can accept them.

Wingman Product wrapper around VoiceMode

Guest soft nudge

A dismissible, value-framed sign-in prompt lives outside the shared voice bar.

Not now Sign in

Quota hard nudge

Wingman maps an exhausted session to sign-in or upgrade; billing copy never enters the master.