> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-agent-in-group-react-v6.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Ongoing Call

> Ongoing Call — CometChat documentation.

This component is displayed during an ongoing voice or video call. This provides a dedicated screen or interface where users can engage in real-time conversation, view video streams, access call controls, and interact with various call-related features.

The design and functionality of the call screen component includes:

1. Video Display: In video calls, the call screen component includes a video display area where users can see the live video stream of the other participants in the call.
2. Call Controls: The call screen component offers various controls for managing the ongoing call. This may include options to mute/unmute the microphone, turn on/off the camera, add or remove participants, and end the call.
3. Participant Information: The component may display information about the participants involved in the call, such as their names, profile pictures, or status indicators.
4. Call Status: The call screen component often provides information about the call status, such as signal strength, or network quality indicators.
5. Call Recording and Screen-sharing: The call screen component provide options for call recording and screen-sharing, enabling users to capture and share the call content or their screen with other participants.

## Properties

### sessionID

| Name      | Type   | Description                                          |
| --------- | ------ | ---------------------------------------------------- |
| sessionID | string | The unique session ID available in the `Call` object |

### callSettingsBuilder

| Name                | Type                          | Description                                                                                                     |
| ------------------- | ----------------------------- | --------------------------------------------------------------------------------------------------------------- |
| callSettingsBuilder | CometChat.CallSettingsBuilder | Class that allows you to set various parameters to the `CallSettings` customize the overall calling experience. |

### Asset URLs

Custom asset URL used for graphical representation

| Name            | Type   | Description                                                     |
| --------------- | ------ | --------------------------------------------------------------- |
| minimiseIconURL | string | Asset URL for the minimise icon which minimises the call screen |
| maximiseIconURL | string | Asset URL for the maximise icon which maximises the call screen |

### Style

Styling properties and values of all the involved components

| Name             | Type                                             | Description                          |
| ---------------- | ------------------------------------------------ | ------------------------------------ |
| ongoingCallStyle | [OngoingCallStyle](/web-shared/ongoingcallstyle) | Styling properties of this component |

Usage

<Tabs>
  <Tab title="Vue">
    ```js theme={null}
    //customised call settings builder in order to enable recording feature
    const sessionId = call.sessionId;
    const callType = call.type;
    const callSettings = new CometChat.CallSettingsBuilder()
    									.setSessionID(sessionId)
    									.showRecordingButton(true)
    									.build();

    <CometChatOngoingCall :callSettingsBuilder="callSettings"></CometChatOngoingCall>
    ```
  </Tab>
</Tabs>

***