Skip to content

Latest commit

 

History

History

realtime-console

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
assets
assets
 
 
config
config
 
 
public
public
 
 
scripts
scripts
 
 
src
src
 
 
.gitignore
.gitignore
 
 
README.md
README.md
 
 
eslint.config.cjs
eslint.config.cjs
 
 
package.json
package.json
 
 
tsconfig.json
tsconfig.json
 
 

README.md

Quick Start

Preview: https://coze.cn/open-platform/realtime/playground

Prerequisites

  1. Ensure you have Node.js (v18+) installed

Running the Demo

npm run run-preinstall
npm install
npm run start # disable video by default

# or set enable video to true
REACT_APP_ENABLE_VIDEO=true npm run start  # for macos/linux
# Windows users should use either:
set "REACT_APP_ENABLE_VIDEO=true" && npm run start  # for windows cmd
$env:REACT_APP_ENABLE_VIDEO="true"; npm run start   # for windows powershell

realtime-console

Demo Features

  1. Visit http://localhost:3000
  2. Configure your credentials in the settings panel:
    • Access Token
    • Bot ID
    • Voice ID
    • API Base URL
  3. Optional: Use browser extensions for custom headers during testing
  4. Grant microphone permissions when prompted
  5. Initialize connection via the "Connect" button

Available Operations

  • Microphone control (toggle on/off)
  • Bot interaction interruption
  • Connection management
  • Audio debugging tools:
    • Playback device monitoring
    • Device status logging
    • Diagnostic features

Monitoring

  • Real-time event logging in the upper console
  • Bot response display in the lower panel
  • Detailed console logs for debugging