Overview

The Video Huddle component allows you to integrate a reliable video conferencing feature into your web application, enabling real-time video communication among participants.

Quickstart

Follow these steps to add the Video Huddle component to your application:

1

Before we start

Before adding the Video Huddle component, ensure that a room has been initialized with a defined name and ID for both the participant and the group. This room instance is required to attach the Video Huddle component.

2

Import the package

Import the VideoConference component from the SuperViz SDK to access video conferencing functionalities:

import { VideoConference } from "@superviz/sdk";

3

Add the Video Huddle Component

Initialize the VideoConference component by specifying the participantType and enabling the collaborationMode.

When collaborationMode is enabled, the video cameras are displayed in a list view, which facilitates collaboration on shared content instead of occupying the entire screen.
Finally, add the component to the room to activate the video huddle:

const video = new VideoConference({
  participantType: "host"
  collaborationMode: {
    enabled: "true",
  },
});

room.addComponent(video);

4

Next steps

You are now all set! See how you can configure the video huddle:

Video Huddle API Reference

Resources to get you started

We've prepared a few resources to help you get started with the Video Huddle component and use it along with other components to create a collaborative environment.

Implementing real-time forms and video huddle into a customer support application

How to add a video huddle to your web application

How to build a sales tool with Matterport SDK and SuperViz