&showlabels
Display labels as a video overlay
Last updated
Was this helpful?
Display labels as a video overlay
Last updated
Was this helpful?
General Option! (, , , )
&showlabel
&sl
There are some preset style options, which can be passed to the parameter as a value. You can also choose to just edit the label's style with CSS, as discussed lower on this page.
Example: &showlabels=ninjablue
(no value given)
Generic styled display names
fire
Fire looking display names
ninjablue
VDO.Ninja styled display names
skype
Skype styled display names
teams
Microsoft Teams styled display names
toprounded
Top-center rounded display names
zoom
Zoom styled display names
rounded
Rounded lower-right names; bold
This parameter can be used on guest links, view links, or scene links. It will be sticky to each individual video and not the browser window as a whole.
Underscores "_" used in label values will be replaced by spaces, allowing for word separation.
HTML5 Emojis 🎈 and some non-Latin characters are supported.
Font-size of labels will adjust slightly based on the window size.
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.
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.
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.
This parameter will display the user's display name or label on screen, as a text overlay. The label can be set either via the URL using the parameter, or the room's director can set it dynamically via the "Add a label" option.
For example: https://vdo.ninja/?showlabels=fire
If no preset option is passed, a default generic style is used:
You can change the font-size without using CSS, using the parameter. CSS is also supported though.
