OpenAI Realtime API example using Nuxt SSR

This repository provides an example of a web application using OpenAI's Realtime API with Nuxt in server-side rendering (SSR) mode.

Reference

• WebRTC(Recommended)

  • OpenAI Realtime API の音声会話アプリを WebRTC を使って実装する
  • Implementing an OpenAI Realtime API Voice Conversation App Using WebRTC

• WebSocket

  • OpenAI の Realtime API を使ってAIと音声会話するWebアプリを実装してみる
  • Building a Web App to Talk with AI Using OpenAI's Realtime API

Getting Started

1. Install dependencies

Before running the app, make sure to install all dependencies:

npm install

2. Running the App(dev mode)

To run the Nuxt.js application, use the following npm script.

export OPENAI_API_KEY=<your-openai-api-key>
npm run dev

Once the application is running, you can access it at http://localhost:8080.