> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-rn-guide-message-privately.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Direct Calling

> Direct Calling — CometChat documentation.

## Overview

This guide demonstrates how to start call in to an Android application. Before you begin, we strongly recommend you read the calling setup guide.

## Add Multiple Calls Event Listeners

For every activity or fragment you wish to receive call listeners, you need to register the CallsEventListeners using the `addCallsEventListeners()` method.

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    String listenerId = "UNIQUE_LISTENER_ID";

    class YourClassName extends State<CallingViewScreen> with CometChatCallsEventsListener{
      
        @override
    	  void initState() {
      	  super.initState();
          CometChatCalls.addCallsEventListeners(listenerId, this); //Register call listener
        }
      
    	  @override
    	  void dispose() {
      	  super.dispose();
          CometChatCalls.removeCallsEventListeners(listenerId); //Remove call listener
        }
      
        @override
      	void onCallEndButtonPressed() {
        	debugPrint("===>>>: onCallEndButtonPressed");
      	}

        @override
        void onCallEnded() {
          debugPrint("===>>>: onCallEnded");
        }

        @override
        void onAudioModeChanged(List<AudioMode> devices) {
          debugPrint("===>>>: onAudioModeChanged: ${devices.length}");
        }

        @override
        void onCallSwitchedToVideo(CallSwitchRequestInfo info) {
          debugPrint("===>>>: onCallSwitchedToVideo: ${info.requestAcceptedBy}");
        }

        @override
        void onError(CometChatCallsException ce) {
          debugPrint("===>>>: onError: ${ce.message}");
        }

        @override
        void onRecordingToggled(RTCRecordingInfo info) {
          debugPrint("===>>>: onRecordingToggled: ${info.user?.name}");
        }

        @override
        void onUserJoined(RTCUser user) {
          debugPrint("===>>>: onUserJoined: ${user.name}");
        }

        @override
        void onUserLeft(RTCUser user) {
          debugPrint("===>>>: onUserLeft: ${user.name}");
        }

        @override
        void onUserListChanged(List<RTCUser> users) {
          debugPrint("===>>>: onUserListChanged: ${users.length}");
        }

        @override
        void onUserMuted(RTCMutedUser muteObj) {
          debugPrint("===>>>: onUserMuted: ${muteObj.mutedBy}");
        }

    });
    ```
  </Tab>
</Tabs>

## Generate Call Token

Before start call session you have to generate call token. You need to call this method for call token.

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    String sessionId = "" //Random or available in call obecjt in case of default calling
    String userAuthToken = CometChat.getUserAuthToken() //Logged in user auth token

    CometChatCalls.generateToken(sessionId, userAuthToken, onSuccess: (GenerateToken generateToken){
      debugPrint("generateToken success: ${generateToken.token}");
    }, onError: (CometChatCallsException e){	  
      debugPrint("generateToken Error: $e");
    });
    ```
  </Tab>
</Tabs>

<Warning>
  To get the logged-in user auth token, call `CometChat.getUserAuthToken()` method which is present in CometChat Chat SDK from `v3.0.14` onwards.
</Warning>

| Parameter     | Description                                                                                                                          |
| ------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
| sessionId     | The unique random session ID. In case you are using default call then session ID is available in the `Call` object.                  |
| userAuthToken | The use auth token is logged in user auth tooken which you can get by calling CometChat Chat SDK method CometChat.getUserAuthToken() |

| Error Code                   | Error Message                                                                                                                                                        |
| ---------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| INVALID\_ARGUMENT\_EXCEPTION | If you pass invalid param to a function or you don't pass the required params. example: Authtoken and session are required, Invalid callToken passed, please verify. |

On success of generate token method you will get call token. To access it from GenerateToken object "generateToken.getToken()"

## Start Call Session

The most important class that will be used in the implementation is the `CallSettings` class. This class allows you to set the various parameters for the call/conference. In order to set the various parameters of the `CallSettings` class, you need to use the `CallSettingsBuilder` class. Below are the various options available with the `CallSettings` class.

