Layout

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

Developer can update the remote videos' layout type for the current meeting from the 5 layout types available options for the specific participant/device only.

Screenshot is added from our Kitchen Sink app.

API

To know about changeVideoLayout APIs in detail, 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 = {})


Asynchronous	Yes
Parameters	layoutType, renderInfo
Returns	promise

layoutType possible values user can pass ['Single', 'ActivePresence', 'Prominent', 'Equal', 'OnePlusN'].

renderInfo preferred dimensions for the remote main and content streams (server can ignore it)

const layoutType = 'Equal';
const renderInfo =  {
   "main": {
         "width": "1920", 
         "height": "1080"
      }
};

meeting.changeVideoLayout(layoutType, renderInfo);