Ongoing Call
is a Component that provides users with a dedicated interface for managing real-time voice or video conversations. It includes features like a video display area for video calls, call controls for mic and camera management, participant information, call status indicators, and options for call recording and screen-sharing.
Ongoing Call
is comprised of the following components:
Components | Description |
---|---|
cometchat-callscreen-wrapper | this component manages the interface for CometChat’s call functionality, facilitating structured display and management of ongoing voice or video calls. |
Component
. You can filter the list based on your specific criteria, allowing for a more customized. Filters can be applied using RequestBuilders
of Chat SDK.
You can adjust the callSettingsBuilder
in the OnGoing Call
Component to customize the OnGoing Call. Numerous options are available to alter the builder to meet your specific needs. For additional details on CallSettingsBuilder
, please visit CallSettingsBuilder.
Example In the example below, we are applying a filter to the outgoing call to display only audio calls and include a recording button.
Component
. By using event you can extend existing functionality. Being global events, they can be applied in Multiple Locations and are capable of being Added or Removed.
The list of events emitted by the OnGoing Call Component is as follows.
Event | Description |
---|---|
ccCallEnded | This event is triggered when the initiated call successfully ends. |
CometChatCallEvents
Listener’s
CometChatCallEvents
Listener’s
CallscreenStyle
object to the Ongoing Call
component.
ongoingCallStyle
.
Property | Description | Code |
---|---|---|
maxHeight | Used to set maximum height | maxHeight?: string, |
maxWidth | Used to set maximum width | maxWidth?: string; |
minHeight | Used to set minimum height | minHeight?: string; |
minWidth | Used to set minimum width | minWidth?: string; |
minimizeIconTint | Used to set minimize icon tint | minimizeIconTint?: string; |
maximizeIconTint | Used to set maximize icon tint | maximizeIconTint?: string; |
border | Used to set border | border?: string; |
borderRadius | Used to set border radius | borderRadius?: string; |
background | Used to set background color | background?: string; |
Ongoing Call
component.
Property | Description | Code |
---|---|---|
maximizeIconURL | Used to set custom maximize icon URL | [maximizeIconURL]="maximizeIconURL" |
minimizeIconURL | Used to set custom minimize icon URL | [maximizeIconURL]="maximizeIconURL" |
resizeIconHoverText | Used to set custom resize icon hover text | [resizeIconHoverText]="'Your Custom Resize Icon Hover Text'" |
callWorkflow | An enum containing the values defaultCalling and directCalling . This is used to state the type of call. | [callWorkflow]="callWorkflow" |
sessionID | The unique random session ID. In case you are using default call then session ID is available in the Call object. | [sessionID]="'session ID'" |
OnGoing Call
component does not offer any advanced functionalities beyond this level of customization.