CallSettingsBuilder class takes the 2 mandatory parameters as a part of the constructor:

1. Context of the application
2. An object of the RelativeLayout. The calling UI will be loaded in this relative layout provided.

The other mandatory parameter is the sessionId for the call/conference. You can use the setSessionId() method of the `CallSettingsBuilder` to set the session Id of the call.

A basic example of how to start a call:

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    Stringg generatedToken = "" //Your Generated Token

    CallSettings callSettings= (CallSettingsBuilder()
      ..defaultLayout = true
      ..setAudioOnlyCall = true
      ..listener = this //CometChatCallsEventsListener
    ).build();


    CometChatCalls.startSession(generatedToken, callSettings, onSuccess: (Widget? callingWidget){
      debugPrint("startCallSession success");
    }, onError: (CometChatCallsException e){	  
      debugPrint("startCallSession Error: $e");
    });
    ```
  </Tab>
</Tabs>

The `setIsAudioOnly()` method allows you to set if the call is supposed to be an audio call or an audio-video call. If set to true, the call will be an audio-only call else when set to false the call will be an audio-video call. The default will is false, so if not set, the call will be an audio-video call.

| Error Code                           | Error Messages                                                                                                                             |
| ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------ |
| INVALID\_PROP\_EXCEPTION             | If you pass an invalid prop to a functional component or you don't pass the required prop. example: Component requires valid call settings |
| API\_ERROR                           | If there is some error thrown by the API server For example unauthorized                                                                   |
| UNKNOWN\_API\_ERROR                  | If there is some API error but it didn't come from the server. For example, if the internet is not available and API is called.            |
| AUTH\_ERR\_TOKEN\_INVALID\_SIGNATURE | if Token is invalid                                                                                                                        |

The `CometChatCallsEventsListener` listener provides you with the below callback methods:

| Callback Method                                   | Description                                                                                                                  |
| ------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------- |
| onCallEnded()                                     | This method is called when the call is successfully ended. The call details can be obtained from the `Call` object provided. |
| onCallEndButtonPressed()                          | This method is called when the user press end call button.                                                                   |
| onUserJoined(RTCUser user)                        | This method is called when any other user joins the call. The user details can be obtained from the `User` object provided.  |
| onUserLeft(RTCUser user)                          | This method is called when a user leaves the call. The details of the user can be obtained from the provided `User` object.  |
| onUserListChanged(List\<RTCUser> users)           | This method is triggered every time a participant joins or leaves the call providing the list of users active in the call    |
| onAudioModeChanged(List\<AudioMode> devices)      | This callback is triggered if any new audio output source is available or becomes unavailable.                               |
| onCallSwitchedToVideo(CallSwitchRequestInfo info) | This callback is triggered when an audio call is converted into a video call.                                                |
| onUserMuted(RTCMutedUser muteObj)                 | This method is triggered when a user is muted in the ongoing call.                                                           |
| onRecordingToggled(RTCRecordingInfo info)         | This method is triggered when a recording start/stop.                                                                        |
| onError(CometChatCallsException ce)               | This method is called when there is some error in establishing the call.                                                     |

## Settings

The `CallSettings` class is the most important class when it comes to the implementation of the Calling feature. This is the class that allows you to customize the overall calling experience. The properties for the call/conference can be set using the `CallSettingsBuilder` class. This will eventually give you and object of the `CallSettings` class which you can pass to the `startSession()` method to start the call.

The **mandatory** parameters that are required to be present for any call/conference to work are:

1. Context - context of the activity/application
2. RelativeLayout - A RelativeLayout object in which the calling UI is loaded.

The options available for customization of calls are:

| Setting                                            | Description                                                                                                                                                                                                                                                                                                                                                              |
| -------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| `setDefaultLayoutEnable(boolean value)`            | If set to `true` enables the default layout for handling the call operations. If set to `false` it hides the button layout and just displays the Call View **Default value = true**                                                                                                                                                                                      |
| `setIsAudioOnly(boolean value)`                    | If set to true call is supposed to be an audio call if set to false call is supposed to be a video call **Default Value = false**                                                                                                                                                                                                                                        |
| `showEndCallButton(boolean value)`                 | If set to `true` it displays the EndCallButton in Button Layout. if set to `false` it hides the EndCallButton in Button Layout **Default value = true**                                                                                                                                                                                                                  |
| `showSwitchCameraButton(boolean value)`            | If set to `true` it displays the SwitchCameraButton in Button Layout. if set to `false` it hides the SwitchCameraButton in Button Layout **Default value = true**                                                                                                                                                                                                        |
| `showMuteAudioButton(boolean value)`               | If set to `true` it displays the MuteAudioButton in Button Layout. if set to `false` it hides the MuteAudioButton in Button Layout **Default value = true**                                                                                                                                                                                                              |
| `showPauseVideoButton(boolean value)`              | If set to `true` it displays the PauseVideoButton in Button Layout. if set to `false` it hides the PauseVideoButton in Button Layout **Default value = true**                                                                                                                                                                                                            |
| `showAudioModeButton(boolean value)`               | If set to `true` it displays the AudioModeButton in Button Layout. if set to `false` it hides the AudioModeButton in Button Layout **Default value = true**                                                                                                                                                                                                              |
| `setMode(boolean value)`                           | CometChat provides 3 options for the calling UI. <br />1. CallSettings.MODE\_DEFAULT <br />2. CallSettings.MODE\_SPOTLIGHT <br />3. CallSettings.MODE\_SINGLE <br />**Default value = CallSettings.MODE\_DEFAULT**                                                                                                                                                       |
| `startWithAudioMuted(boolean value)`               | This ensures the call is started with the audio muted if set to true **Default value = false**                                                                                                                                                                                                                                                                           |
| `startWithVideoMuted(boolean value)`               | This ensures the call is started with the video muted if set to true **Default value = false**                                                                                                                                                                                                                                                                           |
| `setDefaultAudioMode(boolean value)`               | This method can be used if you wish to start the call with a specific audio mode. The available options are <br />1. CometChatConstants.AUDIO\_MODE\_SPEAKER = "SPEAKER"<br />2. CometChatConstants.AUDIO\_MODE\_EARPIECE = "EARPIECE"<br />3. CometChatConstants.AUDIO\_MODE\_BLUETOOTH = "BLUETOOTH"<br />4. CometChatConstants.AUDIO\_MODE\_HEADPHONES = "HEADPHONES" |
| `showSwitchToVideoCallButton(boolean value)`       | This method shows/hides the switch to video call button. If set to true it will display the switch to video call button. If set to false it will hide the switch to video call button. **Default value = true**                                                                                                                                                          |
| `showRecordingButton(boolean value)`               | If set to `true` it displays the Recording Button if set to `false` it hides the Recording Button **Default value = false**                                                                                                                                                                                                                                              |
| `autoRecordOnCallStart(boolean value)`             | If set to `true` it start recording automatically once call is connected **Default value = false**                                                                                                                                                                                                                                                                       |
| `setAvatarMode(boolean value)`                     | This method sets the mode of avatar. The avatar mode can be one of the below constants: <br />1. CallSettings.AVATAR\_MODE\_CIRCLE <br />2. CallSettings.AVATAR\_MODE\_SQUARE <br />3. CallSettings.AVATAR\_MODE\_FULLSCREEN <br />**Default value = CallSettings.AVATAR\_MODE\_CIRCLE**                                                                                 |
| `setMainVideoContainerSetting(videoSettings)`      | This method can be used to customize the main video container. You can read more about this [here](/sdk/flutter/3.0/video-view-customisation).                                                                                                                                                                                                                           |
| `enableVideoTileDrag(boolean value)`               | This method can be used to enable/disable video tile drag functionality in **Spotlight** mode. **Default value = true**                                                                                                                                                                                                                                                  |
| `enableVideoTileClick(boolean value)`              | This method can be used to enable/disable video tile click functionality in **Spotlight** mode. **Default value = true**                                                                                                                                                                                                                                                 |
| `setEventListener(CometChatCallsEventsListener())` | The `CometChatCallsEventsListener` listener provides you callbacks                                                                                                                                                                                                                                                                                                       |

In case you wish to achieve a completely customised UI for the Calling experience, you can do so by embedding default android buttons to the screen as per your requirement and then use the below methods to achieve different functionalities for the embedded buttons.

For the use case where you wish to align your own custom buttons and not use the default layout provided by CometChat you can embed the buttons in your layout and use the below methods to perform the corresponding operations:

### Switch Camera

You can call `switchCamera()` Method to toggle between camera sources.

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    CometChatCalls.switchCamera(onSuccess: (success) {
      debugPrint("Success $success");
    }, onError: (error) {
      debugPrint("Error: ${error");
    });
    ```
  </Tab>
