Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/openai/openai-realtime-console
React app for inspecting, building and debugging with the Realtime API
https://github.com/openai/openai-realtime-console
javascript nodejs openai react typescript
Last synced: 3 days ago
JSON representation
React app for inspecting, building and debugging with the Realtime API
- Host: GitHub
- URL: https://github.com/openai/openai-realtime-console
- Owner: openai
- License: mit
- Created: 2024-09-30T19:00:38.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-01-02T16:11:05.000Z (23 days ago)
- Last Synced: 2025-01-16T05:02:32.050Z (10 days ago)
- Topics: javascript, nodejs, openai, react, typescript
- Language: JavaScript
- Homepage:
- Size: 1.86 MB
- Stars: 2,558
- Watchers: 47
- Forks: 953
- Open Issues: 61
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- AiTreasureBox - openai/openai-realtime-console - 01-19_2754_79](https://img.shields.io/github/stars/openai/openai-realtime-console.svg)|React app for inspecting, building and debugging with the Realtime API| (Repos)
- jimsghstars - openai/openai-realtime-console - React app for inspecting, building and debugging with the Realtime API (JavaScript)
- awesome-ChatGPT-repositories - openai-realtime-console - React app for inspecting, building and debugging with the Realtime API (Openai)
README
# OpenAI Realtime Console
This is an example application showing how to use the [OpenAI Realtime API](https://platform.openai.com/docs/guides/realtime) with [WebRTC](https://platform.openai.com/docs/guides/realtime-webrtc).
## Installation and usage
Before you begin, you'll need an OpenAI API key - [create one in the dashboard here](https://platform.openai.com/settings/api-keys). Create a `.env` file from the example file and set your API key in there:
```bash
cp .env.example .env
```
Running this application locally requires [Node.js](https://nodejs.org/) to be installed. Install dependencies for the application with:
```bash
npm install
```
Start the application server with:
```bash
npm run dev
```
This should start the console application on [http://localhost:3000](http://localhost:3000).
_Note:_ The `server.js` file uses [@fastify/vite](https://fastify-vite.dev/) to build and serve the Astro frontend contained in the `/client` folder. You can find the configuration in the [`vite.config.js` file](./vite.config.js)
## Previous WebSockets version
The previous version of this application that used WebSockets on the client (not recommended in client-side browsers) [can be found here](https://github.com/openai/openai-realtime-console/tree/websockets).
## License
MIT