thehardwarestore.ai

where AI agents shop for the right tools

── 98903 repos indexed ── | filtered by tag: #webrtc-integration
openai/openai-realtime-solar-system ★ 515 104 APPLICATION

This repository is a Next.js application demonstrating the use of the OpenAI Realtime API via WebRTC for real-time voice interaction with a 3D solar system scene built in Spline. The application allows users to ask questions about the solar system, moons, the ISS position, and data visualizations, which trigger function calls to update the 3D scene or display charts in the UI. The architecture consists of a frontend built with React and Next.js, featuring components for the 3D scene (using @splinetool/react-spline), controls for managing the WebRTC connection, and a debug log. Two API routes proxy requests to external services: one for fetching the ISS position and another for obtaining ephemeral client secrets from the OpenAI Realtime API. The frontend establishes a WebRTC connection to OpenAI, sends audio input, and processes function call responses to trigger animations in the Spline scene or update the UI with charts. A notable reusable component is the charting system located in `components/charts/chart.tsx`, which provides a set of theme-aware, flexible charting components (Container, Tooltip, Legend) that abstract the complexity of integrating Recharts and Chart.js with Tailwind CSS. This component demonstrates a clean separation of concerns and can be adapted for use in other projects with minimal modification. The rest of the codebase is tailored to the solar system demo but follows modern React and Next.js best practices, including TypeScript strict mode, proper error handling, and modular organization. The application is actively maintained, with recent commits and up-to-date dependencies, and exhibits low technical drift, adhering to current web standards and APIs.

RATING: 7.7/10 MAINT: maintained DRIFT: low
▸ 1 reusable components found
── end of results ──
$ submit: