Layout

Introduction

This wiki explains the layout of remote videos in the SDK.

Layout

Screenshot is added from our Kitchen Sink app.

API

To know about all the other APIs in the Webex JS SDK, please visit → https://webex.github.io/webex-js-sdk/api/

Uses below API to change layout type for the current meeting for the specific participant/device only

changeVideoLayout(layoutType, renderInfo = {})

Layout Types

There are 5 layout types available in meetings, we can check that in our public Kitchen Sink app. Types with screenshots are added below -

Single

Equal

Active Presence

Prominent

One+N

Screenshots are added from our Kitchen Sink app.

For 'Equal' we get exact resolution (expected resolution) that is requested. (Whatever is set for height and width).

For 'Single', 'Prominent', 'One+N', & 'Active Presence' we always get close to 720p or more.

For 1080p, We have validation, If device doesn’t support, remote resolution will be set as 720p.