All Articles
Basics
6 min read

🎨 Canvas

The Canvas is your main workspace where all streams and chats reside. We designed a flexible grid system allowing you to arrange windows freely.

M
MultiStream Hub Team
Basics

Adding Windows

Click the + button on the dynamic island to add a combo (stream + chat), a stream window, or a chat window. Once the empty window appears on the canvas, switch it between Stream and Chat at the top, then pick a live favourite from the dropdown to start playing.

Add button location on the Dynamic Island (highlighted in red)
Click + to open the add menu
The plus button on the dynamic island expanded into a menu with three items: add combo, add stream window, add chat window
Click + and pick which kind of window to add
A freshly added empty window: Stream and Chat tabs at the top, and a live-favourites dropdown below listing the channels you can pick
An empty window plays nothing until you pick a channel from the dropdown
Stream and chat empty windows created side by side by Add Combo
"Add Combo" creates a stream + chat window pair at once
Empty window on the stream tab after Add Stream Window
Pick a channel directly from the "Live favorites" dropdown
Empty window switched to the chat tab
The same empty window can also become a chat room

Auto Layout

Not sure how to arrange things? Open the layout list from the dynamic island — it has three tabs: video only, with chat, and custom. Pick one and every window on the canvas is arranged at once. Alt + 1–6 and Alt + 9 switch layouts straight from the keyboard.

Layout menu button location (highlighted in red)
Open the auto-layout menu from here
The layout list panel with three tabs — video only, with chat, custom — above thumbnails of each arrangement
Pick a number and every window on the canvas is arranged at once

Drag & Drop

Hover a window and a pill-shaped toolbar floats above it; press and hold the grip on its left to drag the window — a purple dashed outline previews where it will land. To resize, grab any of the four corner handles; the grid size is shown in the middle while you drag.

Hovering a stream window reveals a pill-shaped toolbar above it: drag grip, channel name, reload, close
Hold the grip on the far left to drag the window; the chat window on the right has one extra button to open chat in a new tab
Window drag handle and corner resize zones
Green = drag handle; red circles = corner resize

Custom Layouts

Arrange windows the way you like, open the layout menu, switch to the "Custom" tab and press "Save current layout" to name and keep it — or use the one-click save button on the Dynamic Island. Apply or delete saved layouts anytime in Favorites Manager → Layout Manager.

One-click save canvas button (highlighted in red)
Save the current canvas arrangement straight to favorites
Custom tab of the layout list with the Save current layout button
Arrange windows, then press "Save current layout"
Saved custom layout listed under My favorites
Saved layouts appear in the custom list
Layout manager page inside Favorites Manager
Preview thumbnails, then apply or delete saved layouts

Layout rules: swap, push and backfill

The canvas never lets windows overlap, which gives you three behaviours to know about. First: drop one window on top of another and the two swap places and sizes — the target lights up with a green ring before you let go, so wait for the ring. Second: as you enlarge a window its neighbours step aside; where they are going is drawn as a blue dashed outline first, and they only actually move when you release (they deliberately stay put while you drag, otherwise the video stutters). Third: close a window and the neighbours fill the gap it leaves, giving the extra room to video rather than to chat.