Misc options
Platform Specific Issues
Newly Added Parameters

&showlabels

Display labels as a video overlay.

Aliases

  • &showlabel

  • &sl

Options

Value

Description

skype

Skype styled display names

ninjablue

VDO.Ninja styled display names

toprounded

Rounded display names

fire

Fire looking display names

teams

Microsoft Teams styled display names

zoom

Zoom styled display names

Details

Font-size of labels will adjust slightly based on the window size. Underscores "_" used in label values will be replaced by spaces, allowing for word separation.

If no preset option is passed, a default generic style is used.

Customization

CSS of the styles can be set via the OBS browser source stylesheet window. The CSS class name you can customize is called "video-label".

An example of how to set a custom CSS style for labels

You can copy the below code, modifying it as you desire, as a starting point. You'll still need to use &showlabels to trigger the labels to display though.

.video-label {
color: red;
bottom: 2vh;
left: 50%;
transform: translateX(-50%);
background: rgba(0, 0, 0, .8);
pointer-events:none;
border-radius: 5px;
font-size: 0.8em;
}

You can also change the font-size without need CSS, using the &fontsize parameter.

Below is another example, this time we target the video tile class, creating a margin above the video elements. We can then move the display label into that space, creating a label that is not overlaying the video itself, but still attached.

We can paste the CSS code directly into the OBS browser source, or we can host the style in a file and access it via the &css parameter
.tile {
margin-top: 10vh !important;
max-height: 90vh!important;
}
.video-label {
bottom:unset;
top:0;
text-align:middle;
left:unset;
background:unset;
text-shadow : 0 0 10px #035;
font-size: 7vh!important;
}