OpenAI GPT-Live Voice UI for React

export async function POST(request: Request) {
  // Authenticate and authorize the caller using your application's session here.
  const { sdp } = await request.json()
  if (typeof sdp !== 'string' || !sdp.trim()) {
    return Response.json({ error: 'An SDP offer is required' }, { status: 400 })
  }
  const response = await fetch('https://api.openai.com/v1/live/sessions', {
    method: 'POST',
    headers: {
      Authorization: `Bearer ${process.env.OPENAI_API_KEY}`,
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({
      session: {
        model: 'gpt-live-1',
        instructions: 'Be concise and friendly. Delegate factual questions to the backend.',
        delegation: {
          type: 'responses',
          responses: {
            model: 'gpt-5.6-terra',
            instructions: 'Return concise, accurate answers for a spoken conversation.',
          },
        },
      },
      transport: { type: 'webrtc', sdp },
    }),
  })
  if (!response.ok) {
    return Response.json({ error: 'Could not create a Live session' }, { status: response.status })
  }
  return Response.json(await response.json(), { headers: { 'Cache-Control': 'no-store' } })
}

import { Orb } from 'orb-ui'
import { createOpenAILiveAdapter } from 'orb-ui/adapters'

const adapter = createOpenAILiveAdapter({
  createSession: async (sdp, signal) => {
    const response = await fetch('/api/openai-live-session', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ sdp }),
      signal,
    })
    if (!response.ok) throw new Error('Could not create a Live session')
    return response.json()
  },
})

export function OpenAILiveVoiceUI() {
  return <Orb adapter={adapter} theme="circle" aria-label="Start GPT-Live voice assistant" />
}