You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
Commit 49d3253
Browse filesBrowse the repository at this point in the historyBrowse files
Copy file name to clipboardExpand all lines: src/content/docs/selive/getting-started.mdx
+12-5Lines changed: 12 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -5,16 +5,23 @@ description: Download SE.Live, install it in OBS Studio, and connect your Stream
5
5
6
6
## Install
7
7
8
-
Download the installer from the [SE.Live page](https://streamelements.com/selive). Check the current requirements there before installing. Close OBS, run the installer, then reopen OBS.
8
+
SE.Live is available for Windows and in beta for macOS. On Windows, use OBS Studio 31.x or newer. For Twitch dual format, follow the [dual format setup](/selive/guides/twitch-dual-format) requirements.
9
+
10
+
1. Download the installer for your operating system from the [SE.Live page](https://streamelements.com/selive). Choose the Mac beta for macOS.
11
+
2. Close OBS, then run the installer.
12
+
3. Reopen OBS and look for the **StreamElements** menu.
9
13
10
14
## Connect
11
15
12
-
Open **StreamElements → Login** in OBS and sign in. To connect your streaming service, open **Settings → Stream** and follow the account connection steps.
16
+
1. Open **StreamElements → Login** in OBS and sign in to your StreamElements account.
17
+
2. Open **Settings → Stream**, choose your streaming service, and follow the account connection steps.
13
18
14
-
Open chat and activity through **StreamElements → SE.Live Docks**.
19
+
Open chat and activity through **StreamElements → SE.Live Docks**. If the docks are missing, follow the [troubleshooting steps](/selive/troubleshooting#missing-docks).
15
20
16
21
For the full setup walkthrough, see the [SE.Live support guide](https://support.streamelements.com/hc/en-us/articles/18771457842066).
17
22
18
-
## Next step
23
+
## Next steps
19
24
20
-
[Add overlays and alerts](/selive/guides/overlays-and-alerts) to your scene.
25
+
-[Add overlays and alerts](/selive/guides/overlays-and-alerts) to your scene.
26
+
-[Set up multistreaming](/selive/guides/multistreaming) to send your stream to more than one platform.
27
+
-[Create a vertical canvas](/selive/guides/canvas) for a separate vertical layout.
Backtrack keeps a temporary recording of your stream. Press a hotkey to save a moment after it happens.
10
+
11
+
Use the latest SE.Live version and [create a custom canvas](/selive/guides/canvas) before you begin.
12
+
13
+
## Enable Backtrack
14
+
15
+
1. Open your canvas settings with the gear icon.
16
+
2. Scroll to **Backtrack options** and turn on **Enable backtrack (replay buffer) while streaming**.
17
+
3. Click **Save changes**.
18
+
19
+
<GuideScreenshotsrc={backtrack}alt="Backtrack options with the Enable backtrack (replay buffer) while streaming switch."caption="Enable Backtrack for each canvas you want to save replays from." />
20
+
21
+
## Save a replay
22
+
23
+
1. Start streaming from the canvas.
24
+
2. Open **Settings → Hotkeys** in OBS.
25
+
3. Under **Canvas Backtrack (Replay Buffer): [CANVAS NAME]**, assign a hotkey to **Save Replay**.
26
+
4. Save your settings, then press the hotkey to save a replay. SE.Live remembers it for this canvas.
27
+
28
+
Canvas Backtrack saves replays only while the canvas is streaming. To save replays offline, use OBS's replay buffer.
29
+
30
+
## Limit resource use
31
+
32
+
Keep buffers at 180 seconds or less. Enabled buffers use encoding resources even while the canvas is idle, so turn off Backtrack on canvases you do not need.
33
+
34
+
[More about Backtrack](https://support.streamelements.com/hc/en-us/articles/26268419155858-Using-Backtrack-on-SE-Live-Canvas-Replay-Buffer-Guide).
A canvas holds a stream layout. Create a separate canvas to arrange your camera, gameplay, and alerts for vertical viewing.
10
+
11
+
Before you begin, [install and connect SE.Live](/selive/getting-started).
12
+
13
+
## Create the canvas
14
+
15
+
1. In the **Multistreaming** panel, open an output's three-dot menu.
16
+
2. Select **Canvas → Create New Canvas**.
17
+
3. Name the canvas and choose **1080 × 1920** for a vertical layout.
18
+
4. Confirm to create the canvas.
19
+
20
+
The canvas opens in its own dock, with a preview above its scenes and sources. If you close it, reopen it through **StreamElements → SE.Live Docks**.
21
+
22
+
## Check the resolution
23
+
24
+
Open the canvas settings with the gear icon. Under **General**, check that **Resolution** is **1080×1920 (1080p Vertical)**. Save any changes.
25
+
26
+
<GuideScreenshotsrc={settings}alt="Canvas General settings with Resolution set to 1080×1920 (1080p Vertical)."caption="A vertical canvas is taller than it is wide: 1080 pixels wide by 1920 pixels high." />
27
+
28
+
## Arrange the layout
29
+
30
+
[Add scenes and sources](/selive/guides/scenes-and-sources) to the canvas. Resize and reposition them in the preview so your camera, gameplay, and alerts fit the portrait frame.
31
+
32
+
[Link each canvas scene](/selive/guides/scenes-and-sources#link-scenes) to its matching OBS scene to keep scene changes in sync.
33
+
34
+
## Choose where to stream
35
+
36
+
For [multistreaming](/selive/guides/multistreaming), select the canvas from the output's **Canvas** menu. Check the output's canvas name before going live.
37
+
38
+
For [Twitch dual format](/selive/guides/twitch-dual-format), select it as **Additional Canvas** in OBS's stream settings.
39
+
40
+
[More about canvases](https://support.streamelements.com/hc/en-us/articles/23190715979538-Understanding-Canvas-How-to-Decide-What-to-Stream).
<LinkCardtitle="Add overlays and alerts"href="/selive/guides/overlays-and-alerts"description="Add an AlertBox to an overlay and bring it into OBS." />
12
+
<LinkCardtitle="Create a vertical canvas"href="/selive/guides/canvas"description="Choose a resolution and arrange a separate stream layout." />
13
+
<LinkCardtitle="Manage scenes and sources"href="/selive/guides/scenes-and-sources"description="Reuse sources and link scenes across your layouts." />
12
14
</CardGrid>
13
15
14
-
## More from the Help Center
16
+
## Stream and save replays
15
17
16
-
The [SE.Live Help Center](https://support.streamelements.com/hc/en-us/sections/10474402361490-SE-Live) has detailed guides for scenes and sources, Canvas, and streaming formats.
18
+
<CardGrid>
19
+
<LinkCardtitle="Set up multistreaming"href="/selive/guides/multistreaming"description="Configure outputs and confirm each platform is live." />
20
+
<LinkCardtitle="Stream in dual format on Twitch"href="/selive/guides/twitch-dual-format"description="Send horizontal and vertical layouts to Twitch together." />
21
+
<LinkCardtitle="Save replays with Backtrack"href="/selive/guides/backtrack"description="Enable a replay buffer for a custom canvas and set a save hotkey." />
22
+
</CardGrid>
23
+
24
+
## More help
25
+
26
+
For common problems, use [SE.Live troubleshooting](/selive/troubleshooting). The [SE.Live Help Center](https://support.streamelements.com/hc/en-us/sections/10474402361490-SE-Live) has more setup and troubleshooting guides.
17
27
18
-
For setup, features, and multistreaming, open the [complete SE.Live guide](https://support.streamelements.com/hc/en-us/articles/18771457842066).
28
+
[Ground Control](https://support.streamelements.com/hc/en-us/articles/22154503415314-Ground-Control) is a separate app for managing chat, activity feeds, and stream controls.
Each output sends your stream to a platform. SE.Live sends these streams from your computer, so your upload connection must handle their combined bitrate. Three outputs at 6,000 Kbps need 18,000 Kbps, plus room for overhead.
10
+
11
+
## Connect your outputs
12
+
13
+
1. Open **StreamElements → SE.Live Docks → StreamElements Multi-Streaming**.
14
+
2. Open **Settings** from the panel's gear button or an output's three-dot menu.
15
+
3. Under **Outputs**, connect the accounts you want to stream to. Use **Add output** to add another destination.
16
+
4. Expand **Output settings** and choose the OBS audio track to send to that output. Save your changes.
17
+
18
+
<GuideScreenshotsrc={outputs}alt="A Twitch output with a Connect button and Output settings expanded to show the Audio tracks dropdown."caption="Connect the account, then choose its audio track under Output settings." />
19
+
20
+
## Prepare each broadcast
21
+
22
+
1. Enable the outputs you want in the Multistreaming panel.
23
+
2. Check each channel name and assigned canvas. Use a [custom canvas](/selive/guides/canvas) for a separate layout.
24
+
3. Under **Broadcast Settings**, set each stream's title, category, and platform options, such as YouTube privacy.
25
+
26
+
TikTok requires LIVE access before you can stream to it.
27
+
28
+
## Go live
29
+
30
+
1. Click **Start Streaming**.
31
+
2. Review the details for each enabled platform, then click **Start Streaming** again.
32
+
3. Check for **Live** beside every output you enabled.
33
+
34
+
To stop one output while the others keep streaming, turn off its toggle in the Multistreaming panel.
35
+
36
+
For horizontal and vertical streams on Twitch, use [Twitch dual format](/selive/guides/twitch-dual-format).
37
+
38
+
[More about multistreaming](https://support.streamelements.com/hc/en-us/articles/18771457842066-SE-Live-The-Complete-Guide-Setup-Features-Multistreaming-Troubleshooting).
1. Open [My Overlays](https://streamelements.com/dashboard/overlays) and choose **New overlay**.
9
12
2. Choose a resolution that matches your scene.
10
13
3. In the editor, select **+ → Alerts → AlertBox** to add alerts. Configure the alert types you need, then save.
11
14
12
-
The [overlay setup guide](/overlays/getting-started) includes screenshots of these steps.
15
+
<GuideScreenshotsrc={alertbox}alt="The overlay widget menu with Alerts expanded and AlertBox highlighted."caption="Choose Alerts → AlertBox to add stream alerts to your overlay." />
13
16
14
17
## Add it to OBS
15
18
16
-
Copy the overlay URL. In OBS, add a **Browser Source** to your scene and paste the URL into its properties. Match the source dimensions to your overlay. Place it above sources that would cover it.
19
+
1. In **My Overlays**, open the overlay's three-dot menu and select **Copy URL**. You can also use the link icon in the overlay editor.
20
+
2. In OBS, select your scene, then choose **Sources → + → Browser**.
21
+
3. Create and name the source, then paste the overlay URL into its properties.
22
+
4. Set **Width** and **Height** to match the overlay. A 1920 × 1080 overlay needs those same source dimensions; use your overlay's dimensions for a vertical layout.
23
+
5. Save, then place the browser source above sources that would cover it.
24
+
25
+
Keep the overlay URL private.
26
+
27
+
## Customize alerts
28
+
29
+
In the overlay editor, select the AlertBox and open the gear beside an event type to change its image, sound, text, layout, and duration. Save your changes.
30
+
31
+
Check enabled variations too: changing a default alert does not change every variation. Customize or disable variations you do not want. See [Setting Up Twitch Alerts](https://support.streamelements.com/hc/en-us/articles/16789217829778-Setting-Up-Twitch-Alerts-with-StreamElements-Overlays) for examples.
32
+
33
+
## Use alerts across scenes
34
+
35
+
You can keep the AlertBox in its own overlay and copy its browser source into each scene. Hide or remove duplicate AlertBoxes in your other overlays to avoid playing the same alert twice.
17
36
18
-
Keep the overlay URL private. See the [SE.Live support guide](https://support.streamelements.com/hc/en-us/articles/18771457842066) for more on overlay setup.
37
+
If an alert is missing, check [overlay troubleshooting](/selive/troubleshooting#overlays-or-alerts-do-not-appear). For volume and monitoring, follow [alert audio troubleshooting](/selive/troubleshooting#alert-audio).
A scene groups sources such as your camera, gameplay, images, and overlays. Start with a [custom canvas](/selive/guides/canvas).
11
+
12
+
## Add a scene
13
+
14
+
1. Click **+** at the bottom left of the canvas dock.
15
+
2. Name the scene, then click **Add Scene**.
16
+
17
+
## Add sources
18
+
19
+
1. Open the scene's three-dot menu.
20
+
2. Choose **Add Source**, then select a source type.
21
+
22
+
<GuideScreenshotsrc={sceneMenu}alt="A canvas scene's menu with Add Source and Link scene."caption="The three-dot menu contains the source and scene-linking controls." />
23
+
24
+
3. Choose **Add existing** to reuse a source, or **Create new** to set up another one.
25
+
4. Set **Make source visible** to choose whether it appears immediately, then click **Add Source**.
26
+
27
+
<GuideScreenshotsrc={sourcePicker}width={335}alt="Add Video capture dialog with Add existing selected, a camera source selected, and Make source visible checked."caption="Reuse an existing camera source to avoid creating another capture of the same device." />
28
+
29
+
Reusing a source uses fewer resources than creating another instance. For browser overlays, follow [Add overlays and alerts](/selive/guides/overlays-and-alerts).
30
+
31
+
## Check canvas settings
32
+
33
+
Open the canvas settings with the gear icon. Choose the canvas you want to edit, then check its name, resolution, and assigned outputs. Save any changes.
34
+
35
+
## Link scenes
36
+
37
+
Link a canvas scene to its matching OBS scene. For example, link a vertical **Just Chatting** scene to your horizontal **Just Chatting** scene.
38
+
39
+
1. Open the canvas scene's three-dot menu.
40
+
2. Select **Link scene**, then choose the OBS scene.
41
+
3. Switch to the canvas scene and check that the linked OBS scene changes too.
42
+
43
+
[More about scenes and sources](https://support.streamelements.com/hc/en-us/articles/25445654050450-Creating-and-Managing-Scenes-and-Sources-in-SE-Live).
Dual format sends horizontal and vertical versions of your stream to Twitch together. Desktop and TV viewers see your horizontal layout. Mobile viewers can watch vertically or rotate their phone for the horizontal view.
10
+
11
+
## Before you begin
12
+
13
+
- Use OBS Studio 32.0.0 or newer and install SE.Live Public Beta. Close OBS before running the [SE.Live installer](https://streamelements.com/selive).
14
+
- Connect Twitch in **Settings → Stream** in OBS.
15
+
- Check [Twitch's hardware and upload requirements](https://help.twitch.tv/s/article/dual-format-vertical-video). Dual format is available to all Twitch streamers.
16
+
- If you have Aitum Vertical installed, uninstall it before using SE.Live dual format. Running both plugins can cause OBS to crash.
17
+
18
+
## Prepare your vertical layout
19
+
20
+
1.[Create a vertical canvas](/selive/guides/canvas) at **1080 × 1920**.
21
+
2.[Add scenes and sources](/selive/guides/scenes-and-sources), then arrange your camera, gameplay, and alerts to fit the portrait frame.
22
+
3.[Link your scenes](/selive/guides/scenes-and-sources#link-scenes) and check both layouts in the preview.
23
+
24
+
## Enable dual format
25
+
26
+
1. Open **Settings → Stream** in OBS and select **Twitch**.
27
+
2. Under **Multitrack Video**, check **Enable Enhanced Broadcasting**.
28
+
3. Open **Additional Canvas** and select your SE.Live vertical canvas.
29
+
4. Click **Apply**, then **OK**.
30
+
31
+
<GuideScreenshotsrc={twitchSettings}alt="Multitrack Video settings with Enhanced Broadcasting enabled and SE.Live: c1 selected as the additional canvas."caption="Choose the vertical canvas you created from the Additional Canvas dropdown." />
32
+
33
+
## Go live and check the result
34
+
35
+
Click **Start Streaming** in OBS. Open your stream on a phone and check it in portrait and landscape. Switch scenes and confirm that the camera, gameplay, and alerts stay in frame.
36
+
37
+
To return to horizontal-only streaming, set **Additional Canvas** to **None**.
38
+
39
+
[Get help with dual format setup](https://support.streamelements.com/hc/en-us/requests/new).
0 commit comments