</Tabs>

### Mute Audio

You can call `muteAudio()` Method to mute your Audio Stream to the end-user.

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    CometChatCalls.muteAudio(true ,onSuccess: (success) {
      debugPrint("Success $success");
    }, onError: (error) {
      debugPrint("Error: ${error");
    });
    ```
  </Tab>
</Tabs>

if set to `true` the audio Stream is muted and if set to`false` the audio Stream is transmitted.

### Pause Video

You can call `pauseVideo()` Method to pause Video Stream to the end-user.

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    CometChatCalls.pauseVideo(true, onSuccess: (success) {
      debugPrint("Success $success");
    }, onError: (error) {
      debugPrint("Error: ${error");
    });
    ```
  </Tab>
</Tabs>

if set to `true` the video Stream is muted and if set to`false` video Stream is transmitted.

### Set Audio Mode

You can call `setAudioMode()` to set the output of the audio stream.

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    CometChatCalls.setAudioMode("", onSuccess: (success) {
      debugPrint("Success $success");
    }, onError: (error) {
      debugPrint("Error: ${error");
    });
    ```
  </Tab>
</Tabs>

The audio mode string can have either one of the below 4 values:

* "SPEAKER"
* "EARPIECE"
* "BLUETOOTH"
* "HEADPHONES"

### Enter PIP Mode

If you are using a PIP (Picture-In-Picture) mode in your app and you want to render calling view in PIP then you can call `enterPIPMode()` method.

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    CometChatCalls.enterPIPMode(onSuccess: (success) {
      debugPrint("Success $success");
    }, onError: (error) {
      debugPrint("Error: ${error");
    });
    ```
  </Tab>
