@livekit/components-js-docs 0.1.68 → 0.1.69

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/generated-docs/core/createdataobserver.md +2 -1
  2. package/generated-docs/core/index.md +5 -0
  3. package/generated-docs/core/participantagentattributes.md +28 -0
  4. package/generated-docs/core/receivedagenttranscriptionmessage.md +21 -0
  5. package/generated-docs/core/receivedchatmessage.md +10 -13
  6. package/generated-docs/core/receivedmessage.md +27 -0
  7. package/generated-docs/core/receivedusertranscriptionmessage.md +21 -0
  8. package/generated-docs/core/sentmessage.md +16 -0
  9. package/generated-docs/react/agentcallbacks.md +28 -0
  10. package/generated-docs/react/agentevent.md +30 -0
  11. package/generated-docs/react/agentstate.md +14 -5
  12. package/generated-docs/react/allowaudioplaybackprops.md +4 -3
  13. package/generated-docs/react/allowaudioplaybackprops.room.md +13 -0
  14. package/generated-docs/react/barvisualizerprops.md +8 -7
  15. package/generated-docs/react/barvisualizerprops.track.md +19 -0
  16. package/generated-docs/react/barvisualizerprops.trackref.md +6 -0
  17. package/generated-docs/react/component/roomaudiorenderer.md +5 -0
  18. package/generated-docs/react/component/sessionprovider.md +24 -0
  19. package/generated-docs/react/component/startaudio.md +5 -0
  20. package/generated-docs/react/hook/useagent.md +35 -0
  21. package/generated-docs/react/hook/useensuresession.md +35 -0
  22. package/generated-docs/react/hook/useevents.md +40 -0
  23. package/generated-docs/react/hook/usemaybesessioncontext.md +30 -0
  24. package/generated-docs/react/hook/useparticipanttracks.md +2 -5
  25. package/generated-docs/react/hook/usepreviewtracks.md +1 -1
  26. package/generated-docs/react/hook/usesession.md +35 -0
  27. package/generated-docs/react/hook/usesessioncontext.md +30 -0
  28. package/generated-docs/react/hook/usesessionmessages.md +33 -0
  29. package/generated-docs/react/hook/usetracktoggle.md +5 -0
  30. package/generated-docs/react/hook/usetranscriptions.md +3 -0
  31. package/generated-docs/react/index.md +174 -151
  32. package/generated-docs/react/messagescallbacks.md +26 -0
  33. package/generated-docs/react/messagesevent.md +28 -0
  34. package/generated-docs/react/meta-data.json +1 -1
  35. package/generated-docs/react/roomaudiorendererprops.md +1 -0
  36. package/generated-docs/{core/receivedchatmessage.from.md → react/roomaudiorendererprops.room.md} +3 -3
  37. package/generated-docs/react/sessioncallbacks.md +28 -0
  38. package/generated-docs/react/sessionconnectoptions.md +31 -0
  39. package/generated-docs/react/sessionevent.md +30 -0
  40. package/generated-docs/react/sessionproviderprops.md +27 -0
  41. package/generated-docs/react/switchactivedeviceoptions.md +24 -0
  42. package/generated-docs/react/useagentreturn.md +22 -0
  43. package/generated-docs/react/usesessionmessagesreturn.md +31 -0
  44. package/generated-docs/react/usesessionreturn.md +27 -0
  45. package/generated-docs/react/usespeakingparticipantsoptions.md +18 -0
  46. package/generated-docs/react/usetextstreamoptions.md +24 -0
  47. package/generated-docs/react/usetracktoggleprops.md +6 -0
  48. package/generated-docs/react/usetracktoggleprops.room.md +13 -0
  49. package/generated-docs/react/usetranscriptionsoptions.md +1 -0
  50. package/generated-docs/react/usetranscriptionsoptions.room.md +19 -0
  51. package/package.json +2 -2
  52. package/generated-docs/core/receivedchatmessage.attributes.md +0 -13
@@ -35,9 +35,10 @@
35
35
  | [ParticipantLoop({ participants, ...props })](./react/component/participantloop.md) | The <code>ParticipantLoop</code> component loops over an array of participants to create a context for every participant. This component takes exactly one child component as a template. By providing your own template as a child you have full control over the look and feel of your participant representations. |
36
36
  | [ParticipantName(props)](./react/component/participantname.md) | The <code>ParticipantName</code> component displays the name of the participant as a string within an HTML span element. If no participant name is undefined the participant identity string is displayed. |
37
37
  | [ParticipantTile(props)](./react/component/participanttile.md) | The <code>ParticipantTile</code> component is the base utility wrapper for displaying a visual representation of a participant. This component can be used as a child of the <code>TrackLoop</code> component or by passing a track reference as property. |
38
- | [RoomAudioRenderer({ volume, muted })](./react/component/roomaudiorenderer.md) | The <code>RoomAudioRenderer</code> component is a drop-in solution for adding audio to your LiveKit app. It takes care of handling remote participants’ audio tracks and makes sure that microphones and screen share are audible. |
38
+ | [RoomAudioRenderer({ room, volume, muted })](./react/component/roomaudiorenderer.md) | The <code>RoomAudioRenderer</code> component is a drop-in solution for adding audio to your LiveKit app. It takes care of handling remote participants’ audio tracks and makes sure that microphones and screen share are audible. |
39
39
  | [RoomContext](./react/component/roomcontext.md) | |
40
40
  | [RoomName](./react/component/roomname.md) | The <code>RoomName</code> component renders the name of the connected LiveKit room inside a span tag. |
41
+ | [SessionProvider(props)](./react/component/sessionprovider.md) | **_(BETA)_** The <code>SessionProvider</code> component instantiates a SessionContext from the return of useSession |
41
42
  | [StartAudio(props)](./react/component/startaudio.md) | The <code>StartAudio</code> component is only visible when the browser blocks audio playback. This is due to some browser implemented autoplay policies. To start audio playback, the user must perform a user-initiated event such as clicking this button. As soon as audio playback starts, the button hides itself again. |
42
43
  | [StartMediaButton(props)](./react/component/startmediabutton.md) | The <code>StartMediaButton</code> component is only visible when the browser blocks media playback. This is due to some browser implemented autoplay policies. To start media playback, the user must perform a user-initiated event such as clicking this button. As soon as media playback starts, the button hides itself again. |
43
44
  | [Toast(props)](./react/component/toast.md) | The <code>Toast</code> component is a rudimentary way to display a message to the user. This message should be short lived and not require user interaction. For example, displaying the current connection state like <code>ConnectionStateToast</code> does. |
@@ -61,156 +62,178 @@
61
62
 
62
63
  ## Hooks
63
64
 
