Yahya Alhinai
62 lines
1.3 KiB
TypeScript
62 lines
1.3 KiB
TypeScript
import { Room } from 'livekit-client';
|
|
import {
|
|
RoomAudioRenderer,
|
|
type RoomAudioRendererProps,
|
|
SessionProvider,
|
|
type SessionProviderProps,
|
|
type UseSessionReturn,
|
|
} from '@livekit/components-react';
|
|
|
|
/**
|
|
* Props for the AgentSessionProvider component.
|
|
* Combines SessionProviderProps with RoomAudioRendererProps.
|
|
*/
|
|
export type AgentSessionProviderProps = SessionProviderProps &
|
|
RoomAudioRendererProps & {
|
|
/**
|
|
* The room to provide.
|
|
*/
|
|
room?: Room;
|
|
/**
|
|
* The volume to set for the audio renderer.
|
|
*/
|
|
volume?: number;
|
|
/**
|
|
* Whether to mute the audio renderer.
|
|
*/
|
|
muted?: boolean;
|
|
/**
|
|
* The session to provide.
|
|
*/
|
|
session: UseSessionReturn;
|
|
/**
|
|
* The children to render.
|
|
*/
|
|
children: React.ReactNode;
|
|
};
|
|
|
|
/**
|
|
* A provider component for agent sessions that wraps SessionProvider
|
|
* and includes RoomAudioRenderer for audio playback.
|
|
*
|
|
* @example
|
|
* ```tsx
|
|
* <AgentSessionProvider session={agentSession}>
|
|
* <AgentControlBar />
|
|
* <AgentChatTranscript />
|
|
* </AgentSessionProvider>
|
|
* ```
|
|
*/
|
|
export function AgentSessionProvider({
|
|
session,
|
|
children,
|
|
...roomAudioRendererProps
|
|
}: AgentSessionProviderProps) {
|
|
return (
|
|
<SessionProvider session={session}>
|
|
{children}
|
|
<RoomAudioRenderer {...roomAudioRendererProps} />
|
|
</SessionProvider>
|
|
);
|
|
}
|