Layouts

Layouts

Using layouts you can add multiple sources to a display simultaneously to build interesting and unique video streams.

Using layouts

Layouts are generally used to display multiple presenters on screen simultaneously, or to show a presenter and some media (PowerPoint/video) simultaneously.

Layout options

1 Source



Source position detail
Position: 1,
Width: 1680px
Height: 945px
X-position: 120px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1



2 Sources

A




Source position detail
Position: 1,
Width: 820px
Height: 945px
X-position: 120px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 484px
Crop right: 484px
Opacity: 1
Position: 2,
Width: 820px
Height: 945px
X-position: 980px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 484px
Crop right: 484px
Opacity: 1


B





Source position detail
Position: 1,
Width: 1250px
Height: 945px
X-position: 120px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 242px
Crop right: 242px
Opacity: 1
Position: 2,
Width: 390px
Height: 945px
X-position: 1410px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 726px
Crop right: 726px
Opacity: 1


C





Source position detail
Position: 1,
Width: 1250px
Height: 945px
X-position: 120px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 242px
Crop right: 242px
Opacity: 1
Position: 2,
Width: 390px
Height: 453px
X-position: 1410px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 487px
Crop right: 487px
Opacity: 1


D




Source position detail
Position: 1,
Width: 820px
Height: 453px
X-position: 120px
Y-position: 313px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1
Position: 2,
Width: 820px
Height: 453px
X-position: 980px
Y-position: 313px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1


E




Source position detail
Position: 1,
Width: 1380px
Height: 776px
X-position: 40px
Y-position: 152px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1
Position: 2,
Width: 440px
Height: 248px
X-position: 1440px
Y-position: 416px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1


F




Source position detail
Position: 1,
Width: 1310px
Height: 737px
X-position: 120px
Y-position: 172px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1
Position: 2,
Width: 330px
Height: 737px
X-position: 1470px
Y-position: 172px
Crop top: 0px
Crop bottom: 0px
Crop left: 707px
Crop right: 707px
Opacity: 1


G




Source position detail
Position: 1,
Width: 1310px
Height: 737px
X-position: 40px
Y-position: 172px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1
Position: 2,
Width: 490px
Height: 737px
X-position: 1390px
Y-position: 172px
Crop top: 0px
Crop bottom: 0px
Crop left: 592px
Crop right: 592px
Opacity: 1


H




Source position detail
Position: 1,
Width: 1920px
Height: 1080px
X-position: 0px
Y-position: 0px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1
Position: 2,
Width: 480px
Height: 270px
X-position: 1410px
Y-position: 770px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1


I




Source position detail
Position: 1,
Width: 1580px
Height: 889px
X-position: 40px
Y-position: 40px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1
Position: 2,
Width: 400px
Height: 225px
X-position: 1480px
Y-position: 815px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1


J




Source position detail
Position: 1,
Width: 1580px
Height: 889px
X-position: 40px
Y-position: 151px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1
Position: 2,
Width: 400px
Height: 225px
X-position: 1480px
Y-position: 40px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1


3 Sources

A




Source position detail
Position: 1,
Width: 533px
Height: 945px
X-position: 120px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 645px
Crop right: 645px
Opacity: 1
Position: 2,
Width: 533px
Height: 945px
X-position: 693px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 645px
Crop right: 645px
Opacity: 1
Position: 3,
Width: 533px
Height: 945px
X-position: 1267px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 645px
Crop right: 645px
Opacity: 1


B




Source position detail
Position: 1,
Width: 820px
Height: 945px
X-position: 120px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 484px
Crop right: 484px
Opacity: 1
Position: 2,
Width: 820px
Height: 453px
X-position: 980px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1
Position: 3,
Width: 820px
Height: 453px
X-position: 980px
Y-position: 560px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1


C




Source position detail
Position: 1,
Width: 820px
Height: 453px
X-position: 120px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1
Position: 2,
Width: 820px
Height: 453px
X-position: 980px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1
Position: 3,
Width: 820px
Height: 453px
X-position: 550px
Y-position: 560px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1


D




