> For the complete documentation index, see [llms.txt](https://docs.littlebaytech.com/templates/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.littlebaytech.com/templates/messaging-template/page-guides/pages/3.-logged-in/messages/built-in-functionality/13.-start-a-video-chat.md).

# 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](https://www.producthunt.com/posts/hello-3-0).

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

![](https://1788973256-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L8uq1TOYNrDiHA5baDk%2F-LXSQ1jPORY39txgKcgV%2F-LXSQmWwYNF2hmzzD8DN%2FFGVideoChat.png?alt=media\&token=f314a441-f642-401d-8bc7-d2d090256477)

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. &#x20;

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).&#x20;

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)`.&#x20;

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.&#x20;

## 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). &#x20;

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:&#x20;

![](https://1788973256-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-L8uq1TOYNrDiHA5baDk%2F-LXSQoUV64PY1iPK16kc%2F-LXSTExgFky7de8ctR-k%2FVideoChatEndedState.png?alt=media\&token=85bf74bc-9864-403e-9c88-0f78349af92c)

{% hint style="info" %}
For more information on the video chat workflows, please refer to the **O. Video Chat** workflow folder.
{% endhint %}
