Caleb's XSplit Tutorial - Part 1

Posted by Caleb on October 15, 2012

An XSplit broadcast is comprised of many parts. Each component can be sized, placed, and configured many different ways.  Here’s a step by step how-to guide for setting up each part and getting a decent looking broadcast setup in XSplit. Please note that your broadcast is your own, so you don’t have to set up your XSplit exactly how I do here. Feel free to make any adjustments, changes, and placements that you like! This guide is a great place to learn how.

First, we open XSplit and start a new presentation File > New Presentation  and you’ll see this screen. Whatever we place in the black area is what the world will see, so let’s make it look good. In this space we can place any of the following: game feed, web cam, chat, titles and text, pictures; you could even open and play audio files.

New XSplit Presentation


Before we add all that, we need to configure some settings first. Go to View > Resolution > Edit Resolutions  and scroll down until you find 1280x720. Make sure it’s checked. This sets the aspect ratio and resolution of the video you’re sending out.

Resolution settings


Now that we’ve added our broadcast resolution, we’ll need to select it. Again, go to View > Resolution and click it.

Resolution settings


There’s a couple more settings we’ll want to make sure are configured, but we can do those later. Let’s start building out the look of our stream!

First, we’ll need to add the capture device. This can be found under File > Add Camera > Your capture device. My capture card is a Black Magic Intensity Pro, so “Black Magic WDM Capture” is the obvious choice. Choose yours based on the capture device you’re using (Black Magic, Roxio, Dazzle, Happauge, HD-PVR, etc).

Add game capture device


If your device isn’t currently capturing, you can still start setting up your layout by estimating the size of the capture window. Hover your mouse over the new window, click the corner and drag to resize.

Resize game capture


However, ours is capturing, so we can see our game feed in the window.

Resize game capture


As a quick aside, if you’re not capturing from an external device but from an emulator on your computer, you can add this to your broadcast by going to File > Add Screen Region. This will give you a red selection tool for capturing all or a part of your screen by clicking and dragging. We want to capture just our emulator window, so we can click anywhere in it. In this case, you shouldn’t \ have to click and drag around the emulator window, XSplit will do that for you when you click anywhere within the window you want to capture. The catch is that it captures ALL of the window you’ve clicked in, not just a portion of it. For an emulator, that’s fine.

Select emulator


Here’s our captured emulator window in XSplit.

Emulator capture

Now that you have that knowledge filed away, let’s switch back to our external game capture.


I’ve resized our game capture window and placed it against the right side of our broadcast field. You’ll notice the game capture window could use some cropping on the left, top, and bottom. 

External game capture


Right click on the window and select the Position tab to get cropping options (among others you can play with). I guesstimated 20 pixels for the top and bottom and 40 for the left, but had to fine tune with the amounts you’ll notice in this screenshot.

Resize settings


After cropping out the extra space, we can shore the capture window up into the corner.

Cropped game capture


I’ve decided to add a little bit of a framing around the top and bottom of our game feed using click and drag. I could add a background color or image, but I’m going to leave it black for now. We’re done with our game feed, so now it’s time to add a webcam.

Cropped game capture


Click File > Add Camera > Your webcam - Your webcam should be listed by the brand, followed by a model number. Depending on your cam, you may see Logitech, Microsoft, or another brand. You’ll notice I have two of the same webcam available, so I select one.

Camera selection


You can resize your cam and place it just like your game feed. I’ve resized ours to fit up in the corner. Crop if necessary by right clicking and going to position options again.

Camera resize


Now that our game and our chair are being captured, both are ready for broadcast! Please read Part 2 (link this) of this tutorial to learn how to set up more of our stream components.