Skip to content

Ninchat group video chat

Pallab Gain edited this page Apr 19, 2023 · 2 revisions
Ninchat group video chat SDK provides real-time multiparty video conferencing for Android applications.

Join Meeting View

From this screen, users can click on the "Join video meeting" button to join a video meeting. We can customize the following UI elements:

Background Color
  • Android color resource: ninchat_color_background_top
Conference Join Icon

This is the video icon at the top of the view. It is an ImageView and uses the Android style resource.

  • ninchat_icon_video_conference
  • We can also change individual attributes:
    • Width: Android dimen resource ninchat_conference_video_icon_size. Default: 40dp
    • Height: Android dimen resource ninchat_conference_video_icon_size. Default: 40dp
    • marginTop: Default 20dp
    • Icon: Android drawable resource ninchat_icon_video_conference
Conference Title Text

This is the title of the conference. It is a TextView and uses the Android style resource.

  • NinchatTheme.Conference.TitleText
  • We can also change individual attributes:
    • Text Size: Android dimen resource ninchat_conference_title_text_size. Default: 20dp
    • Text Color: Android color resource ninchat_color_text_normal
    • marginTop: Default 10dp
Conference Join Button

This is the join meeting video button. Clicking this button will take the user to the conference call. It uses the Android style resource.

  • NinchatTheme.Conference.Join
  • We can also change individual attributes:
    • Margin Top: Default 15dp
    • Background: Android drawable resource ninchat_chat_primary_button
    • Text Color: Android color resource ninchat_color_button_primary_text
Conference Description

A long description of the meeting. The description text comes from the site config. It is a TextView and uses the Android style resource.

  • NinchatTheme.Conference.DescriptionText
  • You can also change individual attributes:
    • Text Size: Android dimen resource ninchat_conference_description_text_size. Default: 15dp

Toggle Button in titlebar

The Toggle Chat View allows users to switch between chat and video views. It is only visible when we are in ongoing video call. It uses the NinchatTheme.MultiChoice style component. Customize the following UI elements:

Background

Set the background of the toggle button. Android drawable resource

  • ninchat_chat_secondary_button
Icon

Set the icon for the toggle button. Android drawable resource

  • ninchat_icon_toggle_chat_bubble
Clone this wiki locally