13. Start a Video Chat

The template's video chat functionality uses an iframe to embed Hello 3.0's free, WebRTC video chat service. For more information on Hello 3.0, please visit their Product Hunt page.

On the messages page, the FG - Video Chat element contains all of the elements needed for video chat:

The FG - Video Chat element contains the Group Video Chat (Waiting or Ended State) element, which is the white group that looks like a popup in the screenshot above.

When the Current User clicks either of the Icon Join Video Chat (Desktop) or Icon Join Video Chat (Mobile) elements, the application will add the Current User to the selected Conversation's "video chatting Users" field (type: User, list: yes).

When the Current User is the only User within the selected Conversation's "video chatting Users" field (Type: User, list: yes), they are shown the Group Video Chat (Waiting or Ended State).

When a second User clicks to video chat in the selected Conversation, the Group Video Chat (Waiting or Ended State) element is hidden, the HTML iFrame (Hello 3.0 Chat) element becomes visible, and the video chat will start momentarily.

How are video chats ended?

When a User wants to exit the video chat, they can click on the Icon Close/Leave Video Chat Session element which removes them from the selected Conversation's "video chatting Users" field (type: User, list: yes).

When this occurs, and a single User is left in the "video chatting Users" field (type: user, list: yes), and that User hasn't yet closed the video chat, that User will be shown these "Ended State" elements in the FG - Video Chat element:

For more information on the video chat workflows, please refer to the O. Video Chat workflow folder.