// the find
openai/openai-realtime-console
React app for inspecting, building and debugging with the Realtime API
A minimal reference app showing how to wire up OpenAI's Realtime API over WebRTC in a React frontend with an Express backend. It's primarily a starting point for developers building voice or real-time AI features, not a production tool.
WebRTC transport is the right call for browser clients — avoids the latency and connection-lifetime issues of the old WebSockets approach. The EventLog component that surfaces raw JSON payloads is genuinely useful for debugging what's flowing over the data channel. Function calling example is included client-side, which is the tricky part most tutorials skip. Actively maintained by OpenAI themselves, so it tracks API changes.
It's a demo, not a library — there's no abstraction you can actually import, you're forking and modifying JSX files. No auth on the Express server means your OpenAI API key is one misconfigured deploy away from being proxied by strangers. The codebase is tiny and flat, which is fine for a template but means there's nothing to learn from architecturally. Zero tests.