Ninja Docs
Search
⌃K

&closedcaptions

Enables displaying of closed captioning text
Viewer-Side Option! (&view, &scene, &room)

Aliases

  • &captions
  • &cc

Details

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; }
#overlayMsgs{
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:
&base64css=I292ZXJsYXlNc2dzew0KICAgIG92ZXJmbG93OiBhdXRvIWltcG9ydGFudDsNCiAgICBkaXNwbGF5OiBmbGV4IWltcG9ydGFudDsNCiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uLXJldmVyc2UhaW1wb3J0YW50Ow0KICAgIGhlaWdodDogMjQwcHghaW1wb3J0YW50Ow0KfQ0KDQojb3ZlcmxheU1zZ3Mgc3BhbiB7DQogICAgdGV4dC1hbGlnbjogbGVmdCFpbXBvcnRhbnQ7DQp9
Feedback and user requests are welcomed.