</Tabs>

### Exit PIP Mode

You can call `exitPIPMode()` to enter in PIP mode.

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    CometChatCalls.exitPIPMode(onSuccess: (success) {
      debugPrint("Success $success");
    }, onError: (error) {
      debugPrint("Error: ${error");
    });
    ```
  </Tab>
</Tabs>

### Switch to Video Call

You can call `switchToVideoCall()` to switch from audio call to video call

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    CometChatCalls.switchToVideoCall(onSuccess: (success) {
      debugPrint("Success $success");
    }, onError: (error) {
      debugPrint("Error: ${error");
    });
    ```
  </Tab>
</Tabs>

### Start Recording

You can call `startRecording()` to start the recording

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    CometChatCalls.startRecording(onSuccess: (success) {
      debugPrint("Success $success");
    }, onError: (error) {
      debugPrint("Error: ${error");
    });
    ```
  </Tab>
</Tabs>

### Stop Recording

You can call `stopRecording()` to stop the recording

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    CometChatCalls.stopRecording(onSuccess: (success) {
      debugPrint("Success $success");
    }, onError: (error) {
      debugPrint("Error: ${error");
    });
    ```
  </Tab>
</Tabs>

### End Call

You can call `CometChatCalls.endSession()` to end the call

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    CometChatCalls.endSession(onSuccess: (success) {
      debugPrint("");
    }, onError: (error) {
      debugPrint("Error: ${error");
    });
    ```
  </Tab>
</Tabs>