Getting StartedAI in WebexSupport
Log inSign up
Home
Webex Contact Center
  • Overview
  • Guides
  • API REFERENCE
  • AI
  • Campaign Management
  • Configuration
  • Data
  • Desktop
  • Flow Orchestration
  • Journey
  • Media And Routing
  • Changelog
  • SDK
  • Widgets
  • Customer Journey Data Service
  • AI Assistant for Developers
  • Webhooks
  • Contact Center Sandbox
  • Using Webhooks
  • Troubleshoot the API
  • Beta Program
  • Webex Status API
  • Contact Center Service Apps
  • FAQs

Webex Contact Center

RealTimeTranscript

The RealTimeTranscript component renders the live voice transcript for the currently selected task.

anchorOverview

anchor

It is designed for telephony experiences where agents need to follow the ongoing conversation as transcript chunks arrive in real time. The widget reads transcript data from the widgets store and updates automatically as the active task changes.

anchorImport

anchor
import { RealTimeTranscript } from '@webex/cc-widgets';

anchorProps

anchor
PropTypeRequiredDescription
classNamestringNoAdds a custom CSS class to the root container.
liveTranscriptEntriesRealTimeTranscriptEntry[]NoOptional fallback transcript entries to render when live store-backed transcript data is not available.
RealTimeTranscriptEntry
keytypedescription
idstringUnique entry identifier.
speakerstringSpeaker label shown in the transcript UI.
messagestringTranscript text for the entry.
timestampnumberTimestamp used for sorting transcript entries.
displayTimestringOptional formatted time label.
eventstringOptional event label rendered above the transcript line.
isCustomerbooleanMarks the entry as customer speech for avatar styling.
avatarUrlstringOptional avatar image URL.
initialsstringOptional avatar initials fallback.

anchorUsage

anchor
<RealTimeTranscript />

With custom styling:

<RealTimeTranscript className="agent-transcript-panel" />

With fallback transcript entries:

<RealTimeTranscript
  liveTranscriptEntries={[
    {
      id: 'line-1',
      speaker: 'Customer',
      message: 'Hello, I need help with my order.',
      timestamp: Date.now(),
    },
  ]}
/>

anchorHow It Works

anchor
  • The widget reads the currently selected task from the widgets store.
  • When live real-time transcription data is available for that task, the widget maps and renders those transcript entries automatically.
  • If there is no active transcript stream yet, the widget falls back to the optional liveTranscriptEntries prop.

anchorConfiguration Notes

anchor
  • Use this widget together with task-selection widgets such as IncomingTask or TaskList, so the store has a current task to bind to.
  • Real-time transcription data is available only when the Contact Center configuration enables the underlying transcript feature for the agent.
  • This widget is intended for live voice interactions. If no transcript is available, it renders an empty-state message.
In This Article
  • Overview
  • Import
  • Props
  • Usage
  • How It Works
  • Configuration Notes

Connect

Support

Developer Community

Developer Events

Contact Sales

Handy Links

Webex Ambassadors

Webex App Hub

Resources

Open Source Bot Starter Kits

Download Webex

DevNet Learning Labs

Terms of Service

Privacy Policy

Cookie Policy

Trademarks

© 2026 Cisco and/or its affiliates. All rights reserved.