useRoomState

Use conference start. Usefull for:

• Get incoming tracks from participants
• Know the connection state

Participant tracks

/src/App.js

import { useRoom, useRoomState } from 'react-jitsi-hooks'

const App = () => {

// Connect to the conference

useRoom({ roomName: 'helloworld' });

const { remoteTracks } = useRoomState();

return <div>

{remoteTracks && <div>{Object.keys(remoteTracks).length} participants</div>}

</div>;

}

Connection state

/src/App.js

import { useRoom, useRoomState } from 'react-jitsi-hooks'

const App = () => {

// Connect to the conference

useRoom({ roomName: 'helloworld' });

const { connectionState } = useRoomState();

return <div>

{connectionState && <div>conference is {connectionState}</div>}

</div>;

}

Parameters

No parameters.

Returns

connection:JitsiMeetJS.JitsiConnection

connectionState:string

The state of the conference connection. Can be :

• "connected": the conference is connected
• "failure": the conference had trouble connecting
• undefined: the conference connection is pending, or inactive (if useRoom was not called)

remoteTracks:Record<string, TrackRecord[]>

A key-value pair where the key is the participant unique identifier, and the value the tracks they streams.

The streamed track is a TrackRecord:

• _id:string – The device id.
• jitsi:JitsiTrack – The jitsi track record. See JitsiTrack
• type:string – "audio" or "video"
• isMuted:boolean – if the track is muted. Same as .jitsi.isMuted() function.
• isStopped:boolean – if the track is in a stopped state.