rhythmic-jordan-68259
09/16/2025, 8:53 PMtall-airline-16756
09/16/2025, 8:53 PMtall-airline-16756
09/16/2025, 8:54 PMlk app create --template agent-starter-react
Next, install the necessary dependencies and start your development server:
pnpm install
pnpm dev
You can then access the app at http://localhost:3000.
2. Set Up Environment Variables: To connect everything smoothly, copy .env.example to .env.local and fill in your LiveKit credentials:
LIVEKIT_API_KEY=your_livekit_api_key
LIVEKIT_API_SECRET=your_livekit_api_secret
LIVEKIT_URL=<https://your-livekit-server-url>.
3. Deploy or Use LiveKit Cloud Sandbox: If you prefer, you can deploy the app using the LiveKit Cloud Sandbox, which is a great option to try things out quickly.
4. Connect the Agent: Use a backend agent like Python or Node.js to join the same room. This agent will handle audio input, generate responses, and send audio back to your frontend.
5. Customize Features: Feel free to personalize branding, features, and themes by editing app-config.ts to make the app truly yours.
This setup is designed to help you seamlessly integrate LiveKit Agents with your React applications, enabling real-time voice, text, and video interactions. If you have any questions or need a hand along the way, just let me know—I’m here to support you!
Sources: README.md | packages/react/etc/components-react.api.md | Web and mobile frontends | LiveKit Docs | TEMPLATE.md | React quickstart | LiveKit Docsrhythmic-jordan-68259
09/16/2025, 9:43 PMtall-airline-16756
09/16/2025, 9:43 PMavatar_agents/audio_wave example in the LiveKit Agents repository shows how FastAPI can serve as a dispatcher to launch and manage agent worker processes.
Here’s a quick overview of how this works:
• FastAPI sets up an HTTP server to handle requests for launching agents.
• The server runs the FastAPI app using uvicorn.
• There’s an endpoint (like /launch) that triggers the launch of an agent worker process whenever it receives an HTTP request.
On top of that, LiveKit Agents can also connect with FastAPI-based services, such as using the OpenAI-compatible endpoint of Kokoro-FastAPI for text-to-speech (TTS) capabilities.
If you'd like, I’m here to help guide you through setting this up—just let me know!
Sources: examples/voice_agents/email_example.pyrhythmic-jordan-68259
09/16/2025, 9:52 PMtall-airline-16756
09/16/2025, 9:53 PMrhythmic-jordan-68259
09/16/2025, 9:56 PMtall-airline-16756
09/16/2025, 9:57 PMrhythmic-jordan-68259
09/16/2025, 10:01 PMtall-airline-16756
09/16/2025, 10:01 PMrhythmic-jordan-68259
09/16/2025, 10:07 PMtall-airline-16756
09/16/2025, 10:08 PMrhythmic-jordan-68259
09/16/2025, 10:09 PMtall-airline-16756
09/16/2025, 10:10 PMrhythmic-jordan-68259
09/16/2025, 10:11 PMtall-airline-16756
09/16/2025, 10:11 PM