> 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:

![](/files/-LXSQmWwYNF2hmzzD8DN)

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: 

![](/files/-LXSTExgFky7de8ctR-k)

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