diff --git a/astro.config.mjs b/astro.config.mjs index 7a468f0..8d059f1 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -242,6 +242,11 @@ export default defineConfig({ ] }, { label: 'Guides', items: [ { label: 'Add overlays and alerts', slug: 'selive/guides/overlays-and-alerts' }, + { label: 'Create a vertical canvas', slug: 'selive/guides/canvas' }, + { label: 'Manage scenes and sources', slug: 'selive/guides/scenes-and-sources' }, + { label: 'Set up multistreaming', slug: 'selive/guides/multistreaming' }, + { label: 'Twitch dual format', slug: 'selive/guides/twitch-dual-format' }, + { label: 'Save replays with Backtrack', slug: 'selive/guides/backtrack' }, { label: 'All guides', slug: 'selive/guides' }, ] }, { label: 'Troubleshooting', slug: 'selive/troubleshooting' }, diff --git a/src/components/GuideScreenshot.astro b/src/components/GuideScreenshot.astro new file mode 100644 index 0000000..ae7debd --- /dev/null +++ b/src/components/GuideScreenshot.astro @@ -0,0 +1,39 @@ +--- +import { Image } from 'astro:assets'; +import type { ImageMetadata } from 'astro'; + +interface Props { + src: ImageMetadata; + alt: string; + caption: string; + width?: number; +} + +const { src, alt, caption, width = 640 } = Astro.props; +--- + +
+ + {alt} + +
{caption}
+
+ + diff --git a/src/content/docs/selive/getting-started.mdx b/src/content/docs/selive/getting-started.mdx index 541cc08..536c0f6 100644 --- a/src/content/docs/selive/getting-started.mdx +++ b/src/content/docs/selive/getting-started.mdx @@ -5,16 +5,23 @@ description: Download SE.Live, install it in OBS Studio, and connect your Stream ## Install -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. +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. + +1. Download the installer for your operating system from the [SE.Live page](https://streamelements.com/selive). Choose the Mac beta for macOS. +2. Close OBS, then run the installer. +3. Reopen OBS and look for the **StreamElements** menu. ## Connect -Open **StreamElements → Login** in OBS and sign in. To connect your streaming service, open **Settings → Stream** and follow the account connection steps. +1. Open **StreamElements → Login** in OBS and sign in to your StreamElements account. +2. Open **Settings → Stream**, choose your streaming service, and follow the account connection steps. -Open chat and activity through **StreamElements → SE.Live Docks**. +Open chat and activity through **StreamElements → SE.Live Docks**. If the docks are missing, follow the [troubleshooting steps](/selive/troubleshooting#missing-docks). For the full setup walkthrough, see the [SE.Live support guide](https://support.streamelements.com/hc/en-us/articles/18771457842066). -## Next step +## Next steps -[Add overlays and alerts](/selive/guides/overlays-and-alerts) to your scene. +- [Add overlays and alerts](/selive/guides/overlays-and-alerts) to your scene. +- [Set up multistreaming](/selive/guides/multistreaming) to send your stream to more than one platform. +- [Create a vertical canvas](/selive/guides/canvas) for a separate vertical layout. diff --git a/src/content/docs/selive/guides/backtrack.mdx b/src/content/docs/selive/guides/backtrack.mdx new file mode 100644 index 0000000..a7dc9fd --- /dev/null +++ b/src/content/docs/selive/guides/backtrack.mdx @@ -0,0 +1,34 @@ +--- +title: Save replays with Backtrack +description: Enable a replay buffer for an SE.Live canvas and save recent moments with a hotkey. +--- + +import GuideScreenshot from '../../../../components/GuideScreenshot.astro'; +import backtrack from '../img/backtrack-options.png'; + +Backtrack keeps a temporary recording of your stream. Press a hotkey to save a moment after it happens. + +Use the latest SE.Live version and [create a custom canvas](/selive/guides/canvas) before you begin. + +## Enable Backtrack + +1. Open your canvas settings with the gear icon. +2. Scroll to **Backtrack options** and turn on **Enable backtrack (replay buffer) while streaming**. +3. Click **Save changes**. + + + +## Save a replay + +1. Start streaming from the canvas. +2. Open **Settings → Hotkeys** in OBS. +3. Under **Canvas Backtrack (Replay Buffer): [CANVAS NAME]**, assign a hotkey to **Save Replay**. +4. Save your settings, then press the hotkey to save a replay. SE.Live remembers it for this canvas. + +Canvas Backtrack saves replays only while the canvas is streaming. To save replays offline, use OBS's replay buffer. + +## Limit resource use + +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. + +[More about Backtrack](https://support.streamelements.com/hc/en-us/articles/26268419155858-Using-Backtrack-on-SE-Live-Canvas-Replay-Buffer-Guide). diff --git a/src/content/docs/selive/guides/canvas.mdx b/src/content/docs/selive/guides/canvas.mdx new file mode 100644 index 0000000..7734b6b --- /dev/null +++ b/src/content/docs/selive/guides/canvas.mdx @@ -0,0 +1,40 @@ +--- +title: Create a vertical canvas +description: Create an SE.Live canvas for a vertical stream and arrange its scenes and sources. +--- + +import GuideScreenshot from '../../../../components/GuideScreenshot.astro'; +import settings from '../img/canvas-settings.png'; + +A canvas holds a stream layout. Create a separate canvas to arrange your camera, gameplay, and alerts for vertical viewing. + +Before you begin, [install and connect SE.Live](/selive/getting-started). + +## Create the canvas + +1. In the **Multistreaming** panel, open an output's three-dot menu. +2. Select **Canvas → Create New Canvas**. +3. Name the canvas and choose **1080 × 1920** for a vertical layout. +4. Confirm to create the canvas. + +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**. + +## Check the resolution + +Open the canvas settings with the gear icon. Under **General**, check that **Resolution** is **1080×1920 (1080p Vertical)**. Save any changes. + + + +## Arrange the layout + +[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. + +[Link each canvas scene](/selive/guides/scenes-and-sources#link-scenes) to its matching OBS scene to keep scene changes in sync. + +## Choose where to stream + +For [multistreaming](/selive/guides/multistreaming), select the canvas from the output's **Canvas** menu. Check the output's canvas name before going live. + +For [Twitch dual format](/selive/guides/twitch-dual-format), select it as **Additional Canvas** in OBS's stream settings. + +[More about canvases](https://support.streamelements.com/hc/en-us/articles/23190715979538-Understanding-Canvas-How-to-Decide-What-to-Stream). diff --git a/src/content/docs/selive/guides/index.mdx b/src/content/docs/selive/guides/index.mdx index c007b66..a6b28d2 100644 --- a/src/content/docs/selive/guides/index.mdx +++ b/src/content/docs/selive/guides/index.mdx @@ -1,18 +1,28 @@ --- title: SE.Live guides -description: Guides for overlays, scenes, and streaming with SE.Live. +description: Guides for SE.Live overlays, multistreaming, canvases, linked scenes, Backtrack, and Twitch dual format. --- import { CardGrid, LinkCard } from '@astrojs/starlight/components'; -## Overlays +## Build your scenes + + -## More from the Help Center +## Stream and save replays -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. + + + + + + +## More help + +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. -For setup, features, and multistreaming, open the [complete SE.Live guide](https://support.streamelements.com/hc/en-us/articles/18771457842066). +[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. diff --git a/src/content/docs/selive/guides/multistreaming.mdx b/src/content/docs/selive/guides/multistreaming.mdx new file mode 100644 index 0000000..faf28e9 --- /dev/null +++ b/src/content/docs/selive/guides/multistreaming.mdx @@ -0,0 +1,38 @@ +--- +title: Set up multistreaming +description: Connect streaming outputs, choose audio tracks, and go live on multiple platforms. +--- + +import GuideScreenshot from '../../../../components/GuideScreenshot.astro'; +import outputs from '../img/multistream-outputs.png'; + +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. + +## Connect your outputs + +1. Open **StreamElements → SE.Live Docks → StreamElements Multi-Streaming**. +2. Open **Settings** from the panel's gear button or an output's three-dot menu. +3. Under **Outputs**, connect the accounts you want to stream to. Use **Add output** to add another destination. +4. Expand **Output settings** and choose the OBS audio track to send to that output. Save your changes. + + + +## Prepare each broadcast + +1. Enable the outputs you want in the Multistreaming panel. +2. Check each channel name and assigned canvas. Use a [custom canvas](/selive/guides/canvas) for a separate layout. +3. Under **Broadcast Settings**, set each stream's title, category, and platform options, such as YouTube privacy. + +TikTok requires LIVE access before you can stream to it. + +## Go live + +1. Click **Start Streaming**. +2. Review the details for each enabled platform, then click **Start Streaming** again. +3. Check for **Live** beside every output you enabled. + +To stop one output while the others keep streaming, turn off its toggle in the Multistreaming panel. + +For horizontal and vertical streams on Twitch, use [Twitch dual format](/selive/guides/twitch-dual-format). + +[More about multistreaming](https://support.streamelements.com/hc/en-us/articles/18771457842066-SE-Live-The-Complete-Guide-Setup-Features-Multistreaming-Troubleshooting). diff --git a/src/content/docs/selive/guides/overlays-and-alerts.mdx b/src/content/docs/selive/guides/overlays-and-alerts.mdx index b725b69..e145afd 100644 --- a/src/content/docs/selive/guides/overlays-and-alerts.mdx +++ b/src/content/docs/selive/guides/overlays-and-alerts.mdx @@ -3,19 +3,38 @@ title: Add overlays and alerts description: Create an overlay and display it in your OBS scene with SE.Live. --- +import GuideScreenshot from '../../../../components/GuideScreenshot.astro'; +import alertbox from '../img/alertbox-menu.png'; + ## Create your overlay 1. Open [My Overlays](https://streamelements.com/dashboard/overlays) and choose **New overlay**. 2. Choose a resolution that matches your scene. 3. In the editor, select **+ → Alerts → AlertBox** to add alerts. Configure the alert types you need, then save. -The [overlay setup guide](/overlays/getting-started) includes screenshots of these steps. + ## Add it to OBS -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. +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. +2. In OBS, select your scene, then choose **Sources → + → Browser**. +3. Create and name the source, then paste the overlay URL into its properties. +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. +5. Save, then place the browser source above sources that would cover it. + +Keep the overlay URL private. + +## Customize alerts + +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. + +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. + +## Use alerts across scenes + +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. -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. +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). ## Customize further diff --git a/src/content/docs/selive/guides/scenes-and-sources.mdx b/src/content/docs/selive/guides/scenes-and-sources.mdx new file mode 100644 index 0000000..d12bc64 --- /dev/null +++ b/src/content/docs/selive/guides/scenes-and-sources.mdx @@ -0,0 +1,43 @@ +--- +title: Manage scenes and sources +description: Add sources to an SE.Live canvas and link its scenes to your OBS scenes. +--- + +import GuideScreenshot from '../../../../components/GuideScreenshot.astro'; +import sceneMenu from '../img/scene-menu.png'; +import sourcePicker from '../img/reuse-source.png'; + +A scene groups sources such as your camera, gameplay, images, and overlays. Start with a [custom canvas](/selive/guides/canvas). + +## Add a scene + +1. Click **+** at the bottom left of the canvas dock. +2. Name the scene, then click **Add Scene**. + +## Add sources + +1. Open the scene's three-dot menu. +2. Choose **Add Source**, then select a source type. + + + +3. Choose **Add existing** to reuse a source, or **Create new** to set up another one. +4. Set **Make source visible** to choose whether it appears immediately, then click **Add Source**. + + + +Reusing a source uses fewer resources than creating another instance. For browser overlays, follow [Add overlays and alerts](/selive/guides/overlays-and-alerts). + +## Check canvas settings + +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. + +## Link scenes + +Link a canvas scene to its matching OBS scene. For example, link a vertical **Just Chatting** scene to your horizontal **Just Chatting** scene. + +1. Open the canvas scene's three-dot menu. +2. Select **Link scene**, then choose the OBS scene. +3. Switch to the canvas scene and check that the linked OBS scene changes too. + +[More about scenes and sources](https://support.streamelements.com/hc/en-us/articles/25445654050450-Creating-and-Managing-Scenes-and-Sources-in-SE-Live). diff --git a/src/content/docs/selive/guides/twitch-dual-format.mdx b/src/content/docs/selive/guides/twitch-dual-format.mdx new file mode 100644 index 0000000..292ec26 --- /dev/null +++ b/src/content/docs/selive/guides/twitch-dual-format.mdx @@ -0,0 +1,39 @@ +--- +title: Stream in dual format on Twitch +description: Send horizontal and vertical versions of your Twitch stream with SE.Live and Enhanced Broadcasting. +--- + +import GuideScreenshot from '../../../../components/GuideScreenshot.astro'; +import twitchSettings from '../img/twitch-enhanced-broadcasting.png'; + +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. + +## Before you begin + +- 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). +- Connect Twitch in **Settings → Stream** in OBS. +- 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. +- If you have Aitum Vertical installed, uninstall it before using SE.Live dual format. Running both plugins can cause OBS to crash. + +## Prepare your vertical layout + +1. [Create a vertical canvas](/selive/guides/canvas) at **1080 × 1920**. +2. [Add scenes and sources](/selive/guides/scenes-and-sources), then arrange your camera, gameplay, and alerts to fit the portrait frame. +3. [Link your scenes](/selive/guides/scenes-and-sources#link-scenes) and check both layouts in the preview. + +## Enable dual format + +1. Open **Settings → Stream** in OBS and select **Twitch**. +2. Under **Multitrack Video**, check **Enable Enhanced Broadcasting**. +3. Open **Additional Canvas** and select your SE.Live vertical canvas. +4. Click **Apply**, then **OK**. + + + +## Go live and check the result + +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. + +To return to horizontal-only streaming, set **Additional Canvas** to **None**. + +[Get help with dual format setup](https://support.streamelements.com/hc/en-us/requests/new). diff --git a/src/content/docs/selive/img/alertbox-menu.png b/src/content/docs/selive/img/alertbox-menu.png new file mode 100644 index 0000000..17c6271 Binary files /dev/null and b/src/content/docs/selive/img/alertbox-menu.png differ diff --git a/src/content/docs/selive/img/backtrack-options.png b/src/content/docs/selive/img/backtrack-options.png new file mode 100644 index 0000000..25d21bd Binary files /dev/null and b/src/content/docs/selive/img/backtrack-options.png differ diff --git a/src/content/docs/selive/img/canvas-settings.png b/src/content/docs/selive/img/canvas-settings.png new file mode 100644 index 0000000..13cf7f0 Binary files /dev/null and b/src/content/docs/selive/img/canvas-settings.png differ diff --git a/src/content/docs/selive/img/captures.json b/src/content/docs/selive/img/captures.json new file mode 100644 index 0000000..68221e8 --- /dev/null +++ b/src/content/docs/selive/img/captures.json @@ -0,0 +1,118 @@ +{ + "captured": "2026-09-13", + "source": "Focused crops from local product captures and StreamElements support screenshots.", + "images": { + "twitch-enhanced-broadcasting.png": { + "source": "https://support.streamelements.com/hc/article_attachments/30289137045010", + "crop": [ + 210, + 241, + 795, + 247 + ], + "state": "Enhanced Broadcasting enabled; SE.Live: c1 selected as Additional Canvas" + }, + "canvas-settings.png": { + "source": "Local SE.Live 26.2.5.549 capture", + "crop": [ + 32, + 264, + 545, + 177 + ], + "state": "General settings, 1080x1920 vertical resolution" + }, + "backtrack-options.png": { + "source": "https://support.streamelements.com/hc/article_attachments/26376126968594", + "crop": [ + 25, + 493, + 562, + 142 + ] + }, + "scene-menu.png": { + "source": "https://support.streamelements.com/hc/article_attachments/25445654048658", + "crop": [ + 10, + 0, + 568, + 180 + ] + }, + "reuse-source.png": { + "source": "https://support.streamelements.com/hc/article_attachments/25445639195282", + "crop": [ + 17, + 52, + 335, + 439 + ] + }, + "multistream-outputs.png": { + "source": "https://support.streamelements.com/hc/article_attachments/37340759377170", + "crop": [ + 0, + 0, + 558, + 352 + ] + }, + "alertbox-menu.png": { + "source": "../../overlays/img/new-widget-alert-box.png", + "crop": [ + 667, + 110, + 1111, + 718 + ] + } + }, + "maintenance": "Use focused crops of real product screenshots. Retain control labels and values; do not paint over or recreate UI. Exclude cursors, OS window frames, unrelated panels, credentials, and private overlay URLs. Store real PNG files and serve without lossy recompression or upscaling.", + "verifiedArticles": [ + "https://support.streamelements.com/hc/en-us/articles/18771457842066", + "https://support.streamelements.com/hc/en-us/articles/23190715979538", + "https://support.streamelements.com/hc/en-us/articles/25445654050450", + "https://support.streamelements.com/hc/en-us/articles/26268419155858", + "https://support.streamelements.com/hc/en-us/articles/30289137045778", + "https://support.streamelements.com/hc/en-us/articles/10474479981074", + "https://support.streamelements.com/hc/en-us/articles/16789217829778", + "https://support.streamelements.com/hc/en-us/articles/11757482774162", + "https://support.streamelements.com/hc/en-us/articles/10474479415442", + "https://help.twitch.tv/s/article/dual-format-vertical-video", + "https://support.streamelements.com/hc/en-us/articles/22154503415314-Ground-Control", + "https://streamelements.com/selive", + "https://obsproject.com/kb/stream-connection-troubleshooting", + "https://obsproject.com/kb/encoding-performance-troubleshooting" + ], + "editorialDecisions": [ + "Twitch's current guide says dual format is available to all streamers; removed the older SE.Live article's Twitch beta-access requirement and OBS 31 rollback advice.", + "Retained SE.Live Public Beta as a setup prerequisite and Aitum incompatibility based on the SE.Live dual-format article. The installed build exposes the required controls, but this does not establish stable-channel availability.", + "Canvas support prose says OK while its creation screenshot says ADD; use 'Confirm to create the canvas' rather than a mismatched button label.", + "Scene-link instructions describe the direction explicitly supported by the article: selecting a canvas scene changes its linked OBS scene.", + "Removed source-comparison prose from end-user pages; kept relevant help links.", + "Twitch dual format explicitly requires OBS 32.0.0 or newer, as listed by Twitch.", + "macOS beta support confirmed by Jacob in this task on 2026-09-13, consistent with the product page. The Windows-only statement in the support article is stale. Installation documents both platforms; OBS 31+ is stated for Windows only." + ], + "localCaptureEnvironment": { + "platform": "macOS", + "obsVersion": "32.2.2", + "seLiveVersion": "26.2.5.549" + }, + "factCheck": { + "checkedOn": "2026-09-13", + "coverage": { + "index.mdx": "Plugin purpose and linked guide descriptions match the complete SE.Live guide.", + "getting-started.mdx": "Windows and macOS beta availability (Mac support confirmed by Jacob), Windows OBS 31+ requirement, closed-OBS installation, login, account connection and docks.", + "guides/index.mdx": "Guide descriptions and Ground Control chat, activity feed, and quick-action features.", + "guides/overlays-and-alerts.mdx": "AlertBox creation and customization, browser source URL and dimensions, layer order, separate variations, shared alertbox sources.", + "guides/multistreaming.mdx": "Local output bandwidth, audio tracks, settings, broadcast details, TikTok LIVE access, two-stage start flow, Live indicators, independent output stop.", + "guides/canvas.mdx": "Canvas menu and creation, 1080x1920 orientation, dock recovery, resolution settings, scenes and output assignment.", + "guides/scenes-and-sources.mdx": "Scene creation, source type and reuse picker, source visibility, canvas settings, linked scene direction.", + "guides/backtrack.mdx": "Custom canvas buffer, streaming-only replay saves, live hotkey setup, per-canvas persistence, idle encoding cost, 180-second recommendation.", + "guides/twitch-dual-format.mdx": "Current Twitch access and OBS minimum; SE.Live beta and Aitum restrictions from SE support; Enhanced Broadcasting, Additional Canvas, linked layouts, phone verification and None to opt out.", + "troubleshooting.mdx": "Docks, Chrome login, overlay URL/dimensions, acceleration, alert audio routing, update loops, plugin isolation, logs and OBS performance help." + }, + "limits": "Instructions checked against official pages and available UI. No live broadcast or end-to-end replay test was performed. SE.Live stable-channel dual-format availability is not established by the reviewed sources; the guide follows the documented Public Beta setup." + } +} diff --git a/src/content/docs/selive/img/multistream-outputs.png b/src/content/docs/selive/img/multistream-outputs.png new file mode 100644 index 0000000..4543d14 Binary files /dev/null and b/src/content/docs/selive/img/multistream-outputs.png differ diff --git a/src/content/docs/selive/img/reuse-source.png b/src/content/docs/selive/img/reuse-source.png new file mode 100644 index 0000000..f4c0263 Binary files /dev/null and b/src/content/docs/selive/img/reuse-source.png differ diff --git a/src/content/docs/selive/img/scene-menu.png b/src/content/docs/selive/img/scene-menu.png new file mode 100644 index 0000000..083692f Binary files /dev/null and b/src/content/docs/selive/img/scene-menu.png differ diff --git a/src/content/docs/selive/img/twitch-enhanced-broadcasting.png b/src/content/docs/selive/img/twitch-enhanced-broadcasting.png new file mode 100644 index 0000000..50510bd Binary files /dev/null and b/src/content/docs/selive/img/twitch-enhanced-broadcasting.png differ diff --git a/src/content/docs/selive/index.mdx b/src/content/docs/selive/index.mdx index 0ff9f9e..2e0402c 100644 --- a/src/content/docs/selive/index.mdx +++ b/src/content/docs/selive/index.mdx @@ -1,6 +1,6 @@ --- title: SE.Live -description: Set up SE.Live for OBS Studio, add overlays, and find guides for your stream. +description: Set up SE.Live for OBS Studio, add overlays, build vertical layouts, and stream to multiple platforms. --- import { CardGrid, LinkCard } from '@astrojs/starlight/components'; @@ -10,6 +10,8 @@ SE.Live brings StreamElements chat, activity, and streaming tools into OBS Studi - + + + diff --git a/src/content/docs/selive/troubleshooting.mdx b/src/content/docs/selive/troubleshooting.mdx index 3fbafee..1311be9 100644 --- a/src/content/docs/selive/troubleshooting.mdx +++ b/src/content/docs/selive/troubleshooting.mdx @@ -1,17 +1,61 @@ --- title: SE.Live troubleshooting -description: Find troubleshooting steps and contact support for SE.Live. +description: Fix missing SE.Live docks, login problems, overlays, alert audio, update loops, and crashes. --- -For installation, login, and streaming issues, start with [SE.Live Troubleshooting in the Help Center](https://support.streamelements.com/hc/en-us/articles/10474479415442). +Start with the steps for your symptom. The [SE.Live troubleshooting article](https://support.streamelements.com/hc/en-us/articles/10474479415442) includes screenshots and further diagnostics. + +## Missing docks + +Open **StreamElements → SE.Live Docks**. If docks remain missing, use **StreamElements → Logout**, then sign in again. A canvas dock may be behind another panel; select it from the StreamElements menu. + +## Login opens a black screen + +Retry with Google Chrome. If a VPN or browser extension blocks login, temporarily pause it and retry, then restore it. + +## Overlays or alerts do not appear + +1. Copy the overlay URL again from **My Overlays → three-dot menu → Copy URL** and paste it into the browser source's **Properties**. +2. Match the source dimensions to the overlay. +3. Check that alerts are not paused or muted in the Activity Feed. + +For stuttering, try changing **Settings → Advanced → Enable Browser Source Hardware Acceleration**. Restart OBS after changing this setting. + +If you hear an alert but cannot see it, move its browser source above sources covering it. + +## Alert audio + +1. Open the browser source's **Properties** and enable **Control audio via OBS**. +2. Adjust its volume in the OBS mixer. +3. To hear it locally, open **Advanced Audio Properties** and set its monitoring to **Monitor and Output**. + +Check your audio routing if this produces duplicate sound. + +## Update loops + +Update OBS to its latest stable release, then reinstall [SE.Live](https://streamelements.com/selive). + +## Crashes or hangs + +Update OBS and SE.Live, then temporarily disable other plugins and retry. Complete the BugSplat report if it appears. Support can guide you through trace logs or a memory dump if needed. + +## Streaming performance + +Check the combined bitrate of your [multistreaming outputs](/selive/guides/multistreaming). Also check for [unused Backtrack buffers](/selive/guides/backtrack#limit-resource-use), which consume encoding resources even while idle. + +Use the OBS guide that matches the problem: + +- [Stream connection troubleshooting](https://obsproject.com/kb/stream-connection-troubleshooting) for disconnects and dropped frames. +- [Encoding performance troubleshooting](https://obsproject.com/kb/encoding-performance-troubleshooting) for choppy video and encoder overload. ## Get help with your setup When asking for help, include: - Your OBS and SE.Live versions. +- OBS logs and any crash logs from the **Help** menu. - What you were doing when the problem started. - The exact error message, if there is one. - Whether the problem happens every time. -Use the [Help Center](https://support.streamelements.com/) to contact support. Remove stream keys and private overlay URLs from screenshots before sharing them. +Use the [support request form](https://support.streamelements.com/hc/en-us/requests/new) to contact support. Remove stream keys and private overlay URLs from screenshots before sharing them.