Xbox One streamers, the moment you've been waiting for is finally here! Native Xbox One streaming with overlays and alerts without the need for a PC connection (no capture card or Xbox app needed). That right, you can now live stream directly from your Xbox One S or X and can customize your stream display with graphics and alerts!
This game-changing technology is all made possible via Lightstream Studio's direct Mixer integration. This web based software will allow you to customize your streams with scenes, overlays and alerts for a more professional looking stream. You will need to access the website via a web browser to configure and modify your scenes, but is not necessary when you go live.
To get started you will need to authorize Lightstream Studio to be used with your Mixer channel.
Head to your Mixer channel in a web browser and make sure you are logged in with your streaming account.
- Click your icon in the top right
- Click 'Manage Channel'.
Under the Broadcast tab, in the 'Lightstream [Beta]' section, click the 'Authorize Lightstream Studio' button.
'Approve' the necessary permissions to continue logging in.
The Lightstream Studio page should open up, but if not, head over to https://mixer.golightstream.com in a web browser to begin customizing a project. You should be greeted with a welcome screen. Click the 'Get Started!' button.
TIP: You may receive a warning to disable your ad blockers for the website to function properly. Make sure to do this to ensure everything is setup and working properly.
You will then see a sample project with a Starting Scene. This is the project you will want to modify as it includes your Mixer feed already. Here is a quick breakdown of the Lightstream Studio UI:
- Main menu which give you your settings, project selection, FAQ and a log out option.
- Your Layers section, which work similar to Photoshop layers. The layers above will have visual priority and will be displayed on top of the subsequent layers. The automatically created 'Mixer Feed' layer is your Xbox stream. This is your live feed and should be your lowest layer as you want your alerts and overlays above.
- Audio Mixer section - Lets you control the audio level of various layer elements.
- Scenes Section - Here you can create different scenes and switch them out in certain situations. You can swap scenes via web browser or mobile app.
- Display Output Window - This is your display layout that you create. What you see if what you get on your stream.
Again, this is your default Mixer project that will be output to your stream so lets go ahead and customize our Mixer project. Feel free to work with this as your main scene.
In a web browser, head back to you Mixer page - Manage Channel - Broadcast Settings.
Click the 'Send my Mixer video feed to Lightstream Studio' toggle. This needs to be enabled before you go live on via your Xbox. This only needs to be toggled on once as long as you are happy with the Lightstream integration. To disable Lightstream Studio, just come back to this settings page and click off the toggle. If you want to make edits to your Lightstream scenes you can click the 'Enter Lightstream Studio' button as well.
Congrats! Streaming directly from your Xbox with now interface with Lightstream Studio and display your created overlays on stream. There should not be any noticeable delay in your stream and you should still be able to interact with your viewers in real time with FTL (low latency) technology.
SETTING UP YOUR ALERTS VIA STREAMLABS
Lets head back to Lightstream Studio and start populating your default scene. Lets add the two most basic overlay elements:
- Alert Box: Real-time follower, subscriber, donation and host alerts. You can choose to include sounds and animated graphics, custom colors, fonts, etc.
- Event List: A history of your recent alerts. This can also be customized with animated transitions, fonts, backgrounds, colors, etc.
- Click the '+' Arrow in your Layers section
- Select '3rd Party Integrations'
You will see all the available third party integration options. In our example, we will use Streamlabs. Click on the Streamlabs logo.
You will have two new items on screen. The first being a box for you to enter your Streamlabs alert widget URL.
The next item will be the actual output window that will be displayed on stream. Feel free to click on this box to adjust and relocate this on screen.
We now need to head over to Streamlabs to setup and some widget.
Check out this tutorial to setup a simple Alert Box in Streamlabs. Once you've set this up and generated your unique URL, copy it and head back to this section. Ignore the OBS setup section as that is for PC streaming only.
Paste the Streamlabs Alert Box URL in the box back in Lightstream Studio. I also went ahead and renamed this layer 'SL - Alert Box' for better scene management.
You should then get a pop up letting you know that the link was entered properly and accepted.
TESTING OUT THE ALERT BOX
With both Lightstream Studio and Streamlabs browser pages open, click 'Test Follow' in Streamlabs-Widget-Alert Box. If setup properly, the alert should appear in Lightstream Studio. Go ahead and test out the subscribe, donation and host as well.
ADDING STREAMLABS EVENT LIST OVERLAY
Now lets add an Event List that tracks some of your recent alerts you previously set up.
- Again, lets click the '+' Arrow in your Layers section
- Select '3rd Party Integrations'
You will see all the available third party integration options. In our example, we will again use Streamlabs. Click on the Streamlabs logo.
Check out this tutorial to create an Event List in Streamlabs. Once you've set this up and generated your unique URL, copy it and head back to this section. Once you've set this up and generated your unique URL, copy it and head back to this section. Ignore the OBS setup section as that is for PC streaming only.
Paste the Streamlabs Event List URL in the box back in Lightstream Studio. I also went ahead and renamed this layer 'SL - Event List'. Keep things organized!
You should then get a pop up letting you know that the link was entered properly and accepted. I've adjust the Event List box window to be in the top right corner of my stream display. You can manually click and drag the handles to adjust the size or click inside to move it. You can also manually enter values in the Size and Position prompts below the window.
Similar to the Alert Box, lets test this new widget out. With both Lightstream Studio and Streamlabs browser pages open, click 'Test Follow' in Streamlabs-Widget-Event List. If setup properly, the alert should appear in Lightstream Studio. Go ahead and test out the other alerts if you would like. feel free to customize the look of your Event List within the Streamlabs website.
As long as you have Lightstream Studio toggled ON in Mixer via a web browser, these scenes will load and be active every time you stream directly from your Xbox One. Enjoy!
Tweak your other settings (camera, quality, mic, controller sharing) via Xbox One as normal.