'incomingCall' listener not working . Getting error "Callingcommunicatoirerror at callAgentImpl.on" when using callAgent.on('incomingCall', handleIncomingCall) in reactjs

Question

No incoming event getting called when a remote participants join the call or exit from the call.

I have used the below code in App.js

const { token, user } = await fetchTokenResponse(); const tokenCredential = new AzureCommunicationTokenCredential(token);

    const callClient = new CallClient();

    const callAgent = await callClient.createCallAgent(tokenCredential);

	callAgent.on('incomingCall', (incomingCallEvent) => {

          console.log('Incoming call event:', incomingCallEvent);


      });

We have used the github link : https://github.com/Azure-Samples/communication-services-web-calling-hero

Answer 1

@Ramakrishna Samanta Thanks for asking question!

Remote participants in a call are represented by the RemoteParticipant type. These participants can be accessed through the remoteParticipants collection in a call instance.

Listing Participants in a Call:

To retrieve the list of remote participants in a call, use the getRemoteParticipants method on the call instance. This method returns a list of RemoteParticipant objects.

List<RemoteParticipant> remoteParticipants = call.getRemoteParticipants(); // [remoteParticipant, remoteParticipant....]

This code snippet fetches all remote participants in the call and stores them in a list.

Adding a Participant to a Call-

To add a new participant to a call, whether it's a user or a phone number, use the addParticipant method. This method will synchronously return the instance of the newly added remote participant.

1. Adding participant and Phone Number-

      const acsUser = new CommunicationUserIdentifier("<acs user id>"); const acsPhone = new PhoneNumberIdentifier("<phone number>"); RemoteParticipant remoteParticipant1 = call.addParticipant(acsUser); AddPhoneNumberOptions addPhoneNumberOptions = new AddPhoneNumberOptions(new PhoneNumberIdentifier("<alternate phone number>")); RemoteParticipant remoteParticipant2 = call.addParticipant(acsPhone, addPhoneNumberOptions);
   

   Here, a user identified by their Azure Communication Services (ACS) user ID is added to the call. In this example, a participant is added to the call using a phone number. Additional options can be specified using AddPhoneNumberOptions.

Hope this helps, please let us know if issue remains!