64
- | Hook | Description |
65
- | -------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
66
- | [useAudioPlayback(room)](./react/hook/useaudioplayback.md) | In many browsers to start audio playback, the user must perform a user-initiated event such as clicking a button. The <code>useAudioPlayback</code> hook returns an object with a boolean <code>canPlayAudio</code> flag that indicates whether audio playback is allowed in the current context, as well as a <code>startAudio</code> function that can be called in a button <code>onClick</code> callback to start audio playback in the current context. |
67
- | [useAudioWaveform(trackOrTrackReference, options)](./react/hook/useaudiowaveform.md) | |
68
- | [useChat(options)](./react/hook/usechat.md) | The <code>useChat</code> hook provides chat functionality for a LiveKit room. |
69
- | [useChatToggle({ props })](./react/hook/usechattoggle.md) | The <code>useChatToggle</code> hook provides state and functions for toggling the chat window. |
70
- | [useClearPinButton(props)](./react/hook/useclearpinbutton.md) | The <code>useClearPinButton</code> hook provides props for the [ClearPinButton()](./react/component/clearpinbutton.md) or your custom implementation of it component. It adds the <code>onClick</code> handler to signal the <code>LayoutContext</code> that the tile in focus should be cleared. |
71
- | [useConnectionQualityIndicator(options)](./react/hook/useconnectionqualityindicator.md) | The <code>useConnectionQualityIndicator</code> hook provides props for the <code>ConnectionQualityIndicator</code> or your custom implementation of it component. |
72
- | [useConnectionState(room)](./react/hook/useconnectionstate.md) | The <code>useConnectionState</code> hook allows you to simply implement your own <code>ConnectionState</code> component. |
73
- | [useCreateLayoutContext()](./react/hook/usecreatelayoutcontext.md) | |
74
- | [useDataChannel(topic, onMessage)](./react/hook/usedatachannel.md) | The <code>useDataChannel</code> hook returns the ability to send and receive messages. Pass an optional <code>topic</code> to narrow down which messages are returned in the messages array. |
75
- | [useDataChannel(onMessage)](./react/hook/usedatachannel_1.md) | Overload for <code>useDataChannel</code> without a topic. See [useDataChannel()](./react/hook/usedatachannel.md) for information and usage examples. |
76
- | [useDisconnectButton(props)](./react/hook/usedisconnectbutton.md) | The <code>useDisconnectButton</code> hook is used to implement the <code>DisconnectButton</code> or your custom implementation of it. It adds onClick handler to the button to disconnect from the room. |
77
- | [useEnsureCreateLayoutContext(layoutContext)](./react/hook/useensurecreatelayoutcontext.md) | |
78
- | [useEnsureLayoutContext(layoutContext)](./react/hook/useensurelayoutcontext.md) | Ensures that a layout context is provided, either via context or explicitly as a parameter. If not inside a <code>LayoutContext</code> and no layout context is provided, an error is thrown. |
79
- | [useEnsureParticipant(participant)](./react/hook/useensureparticipant.md) | Ensures that a participant is provided, either via context or explicitly as a parameter. If not inside a <code>ParticipantContext</code> and no participant is provided, an error is thrown. |
80
- | [useEnsureRoom(room)](./react/hook/useensureroom.md) | Ensures that a room is provided, either via context or explicitly as a parameter. If no room is provided, an error is thrown. |
81
- | [useEnsureTrackRef(trackRef)](./react/hook/useensuretrackref.md) | Ensures that a track reference is provided, either via context or explicitly as a parameter. If not inside a <code>TrackRefContext</code> and no track reference is provided, an error is thrown. |
82
- | [useFacingMode(trackReference)](./react/hook/usefacingmode.md) | Try to determine the <code>facingMode</code> of a local participant video track. |
83
- | [useFocusToggle({ trackRef, props })](./react/hook/usefocustoggle.md) | The <code>useFocusToggle</code> hook is used to implement the <code>FocusToggle</code> or your custom implementation of it. The <code>TrackReferenceOrPlaceholder</code> is used to register a onClick handler and to identify the track to focus on. |
84
- | [useGridLayout(gridElement, trackCount, options)](./react/hook/usegridlayout.md) | The <code>useGridLayout</code> hook tries to select the best layout to fit all tiles. If the available screen space is not enough, it will reduce the number of maximum visible tiles and select a layout that still works visually within the given limitations. As the order of tiles changes over time, the hook tries to keep visual updates to a minimum while trying to display important tiles such as speaking participants or screen shares. |
85
- | [useIsEncrypted(participant, options)](./react/hook/useisencrypted.md) | |
86
- | [useIsMuted(trackRef)](./react/hook/useismuted.md) | The <code>useIsMuted</code> hook is used to implement the <code>TrackMutedIndicator</code> or your custom implementation of it. It returns a <code>boolean</code> that indicates if the track is muted or not. |
87
- | [useIsRecording(room)](./react/hook/useisrecording.md) | The <code>useIsRecording</code> hook returns a <code>boolean</code> that indicates if the room is currently being recorded. |
88
- | [useIsSpeaking(participant)](./react/hook/useisspeaking.md) | The <code>useIsSpeaking</code> hook returns a <code>boolean</code> that indicates if the participant is speaking or not. |
89
- | [useKrispNoiseFilter(options)](./react/hook/usekrispnoisefilter.md) | <p>**_(BETA)_** Enable the Krisp enhanced noise cancellation feature for local audio tracks.</p><p>Defaults to the localParticipant's microphone track publication, but you can override this behavior by passing in a different track reference.</p> |
90
- | [useLayoutContext()](./react/hook/uselayoutcontext.md) | Ensures that a layout context is provided via context. If no layout context is provided, an error is thrown. |
91
- | [useLiveKitRoom(props)](./react/hook/uselivekitroom.md) | The <code>useLiveKitRoom</code> hook is used to implement the <code>LiveKitRoom</code> or your custom implementation of it. It returns a <code>Room</code> instance and HTML props that should be applied to the root element of the component. |
92
- | [useLocalParticipant(options)](./react/hook/uselocalparticipant.md) | The <code>useLocalParticipant</code> hook returns the local participant and the associated state around the participant. |
93
- | [useLocalParticipantPermissions()](./react/hook/uselocalparticipantpermissions.md) | The <code>useLocalParticipantPermissions</code> hook returns the local participant's permissions. |
94
- | [useMaybeLayoutContext()](./react/hook/usemaybelayoutcontext.md) | Returns a layout context from the <code>LayoutContext</code> if it exists, otherwise <code>undefined</code>. |
95
- | [useMaybeParticipantContext()](./react/hook/usemaybeparticipantcontext.md) | Returns a participant from the <code>ParticipantContext</code> if it exists, otherwise <code>undefined</code>. |
96
- | [useMaybeRoomContext()](./react/hook/usemayberoomcontext.md) | Returns the room context if it exists, otherwise undefined. |
97
- | [useMaybeTrackRefContext()](./react/hook/usemaybetrackrefcontext.md) | Returns a track reference from the <code>TrackRefContext</code> if it exists, otherwise <code>undefined</code>. |
98
- | [useMediaDevices({ kind, onError, })](./react/hook/usemediadevices.md) | The <code>useMediaDevices</code> hook returns the list of media devices of a given kind. |
99
- | [useMediaDeviceSelect({ kind, room, track, requestPermissions, onError, })](./react/hook/usemediadeviceselect.md) | The <code>useMediaDeviceSelect</code> hook is used to implement the <code>MediaDeviceSelect</code> component and returns o.a. the list of devices of a given kind (audioinput or videoinput), the currently active device and a function to set the the active device. |
100
- | [useMultibandTrackVolume(trackOrTrackReference, options)](./react/hook/usemultibandtrackvolume.md) | Hook for tracking the volume of an audio track across multiple frequency bands using the Web Audio API. |
101
- | [usePagination(itemPerPage, trackReferences)](./react/hook/usepagination.md) | The <code>usePagination</code> hook implements simple pagination logic for use with arrays. |
102
- | [useParticipantAttribute(attributeKey, options)](./react/hook/useparticipantattribute.md) | The <code>useParticipantAttribute</code> hook returns the latest value of a given attribute key of a participant. It requires a <code>Participant</code> object passed as property in the <code>UseParticipantAttributesOptions</code> or via the <code>ParticipantContext</code>. |
103
- | [useParticipantAttributes(props)](./react/hook/useparticipantattributes.md) | |
104
- | [useParticipantContext()](./react/hook/useparticipantcontext.md) | Ensures that a participant is provided via context. If not inside a <code>ParticipantContext</code>, an error is thrown. |
105
- | [useParticipantInfo(props)](./react/hook/useparticipantinfo.md) | |
106
- | [useParticipantPermissions(options)](./react/hook/useparticipantpermissions.md) | |
107
- | [useParticipants(options)](./react/hook/useparticipants.md) | The <code>useParticipants</code> hook returns all participants (local and remote) of the current room. |
108
- | [useParticipantTile({ trackRef, onParticipantClick, disableSpeakingIndicator, htmlProps, })](./react/hook/useparticipanttile.md) | The <code>useParticipantTile</code> hook is used to implement the <code>ParticipantTile</code> and returns the props needed to render the tile. |
109
- | [useParticipantTracks(sources, participantIdentity)](./react/hook/useparticipanttracks.md) | <code>useParticipantTracks</code> is a custom React that allows you to get tracks of a specific participant only, by specifiying the participant's identity. If the participant identity is not passed the hook will try to get the participant from a participant context. |
110
- | [usePersistentUserChoices(options)](./react/hook/usepersistentuserchoices.md) | A hook that provides access to user choices stored in local storage, such as selected media devices and their current state (on or off), as well as the user name. |
111
- | [usePinnedTracks(layoutContext)](./react/hook/usepinnedtracks.md) | The <code>usePinnedTracks</code> hook returns a array of the pinned tracks of the current room. |
112
- | [usePreviewDevice(enabled, deviceId, kind)](./react/hook/usepreviewdevice.md) | |
113
- | [usePreviewTracks(options, onError)](./react/hook/usepreviewtracks.md) | |
114
- | [useRemoteParticipant(identifier, options)](./react/hook/useremoteparticipant.md) | The <code>useRemoteParticipant</code> hook returns the first RemoteParticipant by either identity and/or based on the participant kind. |
115
- | [useRemoteParticipant(identity, options)](./react/hook/useremoteparticipant_1.md) | The <code>useRemoteParticipant</code> hook returns the first RemoteParticipant by either identity or based on the participant kind. |
116
- | [useRemoteParticipants(options)](./react/hook/useremoteparticipants.md) | The <code>useRemoteParticipants</code> hook returns all remote participants (without the local) of the current room. |
117
- | [useRoomContext()](./react/hook/useroomcontext.md) | Ensures that a room is provided via context. If no room is provided, an error is thrown. |
118
- | [useRoomInfo(options)](./react/hook/useroominfo.md) | |
119
- | [useSequentialRoomConnectDisconnect(room)](./react/hook/usesequentialroomconnectdisconnect.md) | When calling room.disconnect() as part of a React useEffect cleanup function, it is possible for a room.connect(...) in the effect body to start running while the room.disconnect() is still running. This hook sequentializes these two operations, so they always happen in order and never overlap. |
120
- | [useSortedParticipants(participants)](./react/hook/usesortedparticipants.md) | The <code>useSortedParticipants</code> hook returns the participants sorted by importance. |
121
- | [useSpeakingParticipants()](./react/hook/usespeakingparticipants.md) | The <code>useSpeakingParticipants</code> hook returns only the active speakers of all participants. |
122
- | [useStartAudio({ room, props })](./react/hook/usestartaudio.md) | In many browsers to start audio playback, the user must perform a user-initiated event such as clicking a button. The <code>useStatAudio</code> hook returns an object with a boolean <code>canPlayAudio</code> flag that indicates whether audio playback is allowed in the current context, as well as a <code>startAudio</code> function that can be called in a button <code>onClick</code> callback to start audio playback in the current context. |
123
- | [useStartVideo({ room, props })](./react/hook/usestartvideo.md) | In some browsers to start video playback in low power mode, the user must perform a user-initiated event such as clicking a button. The <code>useStartVideo</code> hook returns an object with a boolean <code>canPlayVideo</code> flag that indicates whether video playback is allowed in the current context, as well as a <code>startVideo</code> function that can be called in a button <code>onClick</code> callback to start video playback in the current context. |
124
- | [useSwipe(element, options)](./react/hook/useswipe.md) | Simple implementation to detect horizontal swipe actions. Accepts callbacks for on right and left swipes. |
125
- | [useTextStream(topic)](./react/hook/usetextstream.md) | **_(BETA)_** |
126
- | [useToken(tokenEndpoint, roomName, options)](./react/hook/usetoken.md) | The <code>useToken</code> hook fetches a token from the given token endpoint with the given user info. |
127
- | [useTrackByName(name, participant)](./react/hook/usetrackbyname.md) | This function <code>useTrackByName</code> allows you to access a track by referencing its track name. Inside the function, it ensures that the a valid <code>participant</code> reference is available by checking for both a passed participant argument and, if not available, a valid participant context. |
128
- | [useTrackMutedIndicator(trackRef)](./react/hook/usetrackmutedindicator.md) | The <code>useTrackMutedIndicator</code> hook is used to implement the <code>TrackMutedIndicator</code> component and returns the muted state of the given track. |
129
- | [useTrackRefContext()](./react/hook/usetrackrefcontext.md) | Ensures that a track reference is provided via context. If not inside a <code>TrackRefContext</code>, an error is thrown. |
130
- | [useTracks(sources, options)](./react/hook/usetracks.md) | The <code>useTracks</code> hook returns an array of <code>TrackReference</code> or <code>TrackReferenceOrPlaceholder</code> depending on the provided <code>sources</code> property. If only subscribed tracks are desired, set the <code>onlySubscribed</code> property to <code>true</code>. |
131
- | [useTrackToggle({ source, onChange, initialState, captureOptions, publishOptions, onDeviceError, ...rest })](./react/hook/usetracktoggle.md) | The <code>useTrackToggle</code> hook is used to implement the <code>TrackToggle</code> component and returns state and functionality of the given track. |
132
- | [useTrackTranscription(trackRef, options)](./react/hook/usetracktranscription.md) | |
133
- | [useTrackVolume(trackOrTrackReference, options)](./react/hook/usetrackvolume.md) | Hook for tracking the volume of an audio track using the Web Audio API. |
134
- | [useTranscriptions(opts)](./react/hook/usetranscriptions.md) | **_(BETA)_** useTranscriptions is a hook that returns the transcriptions for the given participant identities and track sids, if no options are provided, it will return all transcriptions |
135
- | [useVisualStableUpdate(trackReferences, maxItemsOnPage, options)](./react/hook/usevisualstableupdate.md) | The <code>useVisualStableUpdate</code> hook is used to prevent visually jarring jumps and shifts of elements in an array. The algorithm only starts to update when there are more items than visually fit on a page. If this is the case, it will make sure that speaking participants move to the first page and are always visible. |
136
- | [useVoiceAssistant()](./react/hook/usevoiceassistant.md) | **_(BETA)_** This hook looks for the first agent-participant in the room. |
65
+ | Hook | Description |
66
+ | -------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
67
+ | [useAgent(session)](./react/hook/useagent.md) | **_(BETA)_** useAgent encapculates all agent state, normalizing some quirks around how LiveKit Agents work. |
68
+ | [useAudioPlayback(room)](./react/hook/useaudioplayback.md) | In many browsers to start audio playback, the user must perform a user-initiated event such as clicking a button. The <code>useAudioPlayback</code> hook returns an object with a boolean <code>canPlayAudio</code> flag that indicates whether audio playback is allowed in the current context, as well as a <code>startAudio</code> function that can be called in a button <code>onClick</code> callback to start audio playback in the current context. |
69
+ | [useAudioWaveform(trackOrTrackReference, options)](./react/hook/useaudiowaveform.md) | |
70
+ | [useChat(options)](./react/hook/usechat.md) | The <code>useChat</code> hook provides chat functionality for a LiveKit room. |
71
+ | [useChatToggle({ props })](./react/hook/usechattoggle.md) | The <code>useChatToggle</code> hook provides state and functions for toggling the chat window. |
72
+ | [useClearPinButton(props)](./react/hook/useclearpinbutton.md) | The <code>useClearPinButton</code> hook provides props for the [ClearPinButton()](./react/component/clearpinbutton.md) or your custom implementation of it component. It adds the <code>onClick</code> handler to signal the <code>LayoutContext</code> that the tile in focus should be cleared. |
73
+ | [useConnectionQualityIndicator(options)](./react/hook/useconnectionqualityindicator.md) | The <code>useConnectionQualityIndicator</code> hook provides props for the <code>ConnectionQualityIndicator</code> or your custom implementation of it component. |
74
+ | [useConnectionState(room)](./react/hook/useconnectionstate.md) | The <code>useConnectionState</code> hook allows you to simply implement your own <code>ConnectionState</code> component. |
75
+ | [useCreateLayoutContext()](./react/hook/usecreatelayoutcontext.md) | |
76
+ | [useDataChannel(topic, onMessage)](./react/hook/usedatachannel.md) | The <code>useDataChannel</code> hook returns the ability to send and receive messages. Pass an optional <code>topic</code> to narrow down which messages are returned in the messages array. |
77
+ | [useDataChannel(onMessage)](./react/hook/usedatachannel_1.md) | Overload for <code>useDataChannel</code> without a topic. See [useDataChannel()](./react/hook/usedatachannel.md) for information and usage examples. |
78
+ | [useDisconnectButton(props)](./react/hook/usedisconnectbutton.md) | The <code>useDisconnectButton</code> hook is used to implement the <code>DisconnectButton</code> or your custom implementation of it. It adds onClick handler to the button to disconnect from the room. |
79
+ | [useEnsureCreateLayoutContext(layoutContext)](./react/hook/useensurecreatelayoutcontext.md) | |
80
+ | [useEnsureLayoutContext(layoutContext)](./react/hook/useensurelayoutcontext.md) | Ensures that a layout context is provided, either via context or explicitly as a parameter. If not inside a <code>LayoutContext</code> and no layout context is provided, an error is thrown. |
81
+ | [useEnsureParticipant(participant)](./react/hook/useensureparticipant.md) | Ensures that a participant is provided, either via context or explicitly as a parameter. If not inside a <code>ParticipantContext</code> and no participant is provided, an error is thrown. |
82
+ | [useEnsureRoom(room)](./react/hook/useensureroom.md) | Ensures that a room is provided, either via context or explicitly as a parameter. If no room is provided, an error is thrown. |
83
+ | [useEnsureSession(session)](./react/hook/useensuresession.md) | **_(BETA)_** Ensures that a session is provided, either via context or explicitly as a parameter. If no session is provided, an error is thrown. |
84
+ | [useEnsureTrackRef(trackRef)](./react/hook/useensuretrackref.md) | Ensures that a track reference is provided, either via context or explicitly as a parameter. If not inside a <code>TrackRefContext</code> and no track reference is provided, an error is thrown. |
85
+ | [useEvents(instance, event, handlerFn, dependencies)](./react/hook/useevents.md) | |
86
+ | [useFacingMode(trackReference)](./react/hook/usefacingmode.md) | Try to determine the <code>facingMode</code> of a local participant video track. |
87
+ | [useFocusToggle({ trackRef, props })](./react/hook/usefocustoggle.md) | The <code>useFocusToggle</code> hook is used to implement the <code>FocusToggle</code> or your custom implementation of it. The <code>TrackReferenceOrPlaceholder</code> is used to register a onClick handler and to identify the track to focus on. |
88
+ | [useGridLayout(gridElement, trackCount, options)](./react/hook/usegridlayout.md) | The <code>useGridLayout</code> hook tries to select the best layout to fit all tiles. If the available screen space is not enough, it will reduce the number of maximum visible tiles and select a layout that still works visually within the given limitations. As the order of tiles changes over time, the hook tries to keep visual updates to a minimum while trying to display important tiles such as speaking participants or screen shares. |
89
+ | [useIsEncrypted(participant, options)](./react/hook/useisencrypted.md) | |
90
+ | [useIsMuted(trackRef)](./react/hook/useismuted.md) | The <code>useIsMuted</code> hook is used to implement the <code>TrackMutedIndicator</code> or your custom implementation of it. It returns a <code>boolean</code> that indicates if the track is muted or not. |
91
+ | [useIsRecording(room)](./react/hook/useisrecording.md) | The <code>useIsRecording</code> hook returns a <code>boolean</code> that indicates if the room is currently being recorded. |
92
+ | [useIsSpeaking(participant)](./react/hook/useisspeaking.md) | The <code>useIsSpeaking</code> hook returns a <code>boolean</code> that indicates if the participant is speaking or not. |
93
+ | [useKrispNoiseFilter(options)](./react/hook/usekrispnoisefilter.md) | <p>**_(BETA)_** Enable the Krisp enhanced noise cancellation feature for local audio tracks.</p><p>Defaults to the localParticipant's microphone track publication, but you can override this behavior by passing in a different track reference.</p> |
94
+ | [useLayoutContext()](./react/hook/uselayoutcontext.md) | Ensures that a layout context is provided via context. If no layout context is provided, an error is thrown. |
95
+ | [useLiveKitRoom(props)](./react/hook/uselivekitroom.md) | The <code>useLiveKitRoom</code> hook is used to implement the <code>LiveKitRoom</code> or your custom implementation of it. It returns a <code>Room</code> instance and HTML props that should be applied to the root element of the component. |
96
+ | [useLocalParticipant(options)](./react/hook/uselocalparticipant.md) | The <code>useLocalParticipant</code> hook returns the local participant and the associated state around the participant. |
97
+ | [useLocalParticipantPermissions()](./react/hook/uselocalparticipantpermissions.md) | The <code>useLocalParticipantPermissions</code> hook returns the local participant's permissions. |
98
+ | [useMaybeLayoutContext()](./react/hook/usemaybelayoutcontext.md) | Returns a layout context from the <code>LayoutContext</code> if it exists, otherwise <code>undefined</code>. |
99
+ | [useMaybeParticipantContext()](./react/hook/usemaybeparticipantcontext.md) | Returns a participant from the <code>ParticipantContext</code> if it exists, otherwise <code>undefined</code>. |
100
+ | [useMaybeRoomContext()](./react/hook/usemayberoomcontext.md) | Returns the room context if it exists, otherwise undefined. |
101
+ | [useMaybeSessionContext()](./react/hook/usemaybesessioncontext.md) | **_(BETA)_** Returns the session context if it exists, otherwise undefined. |
102
+ | [useMaybeTrackRefContext()](./react/hook/usemaybetrackrefcontext.md) | Returns a track reference from the <code>TrackRefContext</code> if it exists, otherwise <code>undefined</code>. |
103
+ | [useMediaDevices({ kind, onError, })](./react/hook/usemediadevices.md) | The <code>useMediaDevices</code> hook returns the list of media devices of a given kind. |
104
+ | [useMediaDeviceSelect({ kind, room, track, requestPermissions, onError, })](./react/hook/usemediadeviceselect.md) | The <code>useMediaDeviceSelect</code> hook is used to implement the <code>MediaDeviceSelect</code> component and returns o.a. the list of devices of a given kind (audioinput or videoinput), the currently active device and a function to set the the active device. |
105
+ | [useMultibandTrackVolume(trackOrTrackReference, options)](./react/hook/usemultibandtrackvolume.md) | Hook for tracking the volume of an audio track across multiple frequency bands using the Web Audio API. |
106
+ | [usePagination(itemPerPage, trackReferences)](./react/hook/usepagination.md) | The <code>usePagination</code> hook implements simple pagination logic for use with arrays. |
107
+ | [useParticipantAttribute(attributeKey, options)](./react/hook/useparticipantattribute.md) | The <code>useParticipantAttribute</code> hook returns the latest value of a given attribute key of a participant. It requires a <code>Participant</code> object passed as property in the <code>UseParticipantAttributesOptions</code> or via the <code>ParticipantContext</code>. |
108
+ | [useParticipantAttributes(props)](./react/hook/useparticipantattributes.md) | |
109
+ | [useParticipantContext()](./react/hook/useparticipantcontext.md) | Ensures that a participant is provided via context. If not inside a <code>ParticipantContext</code>, an error is thrown. |
110
+ | [useParticipantInfo(props)](./react/hook/useparticipantinfo.md) | |
111
+ | [useParticipantPermissions(options)](./react/hook/useparticipantpermissions.md) | |
112
+ | [useParticipants(options)](./react/hook/useparticipants.md) | The <code>useParticipants</code> hook returns all participants (local and remote) of the current room. |
113
+ | [useParticipantTile({ trackRef, onParticipantClick, disableSpeakingIndicator, htmlProps, })](./react/hook/useparticipanttile.md) | The <code>useParticipantTile</code> hook is used to implement the <code>ParticipantTile</code> and returns the props needed to render the tile. |
114
+ | [useParticipantTracks(sources, optionsOrParticipantIdentity)](./react/hook/useparticipanttracks.md) | <code>useParticipantTracks</code> is a custom React that allows you to get tracks of a specific participant only, by specifiying the participant's identity. If the participant identity is not passed the hook will try to get the participant from a participant context. |
115
+ | [usePersistentUserChoices(options)](./react/hook/usepersistentuserchoices.md) | A hook that provides access to user choices stored in local storage, such as selected media devices and their current state (on or off), as well as the user name. |
116
+ | [usePinnedTracks(layoutContext)](./react/hook/usepinnedtracks.md) | The <code>usePinnedTracks</code> hook returns a array of the pinned tracks of the current room. |
117
+ | [usePreviewDevice(enabled, deviceId, kind)](./react/hook/usepreviewdevice.md) | |
118
+ | [usePreviewTracks(options, onError)](./react/hook/usepreviewtracks.md) | |
119
+ | [useRemoteParticipant(identifier, options)](./react/hook/useremoteparticipant.md) | The <code>useRemoteParticipant</code> hook returns the first RemoteParticipant by either identity and/or based on the participant kind. |
120
+ | [useRemoteParticipant(identity, options)](./react/hook/useremoteparticipant_1.md) | The <code>useRemoteParticipant</code> hook returns the first RemoteParticipant by either identity or based on the participant kind. |
121
+ | [useRemoteParticipants(options)](./react/hook/useremoteparticipants.md) | The <code>useRemoteParticipants</code> hook returns all remote participants (without the local) of the current room. |
122
+ | [useRoomContext()](./react/hook/useroomcontext.md) | Ensures that a room is provided via context. If no room is provided, an error is thrown. |
123
+ | [useRoomInfo(options)](./react/hook/useroominfo.md) | |
124
+ | [useSequentialRoomConnectDisconnect(room)](./react/hook/usesequentialroomconnectdisconnect.md) | When calling room.disconnect() as part of a React useEffect cleanup function, it is possible for a room.connect(...) in the effect body to start running while the room.disconnect() is still running. This hook sequentializes these two operations, so they always happen in order and never overlap. |
125
+ | [useSession(tokenSource, options)](./react/hook/usesession.md) | **_(BETA)_** A Session represents a managed connection to a Room which can contain Agents. |
126
+ | [useSession(tokenSource, options)](./react/hook/usesession_1.md) | **_(BETA)_** A Session represents a managed connection to a Room which can contain Agents. |
127
+ | [useSessionContext()](./react/hook/usesessioncontext.md) | **_(BETA)_** Ensures that a session is provided via context. If no session is provided, an error is thrown. |
128
+ | [useSessionMessages(session)](./react/hook/usesessionmessages.md) | **_(BETA)_** |
129
+ | [useSortedParticipants(participants)](./react/hook/usesortedparticipants.md) | The <code>useSortedParticipants</code> hook returns the participants sorted by importance. |
130
+ | [useSpeakingParticipants(options)](./react/hook/usespeakingparticipants.md) | The <code>useSpeakingParticipants</code> hook returns only the active speakers of all participants. |
131
+ | [useStartAudio({ room, props })](./react/hook/usestartaudio.md) | In many browsers to start audio playback, the user must perform a user-initiated event such as clicking a button. The <code>useStatAudio</code> hook returns an object with a boolean <code>canPlayAudio</code> flag that indicates whether audio playback is allowed in the current context, as well as a <code>startAudio</code> function that can be called in a button <code>onClick</code> callback to start audio playback in the current context. |
132
+ | [useStartVideo({ room, props })](./react/hook/usestartvideo.md) | In some browsers to start video playback in low power mode, the user must perform a user-initiated event such as clicking a button. The <code>useStartVideo</code> hook returns an object with a boolean <code>canPlayVideo</code> flag that indicates whether video playback is allowed in the current context, as well as a <code>startVideo</code> function that can be called in a button <code>onClick</code> callback to start video playback in the current context. |
133
+ | [useSwipe(element, options)](./react/hook/useswipe.md) | Simple implementation to detect horizontal swipe actions. Accepts callbacks for on right and left swipes. |
134
+ | [useTextStream(topic, options)](./react/hook/usetextstream.md) | **_(BETA)_** |
135
+ | [useToken(tokenEndpoint, roomName, options)](./react/hook/usetoken.md) | The <code>useToken</code> hook fetches a token from the given token endpoint with the given user info. |
136
+ | [useTrackByName(name, participant)](./react/hook/usetrackbyname.md) | This function <code>useTrackByName</code> allows you to access a track by referencing its track name. Inside the function, it ensures that the a valid <code>participant</code> reference is available by checking for both a passed participant argument and, if not available, a valid participant context. |
137
+ | [useTrackMutedIndicator(trackRef)](./react/hook/usetrackmutedindicator.md) | The <code>useTrackMutedIndicator</code> hook is used to implement the <code>TrackMutedIndicator</code> component and returns the muted state of the given track. |
138
+ | [useTrackRefContext()](./react/hook/usetrackrefcontext.md) | Ensures that a track reference is provided via context. If not inside a <code>TrackRefContext</code>, an error is thrown. |
139
+ | [useTracks(sources, options)](./react/hook/usetracks.md) | The <code>useTracks</code> hook returns an array of <code>TrackReference</code> or <code>TrackReferenceOrPlaceholder</code> depending on the provided <code>sources</code> property. If only subscribed tracks are desired, set the <code>onlySubscribed</code> property to <code>true</code>. |
140
+ | [useTrackToggle({ source, onChange, initialState, captureOptions, publishOptions, onDeviceError, room, ...rest })](./react/hook/usetracktoggle.md) | The <code>useTrackToggle</code> hook is used to implement the <code>TrackToggle</code> component and returns state and functionality of the given track. |
141
+ | [useTrackTranscription(trackRef, options)](./react/hook/usetracktranscription.md) | |
142
+ | [useTrackVolume(trackOrTrackReference, options)](./react/hook/usetrackvolume.md) | Hook for tracking the volume of an audio track using the Web Audio API. |
143
+ | [useTranscriptions(opts)](./react/hook/usetranscriptions.md) | **_(BETA)_** useTranscriptions is a hook that returns the transcriptions for the given participant identities and track sids, if no options are provided, it will return all transcriptions |
144
+ | [useVisualStableUpdate(trackReferences, maxItemsOnPage, options)](./react/hook/usevisualstableupdate.md) | The <code>useVisualStableUpdate</code> hook is used to prevent visually jarring jumps and shifts of elements in an array. The algorithm only starts to update when there are more items than visually fit on a page. If this is the case, it will make sure that speaking participants move to the first page and are always visible. |
145
+ | [useVoiceAssistant()](./react/hook/usevoiceassistant.md) | **_(BETA)_** This hook looks for the first agent-participant in the room. |
137
146
 
