[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-72683":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":22,"hasPages":22,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":29,"readmeContent":30,"aiSummary":31,"trendingCount":16,"starSnapshotCount":16,"syncStatus":32,"lastSyncTime":33,"discoverSource":34},72683,"openai-realtime-console","openai\u002Fopenai-realtime-console","openai","React app for inspecting, building and debugging with the Realtime API","",null,"JavaScript",3592,1416,55,49,0,5,7,15,31.45,"MIT License",false,"main",[25,26,7,27,28],"javascript","nodejs","react","typescript","2026-06-12 02:03:06","# OpenAI Realtime Console\n\nThis is an example application showing how to use the [OpenAI Realtime API](https:\u002F\u002Fplatform.openai.com\u002Fdocs\u002Fguides\u002Frealtime) with [WebRTC](https:\u002F\u002Fplatform.openai.com\u002Fdocs\u002Fguides\u002Frealtime-webrtc).\n\n## Installation and usage\n\nBefore you begin, you'll need an OpenAI API key - [create one in the dashboard here](https:\u002F\u002Fplatform.openai.com\u002Fsettings\u002Fapi-keys). Create a `.env` file from the example file and set your API key in there:\n\n```bash\ncp .env.example .env\n```\n\nRunning this application locally requires [Node.js](https:\u002F\u002Fnodejs.org\u002F) to be installed. Install dependencies for the application with:\n\n```bash\nnpm install\n```\n\nStart the application server with:\n\n```bash\nnpm run dev\n```\n\nThis should start the console application on [http:\u002F\u002Flocalhost:3000](http:\u002F\u002Flocalhost:3000).\n\nThis application is a minimal template that uses [express](https:\u002F\u002Fexpressjs.com\u002F) to serve the React frontend contained in the [`\u002Fclient`](.\u002Fclient) folder. The server is configured to use [vite](https:\u002F\u002Fvitejs.dev\u002F) to build the React frontend.\n\nThis application shows how to send and receive Realtime API events over the WebRTC data channel and configure client-side function calling. You can also view the JSON payloads for client and server events using the logging panel in the UI.\n\nFor a more comprehensive example, see the [OpenAI Realtime Agents](https:\u002F\u002Fgithub.com\u002Fopenai\u002Fopenai-realtime-agents) demo built with Next.js, using an agentic architecture inspired by [OpenAI Swarm](https:\u002F\u002Fgithub.com\u002Fopenai\u002Fswarm).\n\n## Previous WebSockets version\n\nThe previous version of this application that used WebSockets on the client (not recommended in browsers) [can be found here](https:\u002F\u002Fgithub.com\u002Fopenai\u002Fopenai-realtime-console\u002Ftree\u002Fwebsockets).\n\n## License\n\nMIT\n","OpenAI Realtime Console 是一个基于React的应用程序，用于通过实时API进行检查、构建和调试。该项目使用JavaScript开发，结合了WebRTC技术以实现实时数据传输，并支持客户端函数调用及事件日志查看等核心功能。它适合于需要与OpenAI的Realtime API交互的应用场景，特别是那些希望利用WebRTC进行高效双向通信的开发者。此外，项目还提供了一个简单的模板，其中包括使用Express服务端框架和Vite构建工具来部署React前端界面的基础设置。",2,"2026-06-11 03:43:08","high_star"]