Littlebay Templates Documentation
  • Welcome!
  • Quick Links & Tips
    • Littlebay Forum
    • Support Email
    • Built-In Documentation
    • Navigating the Bubble Editor
    • Navigating this Documentation
    • List of Bubble Guides
  • Messaging Template
    • Release Notes
      • 05/28/21 Guide on How to Update the Template's Select Conversation Workflow
      • 09/05/20 Guide on How to Update the Template's Video Chat Service
      • 06/14/19 Guide on New Conversation Functionality
    • About this Template
    • Setup Guide
    • Development Guides
      • Built-In Workflow Notes
      • Pages Summary
      • Reusable Elements Summary
      • Passwords
      • Translating Your App
      • Mini Guides
        • How to Remove Group Conversation Functionality
        • How to show the Chat window after clicking "Message" on the Profile Page when a Conversation Exists
      • Pages & Reusable Elements (Organized by Folder)
        • 1. Marketing
          • index
          • landing
          • 404
        • 2. Navigation
        • 3. Logged In
          • account
          • admin
          • change_pass
          • confirm
          • messages
            • Pageload Design
              • 1. Responsive
              • 2. Mobile Pageload
              • 3. New User
              • 4. New Conversation (Parameter)
              • 5. New Conversation w/ User (Parameter)
              • 6. View Conversation (Parameter)
              • 7. Viewing/Editing the Colors of the Message 'Bubbles'
            • Built-In Functionality
              • 1. Start a Conversation
              • 2. View/Select a Conversation
              • 3. Search for a Conversation
              • 4. Delete or Leave a Conversation
              • 5. View More Messages in a Conversation
              • 6. View Unread Messages
              • 7. See Who's Typing
              • 8. See Who's Seen Each Message
              • 9. Send Images in a Message
              • 10. Send Files in a Message
              • 11. Send a GIPHY in a Message
              • 12. Send a YouTube Video in a Message
              • 13. Start a Video Chat
          • onboard
          • profile
            • 1. Follow/Unfollow the User
            • 2. Send a Message to the User
            • 3. View the User's Followers
            • 4. View Who the User is Following
            • 5. Edit Profile
          • reset_pw
        • 4. Legal
          • privacy_policy
          • terms
    • Design Resources
      • Design Overview
      • Design Guide
      • UI Components
      • Page Templates
  • Responsive Base Template
    • Release Notes
    • About this Template
    • Setup Guide
    • Development Guides
      • Built-In Workflow Notes
      • Pages Summary
      • Reusable Elements Summary
      • Passwords
      • Translating Your App
      • Pages & Reusable Elements (Organized by Folder)
        • 1. Marketing
          • index
          • landing
          • 404
        • 2. Navigation
        • 3. Logged In
          • account
          • admin
          • change_pass
          • confirm
          • onboard
          • profile
            • 1. Follow/Unfollow the User
            • 2. View the User's Followers
            • 3. View Who the User is Following
            • 4. Edit Profile
          • reset_pw
        • 4. Legal
          • privacy_policy
          • terms
    • Design Resources
      • Design Overview
      • Design Guide
      • UI Components
      • Page Templates
Powered by GitBook
On this page
  1. Messaging Template
  2. Development Guides
  3. Pages & Reusable Elements (Organized by Folder)
  4. 3. Logged In
  5. messages
  6. Built-In Functionality

13. Start a Video Chat

Previous12. Send a YouTube Video in a MessageNextonboard

Last updated 6 years ago

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 .

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.

Product Hunt page