XSplit Broadcaster Guide

STEP 1: Add a webpageURL

  1. Click add
  2. Navigate to Other
  3. Select Webpage URL

STEP 2: Add the dashboard URL provided to you

NOTE: THE URL YOU USE IS IN YOUR CAMPAIGN EDIT SCREEN ON THE TOP RIGHT and ADD overlay/dashboard to it. The overlay WILL NOT work with the URL you see your campaign at due to our current update.  

This should be: http://tiltify.com/events/your-campaign/overlay/dashboard

http://tiltify.com/events/your-campaign is the url of your campaign.

STEP 3: Go to Scene Manager/Settings


Click on the source in your scene manager and click settings .


STEP 4: Verify your Stream Settings

For 720p Streams set your width to 1280.

For 1080p streams set your width to 1920

Height should be no less than 70 to avoid issues.  

Ensure your settings look like the following:


STEP 5: Resize on view and you're done!


NOTE: If the dashboard is blurry then make sure you have set your screen size properly in the top right of the window.


 Advanced Customization

Custom Skinning

XSplit allows you to edit the CSS for the loaded dashboard on the source settings window. Below is a reference of the CSS you can change.

 If you're tech-savvy enough, you can simply visit the url and check the inspector for other CSS you can modify to fit your needs

.dashboard-wrapper {
  background-color: #222; // For the main background color
  color: #FFF; // For main text
}
  
.dashboard-wrapper .label {
  color: #CCC; // Change the lighter text label color
}
  
.progress-bar-wrapper .progress-bar {
  background-color: #069; // Change the progress bar color
}
  

Feedback and Knowledge Base