Enables displaying of closed captioning text

Viewer-Side Option! (&view, &scene, &room)


  • &captions

  • &cc


This command will display the incoming transcribed text-data as an overlay. You will need to use this on the VIEW link, while also using the &transcribe command on the PUSH link.

See video for a walk-thru:

Overlay text data is pulled from the source with &transcribe added.

&fontsize={percent} can be used to adjust the overlay font-size. 100% is default;

Use can use &css=somecssfile.css to further customize the CSS style, or do so in the OBS Browser source style sheet area. You can also set the CSS via a base64 encoded string in the URL, via the &base64css parameter. An example of a custom stylesheet for OBS that changes the font-family of the overlay text is the is the following:

body {
  background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden;

@font-face {
  font-family: 'opendyslexic';
	src: url('https://vdo.ninja/examples/OpenDyslexic-Regular.otf');
	font-style: normal;
	font-weight: normal;

#overlayMsgs {
	font-family: "opendyslexic", opendyslexic, serif;

Another example of limiting the captioning-text to only use a fixed height of space when used as an overlay to OBS browser source. Just replace the OBS browser style with this code snippet instead:

body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }

    overflow: auto!important;
    display: flex!important;
    flex-direction: column-reverse!important;
    height: 240px!important;

#overlayMsgs span {
    text-align: left!important;

If not using OBS, you can still add the above CSS via the URL using the &base64css parameter. For example, instead of the above CSS, you can append the following to the URL:


Feedback and user requests are welcomed.

https://vdo.ninja/?transcribe https://vdo.ninja/?view=abc123&closedcaptions https://meyerweb.com/eric/tools/dencoder/ https://vdo.ninja/examples/rainbow.css https://vdo.ninja/?css=https%3A%2F%2Fvdo.ninja%2Fexamples%2Frainbow.css


Last updated