Hello.
I’m trying to use jitsi meet api with react application.
I want to use integration jitsi meet and 8x8 service.
My index.html file contains
<script crossorigin src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script crossorigin src="https://meet.jit.si/libs/lib-jitsi-meet.min.js"></script>
t
o add jitsi meet to application
My React code:
const initOptions: JitsiMeetJSInitOptions = {};
const connectOptions: JitsiConnectionOptions = {
serviceUrl: 'wss://8x8.vc/xmpp-websocket?room=' + roomId,
hosts: {
domain: '8x8.vc',
muc: 'conference.*my AppID*.8x8.vc',
focus: 'focus.8x8.vc',
},
};
JitsiMeetJS.init(initOptions);
JitsiMeetJS.createLocalTracks({
devices: ['audio'],
}).then(onLocalTracks);
const connection: JitsiConnection = new JitsiMeetJS.JitsiConnection(null, jwt, connectOptions);
connection.addEventListener(JitsiMeetJS.events.connection.CONNECTION_ESTABLISHED,
() => {
const options = {
enableLayerSuspension: true,
p2p: {
enabled: false,
},
};
const room: JitsiConference = connection.initJitsiConference(roomId, options);
room.on(JitsiMeetJS.events.conference.CONFERENCE_JOINED, () => {
for (let i = 0; i < localTracks.length; i++) {
room.addTrack(localTracks[i]);
}
});
room.join();
},
);
connection.connect();
}
I’ also using “@aktriver/types-lib-jitsi-meet” for typing
My problem is that CONFERENCE_JOIN listener didn’t triggered. I think this is because i use wrong JitsiConnectionOptions: serviceUrl or muc and i didin’t connect to room.
I got no errors in console.
Can you please help me understand what i’m doing wrong?
