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

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