138
147
  ## Others
139
148
 
140
- | Other | Description |
141
- | ------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
142
- | [AgentState](./react/agentstate.md) | **_(BETA)_** |
143
- | [AllowAudioPlaybackProps](./react/allowaudioplaybackprops.md) | |
144
- | [AllowMediaPlaybackProps](./react/allowmediaplaybackprops.md) | |
145
- | [AudioConferenceProps](./react/audioconferenceprops.md) | |
146
- | [AudioTrackProps](./react/audiotrackprops.md) | |
147
- | [AudioVisualizerProps](./react/audiovisualizerprops.md) | |
148
- | [AudioWaveformOptions](./react/audiowaveformoptions.md) | |
149
- | [BarVisualizerOptions](./react/barvisualizeroptions.md) | **_(BETA)_** |
150
- | [BarVisualizerProps](./react/barvisualizerprops.md) | **_(BETA)_** |
151
- | [CarouselLayoutProps](./react/carousellayoutprops.md) | |
152
- | [ChatEntryProps](./react/chatentryprops.md) | ChatEntry composes the HTML div element under the hood, so you can pass all its props. These are the props specific to the ChatEntry component: |
153
- | [ChatProps](./react/chatprops.md) | |
154
- | [ChatToggleProps](./react/chattoggleprops.md) | |
155
- | [ClearPinButtonProps](./react/clearpinbuttonprops.md) | |
156
- | [ConnectionQualityIndicatorOptions](./react/connectionqualityindicatoroptions.md) | |
157
- | [ConnectionQualityIndicatorProps](./react/connectionqualityindicatorprops.md) | |
158
- | [ConnectionStateToastProps](./react/connectionstatetoastprops.md) | |
159
- | [ConnectionStatusProps](./react/connectionstatusprops.md) | |
160
- | [ControlBarControls](./react/controlbarcontrols.md) | |
161
- | [ControlBarProps](./react/controlbarprops.md) | |
162
- | [DisconnectButtonProps](./react/disconnectbuttonprops.md) | |
163
- | [FocusLayoutContainerProps](./react/focuslayoutcontainerprops.md) | |
164
- | [FocusLayoutProps](./react/focuslayoutprops.md) | |
165
- | [FocusToggleProps](./react/focustoggleprops.md) | |
166
- | [formatChatMessageLinks(message)](./react/formatchatmessagelinks.md) | |
167
- | [GridLayoutProps](./react/gridlayoutprops.md) | |
168
- | [LayoutContextProviderProps](./react/layoutcontextproviderprops.md) | |
169
- | [LayoutContextType](./react/layoutcontexttype.md) | |
170
- | [LiveKitRoomProps](./react/livekitroomprops.md) | |
171
- | [MediaDeviceMenuProps](./react/mediadevicemenuprops.md) | |
172
- | [MediaDeviceSelectProps](./react/mediadeviceselectprops.md) | |
173
- | [MessageFormatter](./react/messageformatter.md) | |
174
- | [MultiBandTrackVolumeOptions](./react/multibandtrackvolumeoptions.md) | Interface for configuring options for the useMultibandTrackVolume hook. |
175
- | [ParticipantLoopProps](./react/participantloopprops.md) | |
176
- | [ParticipantNameProps](./react/participantnameprops.md) | |
177
- | [ParticipantTileProps](./react/participanttileprops.md) | |
178
- | [PreJoinProps](./react/prejoinprops.md) | Props for the PreJoin component. |
179
- | [RoomAudioRendererProps](./react/roomaudiorendererprops.md) | |
180
- | [RoomNameProps](./react/roomnameprops.md) | |
181
- | [TrackLoopProps](./react/trackloopprops.md) | |
182
- | [TrackMutedIndicatorProps](./react/trackmutedindicatorprops.md) | |
183
- | [TrackToggleProps](./react/tracktoggleprops.md) | |
184
- | [TrackTranscriptionOptions](./react/tracktranscriptionoptions.md) | |
185
- | [UseChatToggleProps](./react/usechattoggleprops.md) | |
186
- | [UseFocusToggleProps](./react/usefocustoggleprops.md) | |
187
- | [UseIsEncryptedOptions](./react/useisencryptedoptions.md) | |
188
- | [UseIsMutedOptions](./react/useismutedoptions.md) | |
189
- | [useKrispNoiseFilterOptions](./react/usekrispnoisefilteroptions.md) | **_(BETA)_** |
190
- | [UseLocalParticipantOptions](./react/uselocalparticipantoptions.md) | |
191
- | [UseMediaDeviceSelectProps](./react/usemediadeviceselectprops.md) | |
192
- | [UseParticipantAttributesOptions](./react/useparticipantattributesoptions.md) | The <code>useParticipantAttributes</code> hook returns the attributes of a given participant and allows to set them. It requires a <code>Participant</code> object passed as property or via the <code>ParticipantContext</code>. |
193
- | [UseParticipantInfoOptions](./react/useparticipantinfooptions.md) | The <code>useParticipantInfo</code> hook returns the identity, name, and metadata of a given participant. It requires a <code>Participant</code> object passed as property or via the <code>ParticipantContext</code>. |
194
- | [UseParticipantPermissionsOptions](./react/useparticipantpermissionsoptions.md) | The <code>useParticipantPermissions</code> hook returns the permissions of a given participant. |
195
- | [UseParticipantsOptions](./react/useparticipantsoptions.md) | |
196
- | [UseParticipantTileProps](./react/useparticipanttileprops.md) | |
197
- | [UsePersistentUserChoicesOptions](./react/usepersistentuserchoicesoptions.md) | Options for the <code>usePersistentDeviceSettings</code> hook. |
198
- | [UseRemoteParticipantOptions](./react/useremoteparticipantoptions.md) | |
199
- | [UseRemoteParticipantsOptions](./react/useremoteparticipantsoptions.md) | |
200
- | [UserInfo](./react/userinfo.md) | |
201
- | [UseRoomInfoOptions](./react/useroominfooptions.md) | The <code>useRoomInfo</code> hook returns the name and metadata of the given <code>Room</code>. |
202
- | [UseSequentialRoomConnectDisconnectResults](./react/usesequentialroomconnectdisconnectresults.md) | |
203
- | [UseStartAudioProps](./react/usestartaudioprops.md) | |
204
- | [UseStartVideoProps](./react/usestartvideoprops.md) | |
205
- | [UseSwipeOptions](./react/useswipeoptions.md) | |
206
- | [UseTokenOptions](./react/usetokenoptions.md) | |
207
- | [UseTracksHookReturnType](./react/usetrackshookreturntype.md) | |
208
- | [UseTracksOptions](./react/usetracksoptions.md) | |
209
- | [UseTrackToggleProps](./react/usetracktoggleprops.md) | |
210
- | [UseTranscriptionsOptions](./react/usetranscriptionsoptions.md) | **_(BETA)_** |
211
- | [UseVisualStableUpdateOptions](./react/usevisualstableupdateoptions.md) | |
212
- | [VideoConferenceProps](./react/videoconferenceprops.md) | |
213
- | [VideoTrackProps](./react/videotrackprops.md) | |
214
- | [VoiceAssistant](./react/voiceassistant.md) | **_(BETA)_** |
215
- | [VoiceAssistantControlBarControls](./react/voiceassistantcontrolbarcontrols.md) | **_(BETA)_** |
216
- | [VoiceAssistantControlBarProps](./react/voiceassistantcontrolbarprops.md) | **_(BETA)_** |
149
+ | Other | Description |
150
+ | ------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
151
+ | [AgentCallbacks](./react/agentcallbacks.md) | **_(BETA)_** |
152
+ | [AgentEvent](./react/agentevent.md) | **_(BETA)_** |
153
+ | [AgentState](./react/agentstate.md) | <p>**_(BETA)_** State representing the current status of the agent, whether it is ready for speach, etc</p><p>For most agents (which have the preconnect audio buffer feature enabled), this is the lifecycle: connecting ➡️ pre-connect-buffering ➡️ initializing/listening/thinking/speaking</p><p>For agents without the preconnect audio feature enabled: connecting ➡️ initializing ➡️ idle/listening/thinking/speaking</p><p>If an agent fails to connect: connecting ➡️ pre-connect-buffering/initializing ➡️ failed</p><p>Legacy useVoiceAssistant hook: disconnected ➡️ connecting ➡️ initializing ➡️ listening/thinking/speaking</p> |
154
+ | [AllowAudioPlaybackProps](./react/allowaudioplaybackprops.md) | |
155
+ | [AllowMediaPlaybackProps](./react/allowmediaplaybackprops.md) | |
156
+ | [AudioConferenceProps](./react/audioconferenceprops.md) | |
157
+ | [AudioTrackProps](./react/audiotrackprops.md) | |
158
+ | [AudioVisualizerProps](./react/audiovisualizerprops.md) | |
159
+ | [AudioWaveformOptions](./react/audiowaveformoptions.md) | |
160
+ | [BarVisualizerOptions](./react/barvisualizeroptions.md) | **_(BETA)_** |
161
+ | [BarVisualizerProps](./react/barvisualizerprops.md) | **_(BETA)_** |
162
+ | [CarouselLayoutProps](./react/carousellayoutprops.md) | |
163
+ | [ChatEntryProps](./react/chatentryprops.md) | ChatEntry composes the HTML div element under the hood, so you can pass all its props. These are the props specific to the ChatEntry component: |
164
+ | [ChatProps](./react/chatprops.md) | |
165
+ | [ChatToggleProps](./react/chattoggleprops.md) | |
166
+ | [ClearPinButtonProps](./react/clearpinbuttonprops.md) | |
167
+ | [ConnectionQualityIndicatorOptions](./react/connectionqualityindicatoroptions.md) | |
168
+ | [ConnectionQualityIndicatorProps](./react/connectionqualityindicatorprops.md) | |
169
+ | [ConnectionStateToastProps](./react/connectionstatetoastprops.md) | |
170
+ | [ConnectionStatusProps](./react/connectionstatusprops.md) | |
171
+ | [ControlBarControls](./react/controlbarcontrols.md) | |
172
+ | [ControlBarProps](./react/controlbarprops.md) | |
173
+ | [DisconnectButtonProps](./react/disconnectbuttonprops.md) | |
174
+ | [FocusLayoutContainerProps](./react/focuslayoutcontainerprops.md) | |
175
+ | [FocusLayoutProps](./react/focuslayoutprops.md) | |
176
+ | [FocusToggleProps](./react/focustoggleprops.md) | |
177
+ | [formatChatMessageLinks(message)](./react/formatchatmessagelinks.md) | |
178
+ | [GridLayoutProps](./react/gridlayoutprops.md) | |
179
+ | [LayoutContextProviderProps](./react/layoutcontextproviderprops.md) | |
180
+ | [LayoutContextType](./react/layoutcontexttype.md) | |
181
+ | [LiveKitRoomProps](./react/livekitroomprops.md) | |
182
+ | [MediaDeviceMenuProps](./react/mediadevicemenuprops.md) | |
183
+ | [MediaDeviceSelectProps](./react/mediadeviceselectprops.md) | |
184
+ | [MessageFormatter](./react/messageformatter.md) | |
185
+ | [MessagesCallbacks](./react/messagescallbacks.md) | **_(BETA)_** |
186
+ | [MessagesEvent](./react/messagesevent.md) | **_(BETA)_** |
187
+ | [MultiBandTrackVolumeOptions](./react/multibandtrackvolumeoptions.md) | Interface for configuring options for the useMultibandTrackVolume hook. |
188
+ | [ParticipantLoopProps](./react/participantloopprops.md) | |
189
+ | [ParticipantNameProps](./react/participantnameprops.md) | |
190
+ | [ParticipantTileProps](./react/participanttileprops.md) | |
191
+ | [PreJoinProps](./react/prejoinprops.md) | Props for the PreJoin component. |
192
+ | [RoomAudioRendererProps](./react/roomaudiorendererprops.md) | |
193
+ | [RoomNameProps](./react/roomnameprops.md) | |
194
+ | [SessionCallbacks](./react/sessioncallbacks.md) | **_(BETA)_** |
195
+ | [SessionConnectOptions](./react/sessionconnectoptions.md) | **_(BETA)_** |
196
+ | [SessionEvent](./react/sessionevent.md) | **_(BETA)_** |
197
+ | [SessionProviderProps](./react/sessionproviderprops.md) | **_(BETA)_** |
198
+ | [SwitchActiveDeviceOptions](./react/switchactivedeviceoptions.md) | **_(BETA)_** |
199
+ | [TrackLoopProps](./react/trackloopprops.md) | |
200
+ | [TrackMutedIndicatorProps](./react/trackmutedindicatorprops.md) | |
201
+ | [TrackToggleProps](./react/tracktoggleprops.md) | |
202
+ | [TrackTranscriptionOptions](./react/tracktranscriptionoptions.md) | |
203
+ | [UseAgentReturn](./react/useagentreturn.md) | **_(BETA)_** |
204
+ | [UseChatToggleProps](./react/usechattoggleprops.md) | |
205
+ | [UseFocusToggleProps](./react/usefocustoggleprops.md) | |
206
+ | [UseIsEncryptedOptions](./react/useisencryptedoptions.md) | |
207
+ | [UseIsMutedOptions](./react/useismutedoptions.md) | |
208
+ | [useKrispNoiseFilterOptions](./react/usekrispnoisefilteroptions.md) | **_(BETA)_** |
209
+ | [UseLocalParticipantOptions](./react/uselocalparticipantoptions.md) | |
210
+ | [UseMediaDeviceSelectProps](./react/usemediadeviceselectprops.md) | |
211
+ | [UseParticipantAttributesOptions](./react/useparticipantattributesoptions.md) | The <code>useParticipantAttributes</code> hook returns the attributes of a given participant and allows to set them. It requires a <code>Participant</code> object passed as property or via the <code>ParticipantContext</code>. |
212
+ | [UseParticipantInfoOptions](./react/useparticipantinfooptions.md) | The <code>useParticipantInfo</code> hook returns the identity, name, and metadata of a given participant. It requires a <code>Participant</code> object passed as property or via the <code>ParticipantContext</code>. |
213
+ | [UseParticipantPermissionsOptions](./react/useparticipantpermissionsoptions.md) | The <code>useParticipantPermissions</code> hook returns the permissions of a given participant. |
214
+ | [UseParticipantsOptions](./react/useparticipantsoptions.md) | |
215
+ | [UseParticipantTileProps](./react/useparticipanttileprops.md) | |
216
+ | [UsePersistentUserChoicesOptions](./react/usepersistentuserchoicesoptions.md) | Options for the <code>usePersistentDeviceSettings</code> hook. |
217
+ | [UseRemoteParticipantOptions](./react/useremoteparticipantoptions.md) | |
218
+ | [UseRemoteParticipantsOptions](./react/useremoteparticipantsoptions.md) | |
219
+ | [UserInfo](./react/userinfo.md) | |
220
+ | [UseRoomInfoOptions](./react/useroominfooptions.md) | The <code>useRoomInfo</code> hook returns the name and metadata of the given <code>Room</code>. |
221
+ | [UseSequentialRoomConnectDisconnectResults](./react/usesequentialroomconnectdisconnectresults.md) | |
222
+ | [UseSessionMessagesReturn](./react/usesessionmessagesreturn.md) | **_(BETA)_** |
223
+ | [UseSessionReturn](./react/usesessionreturn.md) | **_(BETA)_** |
224
+ | [UseSpeakingParticipantsOptions](./react/usespeakingparticipantsoptions.md) | |
225
+ | [UseStartAudioProps](./react/usestartaudioprops.md) | |
226
+ | [UseStartVideoProps](./react/usestartvideoprops.md) | |
227
+ | [UseSwipeOptions](./react/useswipeoptions.md) | |
228
+ | [UseTextStreamOptions](./react/usetextstreamoptions.md) | **_(BETA)_** |
229
+ | [UseTokenOptions](./react/usetokenoptions.md) | |
230
+ | [UseTracksHookReturnType](./react/usetrackshookreturntype.md) | |
231
+ | [UseTracksOptions](./react/usetracksoptions.md) | |
232
+ | [UseTrackToggleProps](./react/usetracktoggleprops.md) | |
233
+ | [UseTranscriptionsOptions](./react/usetranscriptionsoptions.md) | **_(BETA)_** |
234
+ | [UseVisualStableUpdateOptions](./react/usevisualstableupdateoptions.md) | |
235
+ | [VideoConferenceProps](./react/videoconferenceprops.md) | |
236
+ | [VideoTrackProps](./react/videotrackprops.md) | |
237
+ | [VoiceAssistant](./react/voiceassistant.md) | **_(BETA)_** |
238
+ | [VoiceAssistantControlBarControls](./react/voiceassistantcontrolbarcontrols.md) | **_(BETA)_** |
239
+ | [VoiceAssistantControlBarProps](./react/voiceassistantcontrolbarprops.md) | **_(BETA)_** |