#1616th of 16 in Voice and realtime
live-api-web-console
React console for streaming audio and video to the Gemini Live API
- Stars
- 2.6k
- License
- Apache-2.0
- Last commit
- Oct 2025
- Language
- TypeScript
Overview
Create React App project that opens a websocket to the Gemini Live API and wires mic, webcam and screen-capture input, streamed audio playback and an event log. Includes an event-emitting websocket client, an audio layer and a tool-call example rendering Vega charts. For developers starting a browser client on Gemini Live; the API key sits in the frontend .env, so add a proxy before shipping.
Who it is for: Developers building a browser client on Gemini Live
Strengths
- Websocket client, audio in/out and log view ready to reuse
- Mic, webcam and screen capture wired as model input
- Tool-call example with Google Search grounding and Vega rendering
Weaknesses
- Gemini API key is read from the frontend .env; no server proxy
- Built on Create React App, which is no longer maintained
- Labeled an experiment, not an official Google product
- Gemini only; last commit 2025-10
What it needs
- TypeScript, Gemini Live API (websocket)
- Needs Gemini API key
- ⚠️ .env file committed
Also in Voice and realtime
See all 16| Rank | Project | Score |
|---|---|---|
| 1 | agent-starter-reactNext.js voice assistant frontend for LiveKit Agents | 51 out of 100 |
| 2 | agent-starter-pythonPython voice agent on LiveKit Agents with turn detection and simulations | 50 out of 100 |
| 3 | agent-starter-nodeNode.js voice agent on LiveKit Agents with turn detection and simulations | 50 out of 100 |
| #4 | voice-ui-kitReact components and templates for Pipecat voice agent frontends | 45 out of 100 |
| #5 | pipecat-examplesRunnable Pipecat voice agent examples for phone, web and deployment | 41 out of 100 |