Source position detail
Position: 1,
Width: 1250px
Height: 945px
X-position: 120px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 242px
Crop right: 242px
Opacity: 1
Position: 2,
Width: 390px
Height: 453px
X-position: 1410px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 487px
Crop right: 487px
Opacity: 1
Position: 3,
Width: 390px
Height: 453px
X-position: 1410px
Y-position: 560px
Crop top: 0px
Crop bottom: 0px
Crop left: 487px
Crop right: 487px
Opacity: 1


4 Sources

A




Source position detail
Position: 1,
Width: 820px
Height: 453px
X-position: 120px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1
Position: 2,
Width: 820px
Height: 453px
X-position: 980px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1
Position: 3,
Width: 820px
Height: 453px
X-position: 120px
Y-position: 560px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1
Position: 4,
Width: 820px
Height: 453px
X-position: 980px
Y-position: 560px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1


B




Source position detail
Position: 1,
Width: 1250px
Height: 945px
X-position: 120px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 242px
Crop right: 242px
Opacity: 1
Position: 2,
Width: 390px
Height: 288px
X-position: 1410px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 226px
Crop right: 226px
Opacity: 1
Position: 3,
Width: 390px
Height: 288px
X-position: 1410px
Y-position: 396px
Crop top: 0px
Crop bottom: 0px
Crop left: 226px
Crop right: 226px
Opacity: 1
Position: 4,
Width: 390px
Height: 288px
X-position: 1410px
Y-position: 724px
Crop top: 0px
Crop bottom: 0px
Crop left: 226px
Crop right: 226px
Opacity: 1


C




Source position detail
Position: 1,
Width: 1128px
Height: 945px
X-position: 120px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 311px
Crop right: 311px
Opacity: 1
Position: 2,
Width: 512px
Height: 288px
X-position: 1288px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1
Position: 3,
Width: 512px
Height: 288px
X-position: 1288px
Y-position: 396px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1
Position: 4,
Width: 512px
Height: 288px
X-position: 1288px
Y-position: 724px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1


5 Sources

A


Source position detail
Position: 1,
Width: 533px
Height: 453px
X-position: 120px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 318px
Crop right: 318px
Opacity: 1
Position: 2,
Width: 533px
Height: 453px
X-position: 693px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 357px
Crop right: 357px
Opacity: 1
Position: 3,
Width: 533px
Height: 453px
X-position: 1267px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 357px
Crop right: 357px
Opacity: 1
Position: 4,
Width: 533px
Height: 453px
X-position: 406px
Y-position: 560px
Crop top: 0px
Crop bottom: 0px
Crop left: 357px
Crop right: 357px
Opacity: 1
Position: 5,
Width: 533px
Height: 453px
X-position: 980px
Y-position: 560px
Crop top: 0px
Crop bottom: 0px
Crop left: 357px
Crop right: 357px
Opacity: 1


B



Source position detail
Position: 1,
Width: 1274px
Height: 945px
X-position: 120px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 228px
Crop right: 228px
Opacity: 1
Position: 2,
Width: 366px
Height: 206px
X-position: 1434px
Y-position: 68px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1
Position: 3,
Width: 366px
Height: 206px
X-position: 1434px
Y-position: 314px
Crop top: 0px
Crop bottom: 0px
Crop left: 0px
Crop right: 0px
Opacity: 1
Position: 4,
Width: 366px
Height: 206px
X-position: 1434px
Y-position: 560px
    • Related Articles

    • Getting started in the Studio

      The Studio is where you manage and create your live event Comprehensive walkthrough James Russell takes you through event set up and operation from start to finish. ​ Elements On Air & Next video windows The On Air window is the current stream that ...
    • Portal Features

      Once logged in to your event portal, you will be presented with all the features allowing you to get involved with every of the live event, however these may vary as Joinin dynamically sizes according to different devices. We’ve split them into the ...
    • Release changelog

      Releases made to the Joinin platform 12 Nov 2021 Added Quiz engagement functionality. Higher maximum bitrates for presenter links. Increased from 1500Kbps to 5000Kbps max. Studio: keyboard shortcut to activate presenter comms talk. Press and hold the ...