Learn about our pre-built React components to accelerate integrating the Tavus Conversational Video Interface (CVI) into your application.
CVIProvider
component wraps your app with the Daily.co provider context, enabling all Daily React hooks and components to function.
CVIProvider
component wraps your app with the Daily.co provider context, enabling all Daily React hooks and components to function.Features:children
(ReactNode): Components to be wrapped by the providerAudioWave
component provides real-time audio level visualization for video chat participants, displaying animated bars that respond to audio input levels.
AudioWave
component provides real-time audio level visualization for video chat participants, displaying animated bars that respond to audio input levels.Features:requestAnimationFrame
for smooth animationsid
(string): The participant’s session ID to monitor audio levels fordevice-select
module provides advanced device selection controls, including dropdowns for choosing microphones and cameras, and integrated toggle buttons.
device-select
module provides advanced device selection controls, including dropdowns for choosing microphones and cameras, and integrated toggle buttons.Exported Components:MicSelectBtn
: Microphone toggle button with device selectionCameraSelectBtn
: Camera toggle button with device selectionScreenShareButton
: Button to toggle screen sharingmedia-controls
module provides simple toggle buttons for microphone, camera, and screen sharing, designed for direct use in video chat interfaces.
media-controls
module provides simple toggle buttons for microphone, camera, and screen sharing, designed for direct use in video chat interfaces.Exported Components:MicToggleButton
: Toggles microphone mute/unmute stateCameraToggleButton
: Toggles camera on/offScreenShareButton
: Toggles screen sharing on/off