Default Call Settings

Catalyst includes several props enabling you to control behavior of the video call. These include default settings for media tracks and managing audio/video quality.

You can use the audioOnDefault and videoOnDefault props to set each of those settings respectively. Both are enabled by default. This can be seen below:

xxxxxxxxxx

    <CatalystChat

            room="ROOM_NAME"

            appId="YOUR_CATALYST_PROJECT_ID"

            name="MEMBER_NAME"

            audioOnDefault={false}

            videoOnDefault={false}

            onEndCall={() => console.log('Call ended!')}

        />

If a user manually enables their audio or video on the setup screen, that will override these settings. You can avoid this by disabling the setup screen.

There is also a Test Audio Quality utility built into audio selection to allow for simple testing of output devices.

Call Quality

You can use the simulcast prop to publish multiple levels of quality for video streams, allowing users with poor bandwidth to receive the best experience possible.

Background Removal

With the bgRemoval prop, you can alter the background of Catalyst video components to allow for additional privacy or security of your users. Currently, Catalyst supports two options: blur, and custom image backgrounds.

blur will apply a blur effect to the background of all local video streams. Custom images are passed as a link to the file url such as https://storage.imgpath.png.

An example is shown below:

xxxxxxxxxx

    <CatalystChat

            room="ROOM_NAME"

            appId="YOUR_CATALYST_PROJECT_ID"

            name="MEMBER_NAME"

            bgRemoval="blur"

            onEndCall={() => console.log('Call ended!')}

        />

Users can manually enable these features for their calls within the menu for video device selection settings.